Skip to content

Instantly share code, notes, and snippets.

View SpencerCooley's full-sized avatar

Spencer Cooley SpencerCooley

36 followers · 169 following
View GitHub Profile
@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
SpencerCooley / webpack.config.js
Created February 5, 2016 15:30
module.exports = {
entry: "./app.js",
output: {
path: __dirname,
filename: "bundle.js"
}
};
@SpencerCooley
SpencerCooley / app.js
Created February 5, 2016 15:13
var TodoView = require('./views/todoview.js')
$(document).ready(function(){
new TodoView();
});
@SpencerCooley
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
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
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
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
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
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
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>