Simple first form for #48

bigbuild/forms.py

@@ -0,0 +1,23 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+from .models import Page
+from django.forms import ModelForm
+
+
+class PageForm(ModelForm):
+    """
+    Form for editing pages.
+    """
+    class Meta:
+        model = Page
+        fields = [
+            'headline',
+            'byline',
+            'description',
+            'image_url',
+            'pub_date',
+            'published',
+            'show_in_feeds',
+            'content',
+            'extra'
+        ]

example/pages/foobar-100/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-100/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-100/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.331241
+published: false
+show_in_feeds: false
+---

example/pages/foobar-100/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-100/static/style.css

@@ -0,0 +1 @@
+article {}

example/pages/foobar-101/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-101/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-101/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.366167
+published: false
+show_in_feeds: false
+---

example/pages/foobar-101/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-101/static/style.css

@@ -0,0 +1 @@
+article {}

example/pages/foobar-102/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-102/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-102/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.370519
+published: false
+show_in_feeds: false
+---

example/pages/foobar-102/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-102/static/style.css

@@ -0,0 +1 @@
+article {}

example/pages/foobar-103/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-103/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-103/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.374444
+published: false
+show_in_feeds: false
+---

example/pages/foobar-103/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-103/static/style.css

@@ -0,0 +1 @@
+article {}

example/pages/foobar-104/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-104/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-104/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.378336
+published: false
+show_in_feeds: false
+---

example/pages/foobar-104/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-104/static/style.css

@@ -0,0 +1 @@
+article {}

example/pages/foobar-105/checklist.md

@@ -0,0 +1,16 @@
+Checklist
+=========
+
+- [ ] Fill out all metadata fields, including the share image
+- [ ] Remove all `console.log`s
+- [ ] Send to the copy desk
+- [ ] Compress your JavaScript and CSS with our custom templatetags, if you can
+- [ ] Test on Internet Explorer
+- [ ] Test on mobile phones
+- [ ] Send it live
+- [ ] Pitch to the social media team
+- [ ] Proof in [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
+- [ ] Proof in [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool?hl=EN)
+- [ ] Proof in [Twitter Card Validator](https://cards-dev.twitter.com/validator)
+- [ ] Proof in [HTML5 Outliner](https://gsnedders.html5.org/outliner/)
+- [ ] [Tweet it out](http://www.twitter.com/)!

example/pages/foobar-105/index.html

@@ -0,0 +1,9 @@
+{% extends "bigbuild/base.html" %}
+
+{% block container %}
+<article class="container">
+    <div class="row">
+        <div class="span12"></div>
+    </div>
+</article>
+{% endblock %}

example/pages/foobar-105/metadata.md

@@ -0,0 +1,9 @@
+---
+byline: ''
+description: ''
+headline: ''
+image_url: ''
+pub_date: 2017-07-01 15:24:20.382056
+published: false
+show_in_feeds: false
+---

example/pages/foobar-105/static/app.js

@@ -0,0 +1,19 @@
+var app = {};
+app.selector = "section.graphic";
+app.el = $(app.selector);
+
+app.boot = function () {
+    var filler = $("<div>")
+      .css("font-size", "50px")
+      .css("color", "#ffffff")
+      .css("text-align", "center")
+      .css("line-height", "600px")
+      .css("background-color", "#e6e6e6")
+      .html("THIS IS NOT A GRAPHIC");
+    filler = $("<div>")
+      .css("margin-top", "30px")
+      .css("margin-bottom", "30px")
+      .css("height", "600px")
+      .append(filler);
+    this.el.append(filler);
+};

example/pages/foobar-105/static/style.css

@@ -0,0 +1 @@
+article {}