Spencer Cooley SpencerCooley

SpencerCooley / gist:7a8ea953ac4df35c88c9

Created February 18, 2016 04:19

	The problem:

	The revolution slider requires that you include your layers and images inside of a <li> item.


	when a plugin is editable it wraps the plugin in a div with a unique class id, in this case cms-plugin-16646.
	I assume this is so it has a way to reference the element on double click in the visual editor.

	<div class="cms-plugin cms-plugin-16646" style="display: inline;">

SpencerCooley / webpack.config.js

Created February 5, 2016 15:30

SpencerCooley / app.js

Created February 5, 2016 15:13

	var TodoView = require('./views/todoview.js')

	$(document).ready(function(){
	new TodoView();
	});

SpencerCooley / todoview.js

Created February 5, 2016 15:11

	var Todo = require('../models/todo.js')
	var TodoList = require('../collections/todolist.js')


	var TodoView = Backbone.View.extend({
	el: '#todo-container',
	events: {
	'keyup .new-todo-box': 'handleEnter'
	},
	handleEnter: function(e){

SpencerCooley / todolist.js

Created February 5, 2016 15:09

	var Todo = require('../models/todo.js')

	//a collection of todo model objects
	var TodoList = Backbone.Collection.extend({
	//Todo model is a dependency so we require it at the top of this file.
	model: Todo
	});


	//simply just export your variable

SpencerCooley / todo.js

Created February 5, 2016 15:08

	var Todo = Backbone.Model.extend({
	});

	//simply just export your variable
	//this will allow you to require it when creating other modules.
	module.exports = Todo;

SpencerCooley / index.html

Last active February 5, 2016 14:36



	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>todo</title>
	<link rel="stylesheet" href="styles.css">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>

SpencerCooley / app.js

Created February 5, 2016 14:31

	var Todo = Backbone.Model.extend({
	});

	//a collection of todo model objects
	var TodoList = Backbone.Collection.extend({
	model: Todo
	});


	var TodoView = Backbone.View.extend({

SpencerCooley / styles.css

Created February 5, 2016 14:03

	.wrapper {
	width: 100%;
	}
	.wrapper .todo-container {
	font-family: Sans-Serif;
	background-color: #fff;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

SpencerCooley / index.html

Created February 5, 2016 14:01



	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>todo</title>
	<link rel="stylesheet" href="styles.css">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>