Jason Breitigan JBreit

bBRMKo

Craigslist Dashboard

Found the inspiration design on Dribbble and couldn't resist. Improvised some of the interactive UI features and added loading animations to spice up the initial load. Link in the HTML pannel

A Pen by JBreit on CodePen.

License.

Web Component Content Insertion Points

ng-conf 2015. Custom Content: Template Insertion in Web Components and Angular by Rachael L Moore and Kara Erickson. Code demo for web component segment of the talk about combining user provided content with pre-defined templates using the Shadow DOM and content insertion points. This is the canonical example.

Forked from Rachael L Moore's Pen Web Component Content Insertion Points.

A Pen by JBreit on CodePen.

License.

	/globals define/

	(function (global, factory) {
	'use strict';

	if (typeof define === 'function' && define.amd) {

	define(['exports'], factory);

	} else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {

	var express = require('express'),
	bodyParser = require('body-parser'),
	cookieParser = require('cookie-parser'),
	favicon = require('serve-favicon'),
	path = require('path'),
	logger = require('./../utils/logger'),
	methodOverride = require('method-override'),
	morgan = require('morgan'),
	session = require('express-session'),
	db = require('./config/db'),

	var app = function (request, response) {
	'use strict';

	response.write('test');
	request.pipe(response);
	};

	module.exports = app;

	var app = function (request, response) {
	'use strict';

	/*var methods = Object.create(null);

	console.log('methods: %s', methods);*/

	console.log(typeof request);
	response.write('test');
	//response.end('test');

	<body ng-app="app" ng-controller="index">
	<svg style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<defs>
	<symbol id="icon-calendar" viewBox="0 0 1024 1024">
	<title>calendar</title>
	<path class="path1" d="M320 384h128v128h-128zM512 384h128v128h-128zM704 384h128v128h-128zM128 768h128v128h-128zM320 768h128v128h-128zM512 768h128v128h-128zM320 576h128v128h-128zM512 576h128v128h-128zM704 576h128v128h-128zM128 576h128v128h-128zM832 0v64h-128v-64h-448v64h-128v-64h-128v1024h960v-1024h-128zM896 960h-832v-704h832v704z"></path>
	</symbol>
	<symbol id="icon-home2" viewBox="0 0 1024 1024">
	<title>home2</title>
	<path class="path1" d="M512 32l-512 512 96 96 96-96v416h256v-192h128v192h256v-416l96 96 96-96-512-512zM512 448c-35.346 0-64-28.654-64-64s28.654-64 64-64c35.346 0 64 28.654 64 64s-28.654 64-64 64z"><

	function urlObject(options) {
	"use strict";
	/global window, document/

	var url_search_arr,
	option_key,
	i,
	urlObj,
	get_param,
	key,

	var AddController = (function () {
	'use strict';
	var name = 'AddController';

	function init() {
	console.log('AddController');
	}

	return {
	name: name,