From a333612cce7b9e285dfdc1fc38abf552bb320781 Mon Sep 17 00:00:00 2001
From: Calen Pennington <calen.pennington@gmail.com>
Date: Wed, 13 Jun 2012 11:54:17 -0400
Subject: [PATCH] Add templates directly from cms_proto/ui_prototype

---
 cms/djangoapps/contentstore/views.py          |   4 +
 cms/static/css/base-style.css                 | 589 +++++++++++++++++
 cms/static/css/ie.css                         | 196 ++++++
 cms/static/css/style.css                      |   0
 cms/static/img/indicator.gif                  | Bin 0 -> 1553 bytes
 cms/static/img/video.jpg                      | Bin 0 -> 7217 bytes
 cms/static/js/jquery.inlineedit.js            | 251 ++++++++
 cms/static/js/jquery.leanModal.min.js         |   5 +
 cms/static/js/jquery.tablednd.js              | 257 ++++++++
 cms/static/js/main.js                         | 159 +++++
 cms/static/js/markitup/jquery.markitup.js     | 593 ++++++++++++++++++
 .../js/markitup/sets/wiki/images/bold.png     | Bin 0 -> 304 bytes
 .../js/markitup/sets/wiki/images/clean.png    | Bin 0 -> 667 bytes
 .../js/markitup/sets/wiki/images/code.png     | Bin 0 -> 859 bytes
 .../js/markitup/sets/wiki/images/h1.png       | Bin 0 -> 276 bytes
 .../js/markitup/sets/wiki/images/h2.png       | Bin 0 -> 304 bytes
 .../js/markitup/sets/wiki/images/h3.png       | Bin 0 -> 306 bytes
 .../js/markitup/sets/wiki/images/h4.png       | Bin 0 -> 293 bytes
 .../js/markitup/sets/wiki/images/h5.png       | Bin 0 -> 304 bytes
 .../js/markitup/sets/wiki/images/image.png    | Bin 0 -> 516 bytes
 .../js/markitup/sets/wiki/images/italic.png   | Bin 0 -> 223 bytes
 .../js/markitup/sets/wiki/images/link.png     | Bin 0 -> 343 bytes
 .../markitup/sets/wiki/images/list-bullet.png | Bin 0 -> 344 bytes
 .../sets/wiki/images/list-numeric.png         | Bin 0 -> 357 bytes
 .../js/markitup/sets/wiki/images/picture.png  | Bin 0 -> 606 bytes
 .../js/markitup/sets/wiki/images/preview.png  | Bin 0 -> 537 bytes
 .../js/markitup/sets/wiki/images/quotes.png   | Bin 0 -> 743 bytes
 .../js/markitup/sets/wiki/images/stroke.png   | Bin 0 -> 269 bytes
 .../js/markitup/sets/wiki/images/url.png      | Bin 0 -> 957 bytes
 cms/static/js/markitup/sets/wiki/set.js       |  34 +
 cms/static/js/markitup/sets/wiki/style.css    |  57 ++
 .../markitup/skins/simple/images/handle.png   | Bin 0 -> 258 bytes
 .../js/markitup/skins/simple/images/menu.png  | Bin 0 -> 27151 bytes
 .../markitup/skins/simple/images/submenu.png  | Bin 0 -> 240 bytes
 cms/static/js/markitup/skins/simple/style.css | 118 ++++
 cms/static/sass/_base.scss                    |  51 ++
 cms/static/sass/_calendar.scss                | 206 ++++++
 cms/static/sass/_problem.scss                 |  41 ++
 cms/static/sass/_reset.scss                   | 229 +++++++
 cms/static/sass/_video.scss                   |  40 ++
 cms/static/sass/_week.scss                    | 152 +++++
 cms/static/sass/base-style.scss               |  18 +
 cms/static/sass/bourbon/_bourbon.scss         |  35 ++
 cms/static/sass/bourbon/addons/_button.scss   | 267 ++++++++
 cms/static/sass/bourbon/addons/_clearfix.scss |  29 +
 .../sass/bourbon/addons/_font-family.scss     |   5 +
 .../bourbon/addons/_html5-input-types.scss    |  36 ++
 cms/static/sass/bourbon/addons/_position.scss |  30 +
 .../bourbon/addons/_timing-functions.scss     |  32 +
 cms/static/sass/bourbon/css3/_animation.scss  | 171 +++++
 cms/static/sass/bourbon/css3/_appearance.scss |   7 +
 .../sass/bourbon/css3/_background-image.scss  |  57 ++
 .../sass/bourbon/css3/_background-size.scss   |  15 +
 .../sass/bourbon/css3/_border-image.scss      |  56 ++
 .../sass/bourbon/css3/_border-radius.scss     |  63 ++
 cms/static/sass/bourbon/css3/_box-shadow.scss |  14 +
 cms/static/sass/bourbon/css3/_box-sizing.scss |   6 +
 cms/static/sass/bourbon/css3/_columns.scss    |  67 ++
 cms/static/sass/bourbon/css3/_flex-box.scss   |  67 ++
 .../sass/bourbon/css3/_inline-block.scss      |  10 +
 .../sass/bourbon/css3/_linear-gradient.scss   |  41 ++
 .../sass/bourbon/css3/_radial-gradient.scss   |  31 +
 cms/static/sass/bourbon/css3/_transform.scss  |  19 +
 cms/static/sass/bourbon/css3/_transition.scss | 104 +++
 .../sass/bourbon/css3/_user-select.scss       |   6 +
 .../_deprecated-webkit-gradient.scss          |  36 ++
 .../sass/bourbon/functions/_flex-grid.scss    |  35 ++
 .../sass/bourbon/functions/_grid-width.scss   |  13 +
 .../bourbon/functions/_linear-gradient.scss   |  23 +
 .../bourbon/functions/_modular-scale.scss     |  40 ++
 .../bourbon/functions/_radial-gradient.scss   |  15 +
 .../bourbon/functions/_render-gradients.scss  |  14 +
 .../sass/bourbon/functions/_tint-shade.scss   |   9 +
 cms/static/sass/bourbon/lib/bourbon.rb        |  19 +
 .../bourbon/lib/bourbon/sass_extensions.rb    |   6 +
 .../lib/bourbon/sass_extensions/functions.rb  |  13 +
 .../sass_extensions/functions/compact.rb      |  13 +
 cms/templates/base.html                       |  30 +
 cms/templates/index.html                      |  19 +
 cms/templates/widgets/captions.html           | 242 +++++++
 cms/templates/widgets/header.html             |   5 +
 cms/templates/widgets/navigation.html         | 120 ++++
 cms/templates/widgets/new-module.html         |   9 +
 cms/templates/widgets/problem-edit.html       |  73 +++
 cms/templates/widgets/problem-new.html        |  52 ++
 cms/templates/widgets/raw-videos.html         |   3 +
 cms/templates/widgets/save-captions.html      |   4 +
 cms/templates/widgets/speed-tooltip.html      |   7 +
 cms/templates/widgets/video-box-unused.html   |  38 ++
 cms/templates/widgets/video-box.html          |  35 ++
 cms/templates/widgets/video-edit.html         | 151 +++++
 cms/templates/widgets/video-new.html          |  48 ++
 cms/templates/widgets/week-edit.html          |  83 +++
 cms/templates/widgets/week-new.html           |  62 ++
 cms/urls.py                                   |   1 +
 95 files changed, 5386 insertions(+)
 create mode 100644 cms/static/css/base-style.css
 create mode 100644 cms/static/css/ie.css
 create mode 100644 cms/static/css/style.css
 create mode 100755 cms/static/img/indicator.gif
 create mode 100644 cms/static/img/video.jpg
 create mode 100755 cms/static/js/jquery.inlineedit.js
 create mode 100644 cms/static/js/jquery.leanModal.min.js
 create mode 100644 cms/static/js/jquery.tablednd.js
 create mode 100644 cms/static/js/main.js
 create mode 100644 cms/static/js/markitup/jquery.markitup.js
 create mode 100644 cms/static/js/markitup/sets/wiki/images/bold.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/clean.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/code.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/h1.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/h2.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/h3.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/h4.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/h5.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/image.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/italic.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/link.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/list-bullet.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/list-numeric.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/picture.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/preview.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/quotes.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/stroke.png
 create mode 100644 cms/static/js/markitup/sets/wiki/images/url.png
 create mode 100644 cms/static/js/markitup/sets/wiki/set.js
 create mode 100644 cms/static/js/markitup/sets/wiki/style.css
 create mode 100644 cms/static/js/markitup/skins/simple/images/handle.png
 create mode 100644 cms/static/js/markitup/skins/simple/images/menu.png
 create mode 100644 cms/static/js/markitup/skins/simple/images/submenu.png
 create mode 100644 cms/static/js/markitup/skins/simple/style.css
 create mode 100644 cms/static/sass/_base.scss
 create mode 100644 cms/static/sass/_calendar.scss
 create mode 100644 cms/static/sass/_problem.scss
 create mode 100644 cms/static/sass/_reset.scss
 create mode 100644 cms/static/sass/_video.scss
 create mode 100644 cms/static/sass/_week.scss
 create mode 100644 cms/static/sass/base-style.scss
 create mode 100644 cms/static/sass/bourbon/_bourbon.scss
 create mode 100644 cms/static/sass/bourbon/addons/_button.scss
 create mode 100644 cms/static/sass/bourbon/addons/_clearfix.scss
 create mode 100644 cms/static/sass/bourbon/addons/_font-family.scss
 create mode 100644 cms/static/sass/bourbon/addons/_html5-input-types.scss
 create mode 100644 cms/static/sass/bourbon/addons/_position.scss
 create mode 100644 cms/static/sass/bourbon/addons/_timing-functions.scss
 create mode 100644 cms/static/sass/bourbon/css3/_animation.scss
 create mode 100644 cms/static/sass/bourbon/css3/_appearance.scss
 create mode 100644 cms/static/sass/bourbon/css3/_background-image.scss
 create mode 100644 cms/static/sass/bourbon/css3/_background-size.scss
 create mode 100644 cms/static/sass/bourbon/css3/_border-image.scss
 create mode 100644 cms/static/sass/bourbon/css3/_border-radius.scss
 create mode 100644 cms/static/sass/bourbon/css3/_box-shadow.scss
 create mode 100644 cms/static/sass/bourbon/css3/_box-sizing.scss
 create mode 100644 cms/static/sass/bourbon/css3/_columns.scss
 create mode 100644 cms/static/sass/bourbon/css3/_flex-box.scss
 create mode 100644 cms/static/sass/bourbon/css3/_inline-block.scss
 create mode 100644 cms/static/sass/bourbon/css3/_linear-gradient.scss
 create mode 100644 cms/static/sass/bourbon/css3/_radial-gradient.scss
 create mode 100644 cms/static/sass/bourbon/css3/_transform.scss
 create mode 100644 cms/static/sass/bourbon/css3/_transition.scss
 create mode 100644 cms/static/sass/bourbon/css3/_user-select.scss
 create mode 100644 cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss
 create mode 100644 cms/static/sass/bourbon/functions/_flex-grid.scss
 create mode 100644 cms/static/sass/bourbon/functions/_grid-width.scss
 create mode 100644 cms/static/sass/bourbon/functions/_linear-gradient.scss
 create mode 100644 cms/static/sass/bourbon/functions/_modular-scale.scss
 create mode 100644 cms/static/sass/bourbon/functions/_radial-gradient.scss
 create mode 100644 cms/static/sass/bourbon/functions/_render-gradients.scss
 create mode 100644 cms/static/sass/bourbon/functions/_tint-shade.scss
 create mode 100644 cms/static/sass/bourbon/lib/bourbon.rb
 create mode 100644 cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb
 create mode 100644 cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions.rb
 create mode 100644 cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions/compact.rb
 create mode 100644 cms/templates/base.html
 create mode 100644 cms/templates/index.html
 create mode 100644 cms/templates/widgets/captions.html
 create mode 100644 cms/templates/widgets/header.html
 create mode 100644 cms/templates/widgets/navigation.html
 create mode 100644 cms/templates/widgets/new-module.html
 create mode 100644 cms/templates/widgets/problem-edit.html
 create mode 100644 cms/templates/widgets/problem-new.html
 create mode 100644 cms/templates/widgets/raw-videos.html
 create mode 100644 cms/templates/widgets/save-captions.html
 create mode 100644 cms/templates/widgets/speed-tooltip.html
 create mode 100644 cms/templates/widgets/video-box-unused.html
 create mode 100644 cms/templates/widgets/video-box.html
 create mode 100644 cms/templates/widgets/video-edit.html
 create mode 100644 cms/templates/widgets/video-new.html
 create mode 100644 cms/templates/widgets/week-edit.html
 create mode 100644 cms/templates/widgets/week-new.html

diff --git a/cms/djangoapps/contentstore/views.py b/cms/djangoapps/contentstore/views.py
index c6786b03c4..38e9e8ad35 100644
--- a/cms/djangoapps/contentstore/views.py
+++ b/cms/djangoapps/contentstore/views.py
@@ -10,3 +10,7 @@ def calendar(request, org, course):
         Location(['i4x', org, course, 'Course', 'course'])
     )
     return render_to_response('calendar.html', {'weeks': weeks})
+
+
+def index(request):
+    return render_to_response('index.html', {})
diff --git a/cms/static/css/base-style.css b/cms/static/css/base-style.css
new file mode 100644
index 0000000000..2cdeafe9e5
--- /dev/null
+++ b/cms/static/css/base-style.css
@@ -0,0 +1,589 @@
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  vertical-align: baseline;
+  background: transparent; }
+
+html, body {
+  font-size: 100%; }
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block; }
+
+audio, canvas, video {
+  display: inline-block; }
+
+audio:not([controls]) {
+  display: none; }
+
+[hidden] {
+  display: none; }
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }
+
+html, button, input, select, textarea {
+  font-family: sans-serif; }
+
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px; }
+a:hover, a:active {
+  outline: 0; }
+
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+b, strong {
+  font-weight: bold; }
+
+blockquote {
+  margin: 1em 40px; }
+
+dfn {
+  font-style: italic; }
+
+mark {
+  background: #ff0;
+  color: #000; }
+
+pre, code, kbd, samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em; }
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+blockquote, q {
+  quotes: none; }
+  blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content: none; }
+
+small {
+  font-size: 75%; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+nav ul, nav ol {
+  list-style: none;
+  list-style-image: none; }
+
+img {
+  border: 0;
+  height: auto;
+  max-width: 100%;
+  -ms-interpolation-mode: bicubic; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+legend {
+  border: 0;
+  padding: 0;
+  white-space: normal; }
+
+button, input, select, textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline; }
+
+button, input {
+  line-height: normal; }
+
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button; }
+
+button[disabled], input[disabled] {
+  cursor: default; }
+
+input[type="checkbox"], input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; }
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+textarea {
+  overflow: auto;
+  vertical-align: top; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+html {
+  height: 100%; }
+
+body {
+  zoom: 1;
+  height: 100%;
+  font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; }
+  body:before, body:after {
+    content: "";
+    display: table; }
+  body:after {
+    clear: both; }
+  body > section {
+    display: table;
+    width: 100%; }
+  body > header {
+    background: #000;
+    color: #fff;
+    display: block;
+    float: none;
+    padding: 6px 20px;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+    body > header nav {
+      zoom: 1; }
+      body > header nav:before, body > header nav:after {
+        content: "";
+        display: table; }
+      body > header nav:after {
+        clear: both; }
+      body > header nav h2 {
+        font-size: 14px;
+        text-transform: uppercase; }
+
+a {
+  text-decoration: none;
+  color: #888; }
+
+input[type="submit"], .button, section.week-edit > header a, section.week-new > header a {
+  border: 1px solid #ccc;
+  background: #efefef;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding: 6px; }
+
+section.cal {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 25px;
+  zoom: 1;
+  overflow: scroll; }
+  section.cal:before, section.cal:after {
+    content: "";
+    display: table; }
+  section.cal:after {
+    clear: both; }
+  section.cal > header {
+    zoom: 1;
+    margin-bottom: 10px; }
+    section.cal > header:before, section.cal > header:after {
+      content: "";
+      display: table; }
+    section.cal > header:after {
+      clear: both; }
+    section.cal > header h1 {
+      float: left;
+      font-size: 18px; }
+    section.cal > header ul {
+      float: right; }
+      section.cal > header ul li {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto; }
+        section.cal > header ul li a {
+          padding: 6px;
+          border: 1px solid #ddd;
+          display: block;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          -ms-border-radius: 3px;
+          -o-border-radius: 3px;
+          border-radius: 3px;
+          background: #efefef; }
+        section.cal > header ul li.dropdown {
+          position: relative; }
+          section.cal > header ul li.dropdown ul {
+            display: none;
+            position: absolute;
+            background: #fff;
+            border: 1px solid #ddd; }
+            section.cal > header ul li.dropdown ul li {
+              padding: 6px;
+              display: block;
+              border-top: 1px solid transparent;
+              border-bottom: 1px solid transparent; }
+              section.cal > header ul li.dropdown ul li:hover {
+                background-color: #efefef;
+                border-top: 1px solid #ddd;
+                border-bottom: 1px solid #ddd; }
+          section.cal > header ul li.dropdown:hover ul {
+            display: block; }
+          section.cal > header ul li.dropdown:hover a {
+            -webkit-border-radius: 3px 3px 0 0;
+            -moz-border-radius: 3px 3px 0 0;
+            -ms-border-radius: 3px 3px 0 0;
+            -o-border-radius: 3px 3px 0 0;
+            border-radius: 3px 3px 0 0;
+            border-bottom: 0; }
+  section.cal ol {
+    list-style: none;
+    zoom: 1;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-left: 1px solid #333;
+    border-top: 1px solid #333;
+    width: 100%; }
+    section.cal ol:before, section.cal ol:after {
+      content: "";
+      display: table; }
+    section.cal ol:after {
+      clear: both; }
+    section.cal ol > li {
+      border-right: 1px solid #333;
+      border-bottom: 1px solid;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      float: left;
+      width: 25.0%; }
+      section.cal ol > li:last-child {
+        text-align: center;
+        background: #eee;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box; }
+        section.cal ol > li:last-child p {
+          width: 100%;
+          height: 100%;
+          -webkit-box-sizing: border-box;
+          -moz-box-sizing: border-box;
+          box-sizing: border-box; }
+          section.cal ol > li:last-child p a {
+            display: block;
+            width: 100%;
+            height: 100%; }
+        section.cal ol > li:last-child section.new-week header {
+          background: #fff;
+          text-align: left; }
+        section.cal ol > li:last-child section.new-week form {
+          background: #fff;
+          width: 50%;
+          padding: 6px;
+          border: 1px solid #000;
+          margin: 0 auto;
+          -webkit-box-shadow: 0 0 2px #333333;
+          -moz-box-shadow: 0 0 2px #333333;
+          box-shadow: 0 0 2px #333333;
+          position: relative; }
+          section.cal ol > li:last-child section.new-week form:before {
+            background: #fff;
+            border-left: 1px solid #000;
+            border-top: 1px solid #000;
+            content: "  ";
+            display: block;
+            height: 10px;
+            left: 50%;
+            position: absolute;
+            top: -6px;
+            -webkit-transform: rotate(45deg);
+            -moz-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+            -o-transform: rotate(45deg);
+            transform: rotate(45deg);
+            width: 10px;
+            z-index: 0; }
+          section.cal ol > li:last-child section.new-week form select {
+            margin-bottom: 6px;
+            width: 100%; }
+            section.cal ol > li:last-child section.new-week form select option {
+              padding: 10px 0 !important; }
+          section.cal ol > li:last-child section.new-week form input[type="submit"] {
+            display: block;
+            margin-bottom: 6px;
+            width: 100%; }
+          section.cal ol > li:last-child section.new-week form a:first-child {
+            float: left; }
+          section.cal ol > li:last-child section.new-week form a:last-child {
+            float: right; }
+      section.cal ol > li header {
+        border-bottom: 1px solid #000;
+        -webkit-box-shadow: 0 1px 2px #cccccc;
+        -moz-box-shadow: 0 1px 2px #cccccc;
+        box-shadow: 0 1px 2px #cccccc;
+        display: block;
+        margin-bottom: 2px;
+        padding: 6px; }
+        section.cal ol > li header h1 {
+          font-size: 14px; }
+      section.cal ol > li ul {
+        list-style: none;
+        margin-bottom: 1px; }
+        section.cal ol > li ul li {
+          background: #efefef;
+          border-bottom: 1px solid #666;
+          padding: 6px; }
+          section.cal ol > li ul li.goal {
+            background: #fff; }
+
+body.content
+section.cal {
+  width: 25.577%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  body.content
+  section.cal > header ul {
+    display: none; }
+  body.content
+  section.cal ol li {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%; }
+
+section.week-edit > header, section.week-new > header {
+  border-bottom: 1px solid #ccc;
+  zoom: 1;
+  padding: 6px; }
+  section.week-edit > header:before, section.week-edit > header:after, section.week-new > header:before, section.week-new > header:after {
+    content: "";
+    display: table; }
+  section.week-edit > header:after, section.week-new > header:after {
+    clear: both; }
+  section.week-edit > header h1, section.week-new > header h1 {
+    font-size: 18px;
+    float: left;
+    margin-top: 8px 6px; }
+  section.week-edit > header a, section.week-new > header a {
+    float: right;
+    display: block; }
+section.week-edit section header, section.week-new section header {
+  background: #666;
+  color: #fff;
+  padding: 6px;
+  border-bottom: 1px solid #333;
+  -webkit-font-smoothing: antialiased; }
+  section.week-edit section header h2, section.week-new section header h2 {
+    font-size: 14px; }
+section.week-edit section.sidebar, section.week-new section.sidebar {
+  width: 34.368%;
+  float: left;
+  background: #ccc;
+  border-right: 1px solid #333;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  section.week-edit section.sidebar section, section.week-new section.sidebar section {
+    height: 50%; }
+    section.week-edit section.sidebar section > ul, section.week-new section.sidebar section > ul {
+      list-style: none; }
+      section.week-edit section.sidebar section > ul > li, section.week-new section.sidebar section > ul > li {
+        padding: 6px;
+        border-bottom: 1px solid #666;
+        background: #eee; }
+        section.week-edit section.sidebar section > ul > li.new-module, section.week-new section.sidebar section > ul > li.new-module {
+          position: relative; }
+          section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown {
+            list-style: none; }
+            section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown li, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown li {
+              display: none; }
+              section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown li:first-child, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown li:first-child {
+                display: block; }
+            section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown:hover li, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown:hover li {
+              display: block;
+              padding: 6px 0; }
+              section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown:hover li:first-child, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown:hover li:first-child {
+                padding-top: 0; }
+    section.week-edit section.sidebar section p, section.week-new section.sidebar section p {
+      padding: 6px;
+      border-bottom: 1px solid #666; }
+section.week-edit section.weeks-content, section.week-new section.weeks-content {
+  width: 65.632%;
+  float: left;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  section.week-edit section.weeks-content header, section.week-new section.weeks-content header {
+    zoom: 1; }
+    section.week-edit section.weeks-content header:before, section.week-edit section.weeks-content header:after, section.week-new section.weeks-content header:before, section.week-new section.weeks-content header:after {
+      content: "";
+      display: table; }
+    section.week-edit section.weeks-content header:after, section.week-new section.weeks-content header:after {
+      clear: both; }
+    section.week-edit section.weeks-content header h2, section.week-new section.weeks-content header h2 {
+      float: left; }
+    section.week-edit section.weeks-content header form, section.week-new section.weeks-content header form {
+      float: right;
+      margin: -2px 0; }
+      section.week-edit section.weeks-content header form input, section.week-new section.weeks-content header form input {
+        border: 1px solid #000;
+        background: #ddd;
+        padding: 2px 4px;
+        -webkit-border-radius: 2px;
+        -moz-border-radius: 2px;
+        -ms-border-radius: 2px;
+        -o-border-radius: 2px;
+        border-radius: 2px; }
+  section.week-edit section.weeks-content section.filters, section.week-new section.weeks-content section.filters {
+    border-bottom: 1px solid #999; }
+    section.week-edit section.weeks-content section.filters ul, section.week-new section.weeks-content section.filters ul {
+      zoom: 1;
+      list-style: none;
+      padding: 6px; }
+      section.week-edit section.weeks-content section.filters ul:before, section.week-edit section.weeks-content section.filters ul:after, section.week-new section.weeks-content section.filters ul:before, section.week-new section.weeks-content section.filters ul:after {
+        content: "";
+        display: table; }
+      section.week-edit section.weeks-content section.filters ul:after, section.week-new section.weeks-content section.filters ul:after {
+        clear: both; }
+      section.week-edit section.weeks-content section.filters ul li, section.week-new section.weeks-content section.filters ul li {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto; }
+        section.week-edit section.weeks-content section.filters ul li.advanced, section.week-new section.weeks-content section.filters ul li.advanced {
+          float: right; }
+  section.week-edit section.weeks-content section.modules ul, section.week-new section.weeks-content section.modules ul {
+    list-style: none; }
+    section.week-edit section.weeks-content section.modules ul li, section.week-new section.weeks-content section.modules ul li {
+      padding: 6px;
+      font-weight: bold;
+      font-size: 16px;
+      border-bottom: 1px solid #333; }
+      section.week-edit section.weeks-content section.modules ul li a, section.week-new section.weeks-content section.modules ul li a {
+        color: #000; }
+
+section.video-new, section.video-edit {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  background: #fff;
+  width: 40.32%;
+  -webkit-box-shadow: 0 0 6px #666666;
+  -moz-box-shadow: 0 0 6px #666666;
+  box-shadow: 0 0 6px #666666;
+  border: 1px solid #333;
+  border-right: 0;
+  z-index: 4; }
+  section.video-new > header, section.video-edit > header {
+    background: #666;
+    zoom: 1;
+    color: #fff;
+    padding: 6px;
+    border-bottom: 1px solid #333;
+    -webkit-font-smoothing: antialiased; }
+    section.video-new > header:before, section.video-new > header:after, section.video-edit > header:before, section.video-edit > header:after {
+      content: "";
+      display: table; }
+    section.video-new > header:after, section.video-edit > header:after {
+      clear: both; }
+    section.video-new > header h2, section.video-edit > header h2 {
+      float: left;
+      font-size: 14px; }
+    section.video-new > header a, section.video-edit > header a {
+      float: right; }
+  section.video-new section ul, section.video-edit section ul {
+    list-style: none; }
+    section.video-new section ul li, section.video-edit section ul li {
+      border-bottom: 1px solid #333;
+      padding: 10px 25px; }
+
+section.problem-new, section.problem-edit {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  background: #fff;
+  width: 40.32%;
+  -webkit-box-shadow: 0 0 6px #666666;
+  -moz-box-shadow: 0 0 6px #666666;
+  box-shadow: 0 0 6px #666666;
+  border: 1px solid #333;
+  border-right: 0;
+  z-index: 4; }
+  section.problem-new > header, section.problem-edit > header {
+    background: #666;
+    zoom: 1;
+    color: #fff;
+    padding: 6px;
+    border-bottom: 1px solid #333;
+    -webkit-font-smoothing: antialiased; }
+    section.problem-new > header:before, section.problem-new > header:after, section.problem-edit > header:before, section.problem-edit > header:after {
+      content: "";
+      display: table; }
+    section.problem-new > header:after, section.problem-edit > header:after {
+      clear: both; }
+    section.problem-new > header h2, section.problem-edit > header h2 {
+      float: left;
+      font-size: 14px; }
+    section.problem-new > header a, section.problem-edit > header a {
+      float: right; }
+  section.problem-new section ul, section.problem-edit section ul {
+    list-style: none; }
+    section.problem-new section ul li, section.problem-edit section ul li {
+      border-bottom: 1px solid #333;
+      padding: 10px 25px; }
+
+body.content section.main-content {
+  border-left: 2px solid #000;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 74.423%;
+  float: left;
+  -webkit-box-shadow: -2px 0 3px #dddddd;
+  -moz-box-shadow: -2px 0 3px #dddddd;
+  box-shadow: -2px 0 3px #dddddd; }
diff --git a/cms/static/css/ie.css b/cms/static/css/ie.css
new file mode 100644
index 0000000000..f497a329cf
--- /dev/null
+++ b/cms/static/css/ie.css
@@ -0,0 +1,196 @@
+/* line 12, ../sass/_reset.scss */
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* line 21, ../sass/_reset.scss */
+html, body {
+  font-size: 100%; }
+
+/* line 26, ../sass/_reset.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block; }
+
+/* line 31, ../sass/_reset.scss */
+audio, canvas, video {
+  display: inline-block; }
+
+/* line 36, ../sass/_reset.scss */
+audio:not([controls]) {
+  display: none; }
+
+/* line 41, ../sass/_reset.scss */
+[hidden] {
+  display: none; }
+
+/* line 47, ../sass/_reset.scss */
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }
+
+/* line 54, ../sass/_reset.scss */
+html, button, input, select, textarea {
+  font-family: sans-serif; }
+
+/* line 60, ../sass/_reset.scss */
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px; }
+/* line 69, ../sass/_reset.scss */
+a:hover, a:active {
+  outline: 0; }
+
+/* line 75, ../sass/_reset.scss */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/* line 80, ../sass/_reset.scss */
+b, strong {
+  font-weight: bold; }
+
+/* line 84, ../sass/_reset.scss */
+blockquote {
+  margin: 1em 40px; }
+
+/* line 89, ../sass/_reset.scss */
+dfn {
+  font-style: italic; }
+
+/* line 94, ../sass/_reset.scss */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/* line 101, ../sass/_reset.scss */
+pre, code, kbd, samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em; }
+
+/* line 108, ../sass/_reset.scss */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+/* line 115, ../sass/_reset.scss */
+blockquote, q {
+  quotes: none; }
+  /* line 117, ../sass/_reset.scss */
+  blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content: none; }
+
+/* line 123, ../sass/_reset.scss */
+small {
+  font-size: 75%; }
+
+/* line 127, ../sass/_reset.scss */
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+/* line 134, ../sass/_reset.scss */
+sup {
+  top: -0.5em; }
+
+/* line 138, ../sass/_reset.scss */
+sub {
+  bottom: -0.25em; }
+
+/* line 143, ../sass/_reset.scss */
+nav ul, nav ol {
+  list-style: none;
+  list-style-image: none; }
+
+/* line 150, ../sass/_reset.scss */
+img {
+  border: 0;
+  height: auto;
+  max-width: 100%;
+  -ms-interpolation-mode: bicubic; }
+
+/* line 158, ../sass/_reset.scss */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* line 163, ../sass/_reset.scss */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/* line 169, ../sass/_reset.scss */
+legend {
+  border: 0;
+  padding: 0;
+  white-space: normal; }
+
+/* line 175, ../sass/_reset.scss */
+button, input, select, textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline; }
+
+/* line 182, ../sass/_reset.scss */
+button, input {
+  line-height: normal; }
+
+/* line 186, ../sass/_reset.scss */
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button; }
+
+/* line 192, ../sass/_reset.scss */
+button[disabled], input[disabled] {
+  cursor: default; }
+
+/* line 196, ../sass/_reset.scss */
+input[type="checkbox"], input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+/* line 201, ../sass/_reset.scss */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box; }
+
+/* line 209, ../sass/_reset.scss */
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; }
+
+/* line 215, ../sass/_reset.scss */
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/* line 220, ../sass/_reset.scss */
+textarea {
+  overflow: auto;
+  vertical-align: top; }
+
+/* line 226, ../sass/_reset.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
diff --git a/cms/static/css/style.css b/cms/static/css/style.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/cms/static/img/indicator.gif b/cms/static/img/indicator.gif
new file mode 100755
index 0000000000000000000000000000000000000000..085ccaecaf5fa5c34bc14cd2c2ed5cbbd8e25dcb
GIT binary patch
literal 1553
zcma)+TTl~c6vwlh>n<VLV61^sn`|N^0W=V(@iI19!X;{*a0v}4n9#t)qE(cNZLw}P
zBrK?LQM6z?S|c(6DW=#WqtgyaK&kac#nC!4BieSLI*ymt;!A1Ljt{60JulzOch2ve
z|9Adhjv-sK$coSq+8~WKJw5&4!Gp1}u`_4Rbai#LwY8BXSzB9MSy^c^ne=+STCGM=
zR3H%01hjC3??;aR9g^v&Rau1vnL1-u+I$rq2q#LOF_`QyJvmY&(guxLE0$qEqwH57
z21*&1rPOix(v`P|1KqGX6!OzM^uQ4ETdu6EuSGj4nxc$0+~1FySgw;sDf5!mMXXtJ
z_@XnE+69Z^;Ek6TFIK@@Sz3@Gt4mgcQFI0qB-Tm+h>b99Af5rT)t{mCEg5urg=A(g
z{C|6SPb~9Xage|wB`SrZk2FOMYM!buln2sX?5Y+T78iB(Zu9cS7|LZyZ++}u$^oi1
z_j@S}bW9OzU2R+RMy&~OT>X-oZ98$jq#ogNfJ!BM-42wHGZk*6s2KD}U*IA%epmxb
zm}|6BK9YoIF;*xSL!+z@<64lB7->LTW2Vi4ostCA(z&2XniwNIv}fFo-`MbG;)u4G
z^p@F!)|9HhZprHd_vXjDoxs6WkK-6P0@lfxnGT>*p(QHoUV=u1FAqb@b%*W<w2f#2
z9Zq52LnoAPWxjqFa17&!lIJ3lEbmY7(n(&LWmufC*Do^9<}hNtBbx^HGRL7u_650L
z@3YLm0&zR;*(vvhKl4$5URv-j9V^8@CER$E{3R?ej5S0wuBLpg<mFJu{hL^H^4t$r
zU$OthrOpL^Q8IHH&%vf!%?Er#xip35=vO%xYnERtD;U+bp7xwgQR+AR*m0vBC}cFa
zUb#)xk?JZ+E=0W5WCO)wSBa>=a3{`LsH5k^AvQNL>6fPpy#oU(&MuH(*aEX4b35*}
zn4n7)`I2U%=+Z=?BVZQ?<pD1q+$vd%8uP#+pdy-Ij6|<fF!&{iWt)`CPgH-zuTvcI
zyfkA(+Q@rSV#=o>vjQFW4gD@~XSOO6b{qu81`4&LFuU2(ilxW+1|ZkNMnWe79C$gs
zWT?Ele|HR{JGPe)5BTW>0Ey<DIvb)X7FdCg3kq-^KY>?-Ls6S#GoV0tbt6ku7B&*0
z;i9QM$W1Rj*rRIdceL)rAOSl+sDe3LkB87<%){;ZdHp6|SNl<OIeBfYJ^OGoVC|jD
zcj|NrO0)Z%BOuq3YT)!JC)v;7%cHj=+`Ob^2$Vkq`P{n^zZen9w+$o2yd>opDXRx<
zxBDF9-lTo&v`8$humFygUij@qgT=Qzhj8{ym2-{Xciwqq_Xwk%=O3B-MNAL_6e`3U
zyxwmXex4`g0^1RYw~Dth3av3Dl^AAlpO3mG!nLr#&ZZ7c_wUboI+deC+&%TFjK2Lm
z!Y&f1h|T_On%RCV&=4bx`!>(YezqGVhl&QpED?N6GV)HmzJ9&rh$x*i?*@o9#6QI<
z5ZI_MR<T&BR{~4JK$);*Lc}>X;0+p<?a4bIc*y(Xi3cp5d?^0LhPu<3u^J|nbF?~l
z5p;s4bEF-J@g5$=A7ZajUFdkSSl>Y8$`j)eF#TlUyG(eE%E7S!rj;mj^M5vhUicPm
zVWQ2z+imFyg}SRABmOBY_@osR!>7Ov!ioK`NB6_Rv}7Ud?35ed5Sb@?yND?kv~RCa
wqs^a3Sh>&&L4)!LKI?D2&k@))k(LESaga|C278ChSzn3NWVkcuNoY&{0f?~U_5c6?

literal 0
HcmV?d00001

diff --git a/cms/static/img/video.jpg b/cms/static/img/video.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e92271c3ad5e23185f1fac4bbf5954df735d5949
GIT binary patch
literal 7217
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
VvoSe8Mt@Y`qXPeD6;P7*{x@3dFC72?

literal 0
HcmV?d00001

diff --git a/cms/static/js/jquery.inlineedit.js b/cms/static/js/jquery.inlineedit.js
new file mode 100755
index 0000000000..a6258c981e
--- /dev/null
+++ b/cms/static/js/jquery.inlineedit.js
@@ -0,0 +1,251 @@
+/*
+ * jQuery inlineEdit
+ *
+ * Copyright (c) 2009 Ca-Phun Ung <caphun at yelotofu dot com>
+ * Licensed under the MIT (MIT-LICENSE.txt) license.
+ *
+ * http://github.com/caphun/jquery.inlineedit/
+ *
+ * Inline (in-place) editing.
+ */
+
+(function($) {
+
+// cached values
+var namespace = '.inlineedit',
+    placeholderClass = 'inlineEdit-placeholder';
+
+// define inlineEdit method
+$.fn.inlineEdit = function( options ) {
+    var self = this;
+
+    return this
+    
+        .each( function() {
+            $.inlineEdit.getInstance( this, options ).initValue();
+        })
+
+        .live( ['click', 'mouseenter','mouseleave'].join(namespace+' '), function( event ) {
+
+            var widget = $.inlineEdit.getInstance( this, options ),
+                editableElement = widget.element.find( widget.options.control ),
+                mutated = !!editableElement.length;
+
+            widget.element.removeClass( widget.options.hover );
+            
+            if ( event.target !== editableElement[0] ) {
+                switch ( event.type ) {
+                    case 'click':
+                        widget[ mutated ? 'mutate' : 'init' ]();
+                        break;
+
+                    case 'mouseover': // jquery 1.4.x
+                    case 'mouseout': // jquery 1.4.x
+                    case 'mouseenter':
+                    case 'mouseleave':
+                        if ( !mutated ) {
+                            widget.hoverClassChange( event );
+                        }
+                        break;
+                }
+            }
+
+        });
+}
+
+// plugin constructor
+$.inlineEdit = function( elem, options ) {
+
+    // deep extend
+    this.options = $.extend( true, {}, $.inlineEdit.defaults, options );
+
+    // the original element
+    this.element = $( elem );
+
+}
+
+// plugin instance
+$.inlineEdit.getInstance = function( elem, options ) {
+    return ( $.inlineEdit.initialised( elem ) ) 
+    ? $( elem ).data( 'widget' + namespace )
+    : new $.inlineEdit( elem, options );
+}
+
+// check if plugin initialised
+$.inlineEdit.initialised = function( elem ) {
+    var init = $( elem ).data( 'init' + namespace );
+    return init !== undefined && init !== null ? true : false;
+}
+
+// plugin defaults
+$.inlineEdit.defaults = {
+    hover: 'ui-state-hover',
+    value: '',
+    save: '',
+    buttons: '<button class="save">✔</button> <button class="cancel">✘</button>',
+    placeholder: 'Click to edit',
+    control: 'input',
+    cancelOnBlur: false,
+    saveOnBlur: false
+};
+
+// plugin prototypes
+$.inlineEdit.prototype = {
+
+    // initialisation
+    init: function() {
+
+        // set initialise flag
+        this.element.data( 'init' + namespace, true );
+    
+        // initialise value
+        this.initValue();
+
+        // mutate
+        this.mutate();
+    
+        // save widget data
+        this.element.data( 'widget' + namespace, this );
+
+    },
+
+    initValue: function() {
+        this.value( $.trim( this.element.text() ) || this.options.value );
+    
+        if ( !this.value() ) {
+            this.element.html( $( this.placeholderHtml() ) );
+        } else if ( this.options.value ) {
+            this.element.html( this.options.value );
+        }
+    },
+    
+    mutate: function() {
+        var self = this;
+
+        return self
+            .element
+            .html( self.mutatedHtml( self.value() ) )
+            .find( 'button.save' )
+                .bind( 'click', function( event ) {
+                    self.save( self.element, event );
+                    self.change( self.element, event );
+                    return false;
+                })
+            .end()
+            .find( 'button.cancel' )
+                .bind( 'click', function( event ) {
+                    self.change( self.element, event );
+                    return false;
+                })
+            .end()
+            .find( self.options.control )
+                .bind( 'blur', function( event ) {
+                  if (self.options.cancelOnBlur === true)
+                    self.change( self.element, event );
+                  else if (self.options.saveOnBlur == true){
+                    self.save( self.element, event );
+                    self.change( self.element, event );
+                  }
+                })
+                .bind( 'keyup', function( event ) {
+                    switch ( event.keyCode ) {
+                        case 13: // save on ENTER
+                            if (self.options.control !== 'textarea') {
+                                self.save( self.element, event );
+                                self.change( self.element, event );
+                            }
+                            break;
+                        case 27: // cancel on ESC
+                            self.change( self.element, event );
+                            break;
+                    }
+                })
+                .focus()
+            .end();
+    },
+    
+    value: function( newValue ) {
+        if ( arguments.length ) {
+            var value = newValue === this.options.placeholder ? '' : newValue;
+            this.element.data( 'value' + namespace, $( '.' + placeholderClass, this ).length ? '' : value && this.encodeHtml( value.replace( /\n/g,"<br />" ) ) );
+        }
+        return this.element.data( 'value' + namespace );
+    },
+
+    mutatedHtml: function( value ) {
+        return this.controls[ this.options.control ].call( this, value );
+    },
+
+    placeholderHtml: function() {
+        return '<span class="'+ placeholderClass +'">'+ this.options.placeholder +'</span>';
+    },
+
+    buttonHtml: function( options ) {
+        var o = $.extend({}, {
+            before: ' ',
+            buttons: this.options.buttons,
+            after: ''
+        }, options);
+        
+        return o.before + o.buttons + o.after;
+    },
+    
+    save: function( elem, event ) {
+        var $control = this.element.find( this.options.control ), 
+            hash = {
+                value: this.encodeHtml( $control.val() )
+            };
+
+        // save value back to control to avoid XSS
+        $control.val(hash.value);
+        
+        if ( ( $.isFunction( this.options.save ) && this.options.save.call( this.element[0], event, hash ) ) !== false || !this.options.save ) {
+            this.value( hash.value );
+        }
+    },
+    
+    change: function( elem, event ) {
+        var self = this;
+        
+        if ( this.timer ) {
+            window.clearTimeout( this.timer );
+        }
+
+        this.timer = window.setTimeout( function() {
+            self.element.html( self.value() || self.placeholderHtml() );
+            self.element.removeClass( self.options.hover );
+        }, 200 );
+
+    },
+
+    controls: {
+        textarea: function( value ) {
+            return '<textarea>'+ value.replace(/<br\s?\/?>/g,"\n") +'</textarea>' + this.buttonHtml( { before: '<br />' } );
+        },
+        input: function( value ) {
+            return '<input type="text" value="'+ value.replace(/(\u0022)+/g, '') +'">' + this.buttonHtml();
+        }
+    },
+
+    hoverClassChange: function( event ) {
+        $( event.target )[ /mouseover|mouseenter/.test( event.type ) ? 'addClass':'removeClass']( this.options.hover );
+    },
+    
+    encodeHtml: function( s ) {
+        var encoding = [
+              {key: /</g, value: '&lt;'}, 
+              {key: />/g, value: '&gt;'}, 
+              {key: /"/g, value: '&quot;'}
+            ],
+            value = s;
+
+        $.each(encoding, function(i,n) {
+          value = value.replace(n.key, n.value);
+        });
+
+        return value;
+    }
+
+};
+
+})(jQuery);
diff --git a/cms/static/js/jquery.leanModal.min.js b/cms/static/js/jquery.leanModal.min.js
new file mode 100644
index 0000000000..a5772dd8e2
--- /dev/null
+++ b/cms/static/js/jquery.leanModal.min.js
@@ -0,0 +1,5 @@
+// leanModal v1.1 by Ray Stone - http://finelysliced.com.au
+// Dual licensed under the MIT and GPL
+
+(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("<div id='lean_overlay'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth();
+$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#lean_overlay").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
diff --git a/cms/static/js/jquery.tablednd.js b/cms/static/js/jquery.tablednd.js
new file mode 100644
index 0000000000..56413ccb08
--- /dev/null
+++ b/cms/static/js/jquery.tablednd.js
@@ -0,0 +1,257 @@
+
+jQuery.tableDnD = {
+  /** Keep hold of the current table being dragged */
+  currentTable : null,
+  /** Keep hold of the current drag object if any */
+  dragObject: null,
+  /** The current mouse offset */
+  mouseOffset: null,
+  /** Remember the old value of Y so that we don't do too much processing */
+  oldY: 0,
+
+  /** Actually build the structure */
+  build: function(options) {
+    // Make sure options exists
+    options = options || {};
+    // Set up the defaults if any
+
+    this.each(function() {
+      // Remember the options
+      this.tableDnDConfig = {
+        onDragStyle: options.onDragStyle,
+      onDropStyle: options.onDropStyle,
+      // Add in the default class for whileDragging
+      onDragClass: options.onDragClass ? options.onDragClass : "dragged",
+      onDrop: options.onDrop,
+      onDragStart: options.onDragStart,
+      scrollAmount: options.scrollAmount ? options.scrollAmount : 5
+      };
+      // Now make the rows draggable
+      jQuery.tableDnD.makeDraggable(this);
+    });
+
+    // Now we need to capture the mouse up and mouse move event
+    // We can use bind so that we don't interfere with other event handlers
+    jQuery(document)
+      .bind('mousemove', jQuery.tableDnD.mousemove)
+      .bind('mouseup', jQuery.tableDnD.mouseup);
+
+    // Don't break the chain
+    return this;
+  },
+
+  /** This function makes all the rows on the table draggable apart from those marked as "NoDrag" */
+  makeDraggable: function(table) {
+    // Now initialise the rows
+    var rows = table.rows; //getElementsByTagName("tr")
+    var config = table.tableDnDConfig;
+    for (var i=0; i<rows.length; i++) {
+      // To make non-draggable rows, add the nodrag class (eg for Category and Header rows) 
+      // inspired by John Tarr and Famic
+      var nodrag = $(rows[i]).hasClass("nodrag");
+      if (! nodrag) { //There is no NoDnD attribute on rows I want to drag
+        jQuery(rows[i]).mousedown(function(ev) {
+          if (ev.target.tagName == "TD") {
+            jQuery.tableDnD.dragObject = this;
+            jQuery.tableDnD.currentTable = table;
+            jQuery.tableDnD.mouseOffset = jQuery.tableDnD.getMouseOffset(this, ev);
+            if (config.onDragStart) {
+              // Call the onDrop method if there is one
+              config.onDragStart(table, this);
+            }
+            return false;
+          }
+        }).css("cursor", "move"); // Store the tableDnD object
+      }
+    }
+  },
+
+  /** Get the mouse coordinates from the event (allowing for browser differences) */
+  mouseCoords: function(ev){
+    if(ev.pageX || ev.pageY){
+      return {x:ev.pageX, y:ev.pageY};
+    }
+    return {
+      x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
+      y:ev.clientY + document.body.scrollTop  - document.body.clientTop
+    };
+  },
+
+  /** Given a target element and a mouse event, get the mouse offset from that element.
+    To do this we need the element's position and the mouse position */
+  getMouseOffset: function(target, ev) {
+    ev = ev || window.event;
+
+    var docPos    = this.getPosition(target);
+    var mousePos  = this.mouseCoords(ev);
+    return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
+  },
+
+  /** Get the position of an element by going up the DOM tree and adding up all the offsets */
+  getPosition: function(e){
+    var left = 0;
+    var top  = 0;
+    /** Safari fix -- thanks to Luis Chato for this! */
+    if (e.offsetHeight == 0) {
+      /** Safari 2 doesn't correctly grab the offsetTop of a table row
+        this is detailed here:
+        http://jacob.peargrove.com/blog/2006/technical/table-row-offsettop-bug-in-safari/
+        the solution is likewise noted there, grab the offset of a table cell in the row - the firstChild.
+        note that firefox will return a text node as a first child, so designing a more thorough
+        solution may need to take that into account, for now this seems to work in firefox, safari, ie */
+      e = e.firstChild; // a table cell
+    }
+
+    while (e.offsetParent){
+      left += e.offsetLeft;
+      top  += e.offsetTop;
+      e     = e.offsetParent;
+    }
+
+    left += e.offsetLeft;
+    top  += e.offsetTop;
+
+    return {x:left, y:top};
+  },
+
+  mousemove: function(ev) {
+    if (jQuery.tableDnD.dragObject == null) {
+      return;
+    }
+
+    var dragObj = jQuery(jQuery.tableDnD.dragObject);
+    var config = jQuery.tableDnD.currentTable.tableDnDConfig;
+    var mousePos = jQuery.tableDnD.mouseCoords(ev);
+    var y = mousePos.y - jQuery.tableDnD.mouseOffset.y;
+    //auto scroll the window
+    var yOffset = window.pageYOffset;
+    if (document.all) {
+      // Windows version
+      //yOffset=document.body.scrollTop;
+      if (typeof document.compatMode != 'undefined' &&
+          document.compatMode != 'BackCompat') {
+            yOffset = document.documentElement.scrollTop;
+          }
+      else if (typeof document.body != 'undefined') {
+        yOffset=document.body.scrollTop;
+      }
+
+    }
+
+    if (mousePos.y-yOffset < config.scrollAmount) {
+      window.scrollBy(0, -config.scrollAmount);
+    } else {
+      var windowHeight = window.innerHeight ? window.innerHeight
+        : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
+      if (windowHeight-(mousePos.y-yOffset) < config.scrollAmount) {
+        window.scrollBy(0, config.scrollAmount);
+      }
+    }
+
+
+    if (y != jQuery.tableDnD.oldY) {
+      // work out if we're going up or down...
+      var movingDown = y > jQuery.tableDnD.oldY;
+      // update the old value
+      jQuery.tableDnD.oldY = y;
+      // update the style to show we're dragging
+      if (config.onDragClass) {
+        dragObj.addClass(config.onDragClass);
+      } else {
+        dragObj.css(config.onDragStyle);
+      }
+      // If we're over a row then move the dragged row to there so that the user sees the
+      // effect dynamically
+      var currentRow = jQuery.tableDnD.findDropTargetRow(dragObj, y);
+      if (currentRow) {
+        // TODO worry about what happens when there are multiple TBODIES
+        if (movingDown && jQuery.tableDnD.dragObject != currentRow) {
+          jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow.nextSibling);
+        } else if (! movingDown && jQuery.tableDnD.dragObject != currentRow) {
+          jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow);
+        }
+      }
+    }
+
+    return false;
+  },
+
+  /** We're only worried about the y position really, because we can only move rows up and down */
+  findDropTargetRow: function(draggedRow, y) {
+    var rows = jQuery.tableDnD.currentTable.rows;
+    for (var i=0; i<rows.length; i++) {
+      var row = rows[i];
+      var rowY    = this.getPosition(row).y;
+      var rowHeight = parseInt(row.offsetHeight)/2;
+      if (row.offsetHeight == 0) {
+        rowY = this.getPosition(row.firstChild).y;
+        rowHeight = parseInt(row.firstChild.offsetHeight)/2;
+      }
+      // Because we always have to insert before, we need to offset the height a bit
+      if ((y > rowY - rowHeight) && (y < (rowY + rowHeight))) {
+        // that's the row we're over
+        // If it's the same as the current row, ignore it
+        if (row == draggedRow) {return null;}
+        var config = jQuery.tableDnD.currentTable.tableDnDConfig;
+        if (config.onAllowDrop) {
+          if (config.onAllowDrop(draggedRow, row)) {
+            return row;
+          } else {
+            return null;
+          }
+        } else {
+          // If a row has nodrop class, then don't allow dropping (inspired by John Tarr and Famic)
+          var nodrop = $(row).hasClass("nodrop");
+          if (! nodrop) {
+            return row;
+          } else {
+            return null;
+          }
+        }
+        return row;
+      }
+    }
+    return null;
+  },
+
+  mouseup: function(e) {
+    if (jQuery.tableDnD.currentTable && jQuery.tableDnD.dragObject) {
+      var droppedRow = jQuery.tableDnD.dragObject;
+      var config = jQuery.tableDnD.currentTable.tableDnDConfig;
+      // If we have a dragObject, then we need to release it,
+      // The row will already have been moved to the right place so we just reset stuff
+      if (config.onDragClass) {
+        jQuery(droppedRow).removeClass(config.onDragClass);
+      } else {
+        jQuery(droppedRow).css(config.onDropStyle);
+      }
+      jQuery.tableDnD.dragObject   = null;
+      if (config.onDrop) {
+        // Call the onDrop method if there is one
+        config.onDrop(jQuery.tableDnD.currentTable, droppedRow);
+      }
+      jQuery.tableDnD.currentTable = null; // let go of the table too
+    }
+  },
+
+  serialize: function() {
+    if (jQuery.tableDnD.currentTable) {
+      var result = "";
+      var tableId = jQuery.tableDnD.currentTable.id;
+      var rows = jQuery.tableDnD.currentTable.rows;
+      for (var i=0; i<rows.length; i++) {
+        if (result.length > 0) result += "&";
+        result += tableId + '[]=' + rows[i].id;
+      }
+      return result;
+    } else {
+      return "Error: No Table id set, you need to set an id on your table and every row";
+    }
+  }
+}
+
+jQuery.fn.extend(
+    {
+      tableDnD : jQuery.tableDnD.build
+    }
+    );
diff --git a/cms/static/js/main.js b/cms/static/js/main.js
new file mode 100644
index 0000000000..45f94849f8
--- /dev/null
+++ b/cms/static/js/main.js
@@ -0,0 +1,159 @@
+$(document).ready(function(){
+  $('section.main-content').children().hide();
+
+  $(function(){
+    $('.editable').inlineEdit();
+    $('.editable-textarea').inlineEdit({control: 'textarea'});
+  });
+
+  // $("a[rel*=leanModal]").leanModal();
+
+  // $(".remove").click(function(){
+  //   $(this).parents('li').hide();
+  // });
+
+  // $("#show-sidebar").click(function(){
+  //   $("#video-selector").toggleClass('hidden');
+  //   return false;
+  // });
+
+  // $('.use-video').click(function() {
+  //   var used = $('#used');
+  //   if (used.is(':visible')) {
+  //     used.hide().show('slow');
+  //   }
+  //   used.show();
+  //   $('.no-video').hide();
+  // });
+
+  // $('.remove-video').click(function() {
+  //   $('#used').hide();
+  //   $('.no-video').show();
+  // });
+
+  // $('#new-upload').click(function() {
+  //   $('.selected-files').toggle();
+  //   return false;
+  // });
+
+  // /* $('.block').append('<a href=\"#\" class=\"delete\">&#10005;<\/a>'); */
+
+  // $('a.delete').click(function() {
+  //   $(this).parents('.block').hide();
+  // });
+
+  // $('.speed-list > li').hover(function(){
+  //   $(this).children('.tooltip').toggle();
+  // });
+
+  // $('.delete-speed').click(function(){
+  //   $(this).parents('li.speed').hide();
+  //   return false;
+  // });
+
+  // $('.edit-captions').click(function(){
+  //   var parentVid = $(this).parents('div');
+  //   parentVid.siblings('div.caption-box').toggle();
+  //   return false;
+  // });
+
+  // $('.close-box').click(function(){
+  //   $(this).parents('.caption-box').hide();
+  //   return false;
+  // });
+
+  // $('ul.dropdown').hide();
+  // $('li.questions').click(function() {
+  //   $('ul.dropdown').toggle();
+  //   return false;
+  // });
+
+  // $('#mchoice').click(function(){
+  //   $('div.used').append($('<div class="block question">').load("/widgets/multi-choice.html"));
+  //   return false;
+  // });
+
+  // $('#text').click(function(){
+  //   $('div.used').append($('<div class="block text">').load("/widgets/text.html"));
+  //   return false;
+  // });
+
+  // $('#numerical').click(function(){
+  //   $('div.used').append($('<div class="block question">').load("/widgets/text-question.html"));
+  //   return false;
+  // });
+
+  // $('#equation').click(function(){
+  //   $('div.used').append($('<div class="block latex">').load("/widgets/latex-equation.html"));
+  //   return false;
+  // });
+
+  // $('#script').click(function(){
+  //   $('div.used').append($('<div class="block code">').load("/widgets/script-widget.html"));
+  //   return false;
+  // });
+
+  // $("#mark").markItUp(myWikiSettings);
+
+
+  var heighest = 0;
+  $('.cal ol > li').each(function(){
+    heighest = ($(this).height() > heighest) ? $(this).height() : heighest;
+
+  });
+
+  $('.cal ol > li').css('height',heighest + 'px');
+
+  $('.new-week').hide();
+  $('.add-new-week').click(function() {
+    $(this).hide();
+    $('.new-week').show();
+    return false;
+  });
+
+  $('.new-week .close').click( function(){
+    $(this).parents('.new-week').hide();
+    $('p.add-new-week').show();
+    return false;
+  });
+
+  var windowHeight = $(window).resize().height();
+
+  $('.sidebar').css('height', windowHeight);
+
+  $('.edit-week').click( function() {
+    $('body').addClass('content');
+    $('body.content .cal').css('height', windowHeight);
+    $('section.week-new').show();
+    return false;
+  });
+
+  $('.cal ol li header h1 a').click( function() {
+    $('body').addClass('content');
+    $('body.content .cal').css('height', windowHeight);
+    $('section.week-edit').show();
+    return false;
+  });
+
+
+  $('.video-new a').click(function(){
+      $('section.video-new').show();
+      return false;
+  });
+
+  $('.video-edit a').click(function(){
+      $('section.video-edit').show();
+      return false;
+  });
+
+  $('.problem-new a').click(function(){
+      $('section.problem-new').show();
+      return false;
+  });
+
+  $('.problem-edit a').click(function(){
+      $('section.problem-edit').show();
+      return false;
+  });
+});
+
diff --git a/cms/static/js/markitup/jquery.markitup.js b/cms/static/js/markitup/jquery.markitup.js
new file mode 100644
index 0000000000..10add9d27c
--- /dev/null
+++ b/cms/static/js/markitup/jquery.markitup.js
@@ -0,0 +1,593 @@
+// ----------------------------------------------------------------------------
+// markItUp! Universal MarkUp Engine, JQuery plugin
+// v 1.1.x
+// Dual licensed under the MIT and GPL licenses.
+// ----------------------------------------------------------------------------
+// Copyright (C) 2007-2011 Jay Salvat
+// http://markitup.jaysalvat.com/
+// ----------------------------------------------------------------------------
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+// 
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+// 
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+// ----------------------------------------------------------------------------
+(function($) {
+	$.fn.markItUp = function(settings, extraSettings) {
+		var options, ctrlKey, shiftKey, altKey;
+		ctrlKey = shiftKey = altKey = false;
+	
+		options = {	id:						'',
+					nameSpace:				'',
+					root:					'',
+					previewInWindow:		'', // 'width=800, height=600, resizable=yes, scrollbars=yes'
+					previewAutoRefresh:		true,
+					previewPosition:		'after',
+					previewTemplatePath:	'~/templates/preview.html',
+					previewParser:			false,
+					previewParserPath:		'',
+					previewParserVar:		'data',
+					resizeHandle:			true,
+					beforeInsert:			'',
+					afterInsert:			'',
+					onEnter:				{},
+					onShiftEnter:			{},
+					onCtrlEnter:			{},
+					onTab:					{},
+					markupSet:			[	{ /* set */ } ]
+				};
+		$.extend(options, settings, extraSettings);
+
+		// compute markItUp! path
+		if (!options.root) {
+			$('script').each(function(a, tag) {
+				miuScript = $(tag).get(0).src.match(/(.*)jquery\.markitup(\.pack)?\.js$/);
+				if (miuScript !== null) {
+					options.root = miuScript[1];
+				}
+			});
+		}
+
+		return this.each(function() {
+			var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,
+				clicked, hash, header, footer, previewWindow, template, iFrame, abort;
+			$$ = $(this);
+			textarea = this;
+			levels = [];
+			abort = false;
+			scrollPosition = caretPosition = 0;
+			caretOffset = -1;
+
+			options.previewParserPath = localize(options.previewParserPath);
+			options.previewTemplatePath = localize(options.previewTemplatePath);
+
+			// apply the computed path to ~/
+			function localize(data, inText) {
+				if (inText) {
+					return 	data.replace(/("|')~\//g, "$1"+options.root);
+				}
+				return 	data.replace(/^~\//, options.root);
+			}
+
+			// init and build editor
+			function init() {
+				id = ''; nameSpace = '';
+				if (options.id) {
+					id = 'id="'+options.id+'"';
+				} else if ($$.attr("id")) {
+					id = 'id="markItUp'+($$.attr("id").substr(0, 1).toUpperCase())+($$.attr("id").substr(1))+'"';
+
+				}
+				if (options.nameSpace) {
+					nameSpace = 'class="'+options.nameSpace+'"';
+				}
+				$$.wrap('<div '+nameSpace+'></div>');
+				$$.wrap('<div '+id+' class="markItUp"></div>');
+				$$.wrap('<div class="markItUpContainer"></div>');
+				$$.addClass("markItUpEditor");
+
+				// add the header before the textarea
+				header = $('<div class="markItUpHeader"></div>').insertBefore($$);
+				$(dropMenus(options.markupSet)).appendTo(header);
+
+				// add the footer after the textarea
+				footer = $('<div class="markItUpFooter"></div>').insertAfter($$);
+
+				// add the resize handle after textarea
+				if (options.resizeHandle === true && $.browser.safari !== true) {
+					resizeHandle = $('<div class="markItUpResizeHandle"></div>')
+						.insertAfter($$)
+						.bind("mousedown", function(e) {
+							var h = $$.height(), y = e.clientY, mouseMove, mouseUp;
+							mouseMove = function(e) {
+								$$.css("height", Math.max(20, e.clientY+h-y)+"px");
+								return false;
+							};
+							mouseUp = function(e) {
+								$("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);
+								return false;
+							};
+							$("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp);
+					});
+					footer.append(resizeHandle);
+				}
+
+				// listen key events
+				$$.keydown(keyPressed).keyup(keyPressed);
+				
+				// bind an event to catch external calls
+				$$.bind("insertion", function(e, settings) {
+					if (settings.target !== false) {
+						get();
+					}
+					if (textarea === $.markItUp.focused) {
+						markup(settings);
+					}
+				});
+
+				// remember the last focus
+				$$.focus(function() {
+					$.markItUp.focused = this;
+				});
+			}
+
+			// recursively build header with dropMenus from markupset
+			function dropMenus(markupSet) {
+				var ul = $('<ul></ul>'), i = 0;
+				$('li:hover > ul', ul).css('display', 'block');
+				$.each(markupSet, function() {
+					var button = this, t = '', title, li, j;
+					title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||'');
+					key   = (button.key) ? 'accesskey="'+button.key+'"' : '';
+					if (button.separator) {
+						li = $('<li class="markItUpSeparator">'+(button.separator||'')+'</li>').appendTo(ul);
+					} else {
+						i++;
+						for (j = levels.length -1; j >= 0; j--) {
+							t += levels[j]+"-";
+						}
+						li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')
+						.bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click
+							return false;
+						}).click(function() {
+							return false;
+						}).bind("focusin", function(){
+                            $$.focus();
+						}).mouseup(function() {
+							if (button.call) {
+								eval(button.call)();
+							}
+							setTimeout(function() { markup(button) },1);
+							return false;
+						}).hover(function() {
+								$('> ul', this).show();
+								$(document).one('click', function() { // close dropmenu if click outside
+										$('ul ul', header).hide();
+									}
+								);
+							}, function() {
+								$('> ul', this).hide();
+							}
+						).appendTo(ul);
+						if (button.dropMenu) {
+							levels.push(i);
+							$(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu));
+						}
+					}
+				}); 
+				levels.pop();
+				return ul;
+			}
+
+			// markItUp! markups
+			function magicMarkups(string) {
+				if (string) {
+					string = string.toString();
+					string = string.replace(/\(\!\(([\s\S]*?)\)\!\)/g,
+						function(x, a) {
+							var b = a.split('|!|');
+							if (altKey === true) {
+								return (b[1] !== undefined) ? b[1] : b[0];
+							} else {
+								return (b[1] === undefined) ? "" : b[0];
+							}
+						}
+					);
+					// [![prompt]!], [![prompt:!:value]!]
+					string = string.replace(/\[\!\[([\s\S]*?)\]\!\]/g,
+						function(x, a) {
+							var b = a.split(':!:');
+							if (abort === true) {
+								return false;
+							}
+							value = prompt(b[0], (b[1]) ? b[1] : '');
+							if (value === null) {
+								abort = true;
+							}
+							return value;
+						}
+					);
+					return string;
+				}
+				return "";
+			}
+
+			// prepare action
+			function prepare(action) {
+				if ($.isFunction(action)) {
+					action = action(hash);
+				}
+				return magicMarkups(action);
+			}
+
+			// build block to insert
+			function build(string) {
+				var openWith 			= prepare(clicked.openWith);
+				var placeHolder 		= prepare(clicked.placeHolder);
+				var replaceWith 		= prepare(clicked.replaceWith);
+				var closeWith 			= prepare(clicked.closeWith);
+				var openBlockWith 		= prepare(clicked.openBlockWith);
+				var closeBlockWith 		= prepare(clicked.closeBlockWith);
+				var multiline 			= clicked.multiline;
+				
+				if (replaceWith !== "") {
+					block = openWith + replaceWith + closeWith;
+				} else if (selection === '' && placeHolder !== '') {
+					block = openWith + placeHolder + closeWith;
+				} else {
+					string = string || selection;
+
+					var lines = selection.split(/\r?\n/), blocks = [];
+					
+					for (var l=0; l < lines.length; l++) {
+						line = lines[l];
+						var trailingSpaces;
+						if (trailingSpaces = line.match(/ *$/)) {
+							blocks.push(openWith + line.replace(/ *$/g, '') + closeWith + trailingSpaces);
+						} else {
+							blocks.push(openWith + line + closeWith);
+						}
+					}
+					
+					block = blocks.join("\n");
+				}
+
+				block = openBlockWith + block + closeBlockWith;
+
+				return {	block:block, 
+							openWith:openWith, 
+							replaceWith:replaceWith, 
+							placeHolder:placeHolder,
+							closeWith:closeWith
+					};
+			}
+
+			// define markup to insert
+			function markup(button) {
+				var len, j, n, i;
+				hash = clicked = button;
+				get();
+				$.extend(hash, {	line:"", 
+						 			root:options.root,
+									textarea:textarea, 
+									selection:(selection||''), 
+									caretPosition:caretPosition,
+									ctrlKey:ctrlKey, 
+									shiftKey:shiftKey, 
+									altKey:altKey
+								}
+							);
+				// callbacks before insertion
+				prepare(options.beforeInsert);
+				prepare(clicked.beforeInsert);
+				if ((ctrlKey === true && shiftKey === true) || button.multiline === true) {
+					prepare(clicked.beforeMultiInsert);
+				}			
+				$.extend(hash, { line:1 });
+
+				if ((ctrlKey === true && shiftKey === true)) {
+					lines = selection.split(/\r?\n/);
+					for (j = 0, n = lines.length, i = 0; i < n; i++) {
+						if ($.trim(lines[i]) !== '') {
+							$.extend(hash, { line:++j, selection:lines[i] } );
+							lines[i] = build(lines[i]).block;
+						} else {
+							lines[i] = "";
+						}
+					}
+					string = { block:lines.join('\n')};
+					start = caretPosition;
+					len = string.block.length + (($.browser.opera) ? n-1 : 0);
+				} else if (ctrlKey === true) {
+					string = build(selection);
+					start = caretPosition + string.openWith.length;
+					len = string.block.length - string.openWith.length - string.closeWith.length;
+					len = len - (string.block.match(/ $/) ? 1 : 0);
+					len -= fixIeBug(string.block);
+				} else if (shiftKey === true) {
+					string = build(selection);
+					start = caretPosition;
+					len = string.block.length;
+					len -= fixIeBug(string.block);
+				} else {
+					string = build(selection);
+					start = caretPosition + string.block.length ;
+					len = 0;
+					start -= fixIeBug(string.block);
+				}
+				if ((selection === '' && string.replaceWith === '')) {
+					caretOffset += fixOperaBug(string.block);
+					
+					start = caretPosition + string.openWith.length;
+					len = string.block.length - string.openWith.length - string.closeWith.length;
+
+					caretOffset = $$.val().substring(caretPosition,  $$.val().length).length;
+					caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));
+				}
+				$.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } );
+
+				if (string.block !== selection && abort === false) {
+					insert(string.block);
+					set(start, len);
+				} else {
+					caretOffset = -1;
+				}
+				get();
+
+				$.extend(hash, { line:'', selection:selection });
+
+				// callbacks after insertion
+				if ((ctrlKey === true && shiftKey === true) || button.multiline === true) {
+					prepare(clicked.afterMultiInsert);
+				}
+				prepare(clicked.afterInsert);
+				prepare(options.afterInsert);
+
+				// refresh preview if opened
+				if (previewWindow && options.previewAutoRefresh) {
+					refreshPreview(); 
+				}
+																									
+				// reinit keyevent
+				shiftKey = altKey = ctrlKey = abort = false;
+			}
+
+			// Substract linefeed in Opera
+			function fixOperaBug(string) {
+				if ($.browser.opera) {
+					return string.length - string.replace(/\n*/g, '').length;
+				}
+				return 0;
+			}
+			// Substract linefeed in IE
+			function fixIeBug(string) {
+				if ($.browser.msie) {
+					return string.length - string.replace(/\r*/g, '').length;
+				}
+				return 0;
+			}
+				
+			// add markup
+			function insert(block) {	
+				if (document.selection) {
+					var newSelection = document.selection.createRange();
+					newSelection.text = block;
+				} else {
+					textarea.value =  textarea.value.substring(0, caretPosition)  + block + textarea.value.substring(caretPosition + selection.length, textarea.value.length);
+				}
+			}
+
+			// set a selection
+			function set(start, len) {
+				if (textarea.createTextRange){
+					// quick fix to make it work on Opera 9.5
+					if ($.browser.opera && $.browser.version >= 9.5 && len == 0) {
+						return false;
+					}
+					range = textarea.createTextRange();
+					range.collapse(true);
+					range.moveStart('character', start); 
+					range.moveEnd('character', len); 
+					range.select();
+				} else if (textarea.setSelectionRange ){
+					textarea.setSelectionRange(start, start + len);
+				}
+				textarea.scrollTop = scrollPosition;
+				textarea.focus();
+			}
+
+			// get the selection
+			function get() {
+				textarea.focus();
+
+				scrollPosition = textarea.scrollTop;
+				if (document.selection) {
+					selection = document.selection.createRange().text;
+					if ($.browser.msie) { // ie
+						var range = document.selection.createRange(), rangeCopy = range.duplicate();
+						rangeCopy.moveToElementText(textarea);
+						caretPosition = -1;
+						while(rangeCopy.inRange(range)) {
+							rangeCopy.moveStart('character');
+							caretPosition ++;
+						}
+					} else { // opera
+						caretPosition = textarea.selectionStart;
+					}
+				} else { // gecko & webkit
+					caretPosition = textarea.selectionStart;
+
+					selection = textarea.value.substring(caretPosition, textarea.selectionEnd);
+				} 
+				return selection;
+			}
+
+			// open preview window
+			function preview() {
+				if (!previewWindow || previewWindow.closed) {
+					if (options.previewInWindow) {
+						previewWindow = window.open('', 'preview', options.previewInWindow);
+						$(window).unload(function() {
+							previewWindow.close();
+						});
+					} else {
+						iFrame = $('<iframe class="markItUpPreviewFrame"></iframe>');
+						if (options.previewPosition == 'after') {
+							iFrame.insertAfter(footer);
+						} else {
+							iFrame.insertBefore(header);
+						}	
+						previewWindow = iFrame[iFrame.length - 1].contentWindow || frame[iFrame.length - 1];
+					}
+				} else if (altKey === true) {
+					if (iFrame) {
+						iFrame.remove();
+					} else {
+						previewWindow.close();
+					}
+					previewWindow = iFrame = false;
+				}
+				if (!options.previewAutoRefresh) {
+					refreshPreview(); 
+				}
+				if (options.previewInWindow) {
+					previewWindow.focus();
+				}
+			}
+
+			// refresh Preview window
+			function refreshPreview() {
+ 				renderPreview();
+			}
+
+			function renderPreview() {		
+				var phtml;
+				if (options.previewParser && typeof options.previewParser === 'function') {
+					var data = options.previewParser( $$.val() );
+					writeInPreview( localize(data, 1) ); 
+				} else if (options.previewParserPath !== '') {
+					$.ajax({
+						type: 'POST',
+						dataType: 'text',
+						global: false,
+						url: options.previewParserPath,
+						data: options.previewParserVar+'='+encodeURIComponent($$.val()),
+						success: function(data) {
+							writeInPreview( localize(data, 1) ); 
+						}
+					});
+				} else {
+					if (!template) {
+						$.ajax({
+							url: options.previewTemplatePath,
+							dataType: 'text',
+							global: false,
+							success: function(data) {
+								writeInPreview( localize(data, 1).replace(/<!-- content -->/g, $$.val()) );
+							}
+						});
+					}
+				}
+				return false;
+			}
+			
+			function writeInPreview(data) {
+				if (previewWindow.document) {			
+					try {
+						sp = previewWindow.document.documentElement.scrollTop
+					} catch(e) {
+						sp = 0;
+					}	
+					previewWindow.document.open();
+					previewWindow.document.write(data);
+					previewWindow.document.close();
+					previewWindow.document.documentElement.scrollTop = sp;
+				}
+			}
+			
+			// set keys pressed
+			function keyPressed(e) { 
+				shiftKey = e.shiftKey;
+				altKey = e.altKey;
+				ctrlKey = (!(e.altKey && e.ctrlKey)) ? (e.ctrlKey || e.metaKey) : false;
+
+				if (e.type === 'keydown') {
+					if (ctrlKey === true) {
+						li = $('a[accesskey="'+String.fromCharCode(e.keyCode)+'"]', header).parent('li');
+						if (li.length !== 0) {
+							ctrlKey = false;
+							setTimeout(function() {
+								li.triggerHandler('mouseup');
+							},1);
+							return false;
+						}
+					}
+					if (e.keyCode === 13 || e.keyCode === 10) { // Enter key
+						if (ctrlKey === true) {  // Enter + Ctrl
+							ctrlKey = false;
+							markup(options.onCtrlEnter);
+							return options.onCtrlEnter.keepDefault;
+						} else if (shiftKey === true) { // Enter + Shift
+							shiftKey = false;
+							markup(options.onShiftEnter);
+							return options.onShiftEnter.keepDefault;
+						} else { // only Enter
+							markup(options.onEnter);
+							return options.onEnter.keepDefault;
+						}
+					}
+					if (e.keyCode === 9) { // Tab key
+						if (shiftKey == true || ctrlKey == true || altKey == true) {
+							return false; 
+						}
+						if (caretOffset !== -1) {
+							get();
+							caretOffset = $$.val().length - caretOffset;
+							set(caretOffset, 0);
+							caretOffset = -1;
+							return false;
+						} else {
+							markup(options.onTab);
+							return options.onTab.keepDefault;
+						}
+					}
+				}
+			}
+
+			init();
+		});
+	};
+
+	$.fn.markItUpRemove = function() {
+		return this.each(function() {
+				var $$ = $(this).unbind().removeClass('markItUpEditor');
+				$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);
+			}
+		);
+	};
+
+	$.markItUp = function(settings) {
+		var options = { target:false };
+		$.extend(options, settings);
+		if (options.target) {
+			return $(options.target).each(function() {
+				$(this).focus();
+				$(this).trigger('insertion', [options]);
+			});
+		} else {
+			$('textarea').trigger('insertion', [options]);
+		}
+	};
+})(jQuery);
diff --git a/cms/static/js/markitup/sets/wiki/images/bold.png b/cms/static/js/markitup/sets/wiki/images/bold.png
new file mode 100644
index 0000000000000000000000000000000000000000..889ae80e37b6167cc15f2a89e05a183815ec18b2
GIT binary patch
literal 304
zcmV-00nh%4P)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy!bwCyR4C75
z_|JeJGEhrFc|!U5lK%zov+GmWC%liGA1r`jLUDcO|E&EWR>b^}|6b=Y6y(;Y{!a!g
z@UQp#@Aw}>L3(}s|7f5BUjeuKZvQRjV<<?dkNh8e->2U7yvu*H{aAbvQ6K!@3oKzW
z-{Qa8d3gae1^)HE{~f^!v<1}u>;4xnKvUpW540I-w9J3a{{r=B3T*2g{_BH1CtaZO
zpZ`6V0*V5g1e5i;`_=Z#_e=H*@8|93RG@lX;D!K7TKswwko8{x0000<MNUMnLSTXk
CNr~0~

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/clean.png b/cms/static/js/markitup/sets/wiki/images/clean.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e7cefb8e174c738a84f8f3a6bf15d8e8f2c66d1
GIT binary patch
literal 667
zcmV;M0%ZM(P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|7<5HgbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb5FA$P5=M`8A(JzR5*>LlS^n5Q5c2KWM*m}YV3eAws|yDY&wl?DsIf8f*>k%
z<*Hc~7ec_5rHi-`yO3f)SBkFeMi8|t(GpA*#H3ciSWBp+c{r^&PVFO&3C&}i$+#MA
zZCZ-`mgm3cyWAfxp=la+gJD<gtpvwzezpF$pgS~gWf>~$f3lF*v;Jqx`Q8T$Z@WYD
zo5ULg-eG}Z89L0f4Zd=*mecc6xt8;=w2x)zu;*%)sVnHZF8Gfgv50&V?aO?Vg=C`G
zqt8;QwVsqD3w#sp>uk4(?#r`&eMV@ShR&fc4IOUt64yxY7gl5?KAAs}zQf1Y-^2&g
z$Gu&9-`V$(R7R2uQ}2HsoE!1T1^`G5aq_1Rg+NBCRv6kqwQ}ZBXMdtuFS`d*&78wH
z%FqTXD^)8WCsqS<BOVz5DE-jvt+q$5i!%|M&G@{%)#Ov#EKvX)09-IUOn9S@8|lR?
z6cQ@|)LH=L?-SNz^G{ptPE(j+=#H_V>p-l}5wzGHH~3TMv4``ZJRQO3=(w6oCI`;E
z`gMDg;9p*xrm`moLYyi48W1M{s};+X6Y)q)IQvrJsBPN-$Qt1?9(Dn}gMTvW8Vj;U
zv~1YHR;Z*VmZrvRmZz6cE&o6XK(RnVCGj2D!Cx>lhwjfzzEPx#2?dhIYK}l!BvcK!
z3)ER+Jz{<KD{DC^K&pgOB{fk4?wuP~hIcI3j^E+f&#ZJ^v`zp3002ovPDHLkV1h_W
BB?$lk

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/code.png b/cms/static/js/markitup/sets/wiki/images/code.png
new file mode 100644
index 0000000000000000000000000000000000000000..63fe6ceff5bfcedb9670279d4bb8d25807f6ecee
GIT binary patch
literal 859
zcmV-h1El<kP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!?MXyIR2Uge
z!AoddRRDnD|DJp9JTs3>5>jf6w4x#gTU%_MMNlkNp$oSbvBp&uHw9M;u0-4@=t5BI
zP6Hx#-C_{5R<NduC}m=argrQ!lX*Wg_dM=#0<-A%dCocZtXwD`13o;MPZWnbVyGi@
z6tQcf4$uSYfCXAW1NZ{?Rx%M8bNtZ0sp1<?&T+SaigH60<ys@VpfvPC%guV9i+>MJ
z0_P+Xkumexn8%)S+Y)#l(gR;YJP<6#1-=jjK0LONWPdJQIR8uK1HpvVIxBIQ2ztt+
zqoEx_X9S%QG<IR9Z`t$a>Me=~(k#sebCL-an)%CR%a7YtUOQUgv+G>~?N~XSWhx=?
z@$fx}0MB;$`JWcQ-Re{XV~5|{DvU(#*+NF*g)j^qk#b~G9_O!i*y&mZVZ=a3;Go(K
z`DkskYn56Nhu+<KVd;VN?T7A3<(f^ynIl;YaOz;1?WQG@hR?6H`Qdt>k@1Ke*uY|x
zI&k6j$JfNe_a{GH%=n2rZOz$Z8R9V?Pe36hIk}jo+A-`;dt9vyvBu#Xm@veu&@v`|
zzt%mwc_$nd0-sMVx2d)b0!MqGxmfCumx7yB#nIUWvA{!HOMfslMyW1iV&nY>zxwyj
z8^<?Fbz*Uk)$i-z;Oq4^*_5DDQ@m1~p}3SK89<{SVnS8D^!9U(G09lUuc>JfLN|kT
z4m^Q1mhO(_r4w@`V?H=YNkOf(i&bHT3Auc3bryK1_{hDSetLoLN{VLB^78ULiNFy^
zkUqqG$fjVkJj5tfWkOn|P5`HVEp5@-mGnc0wvJGHC=+39MC2TWT#i?t*~fNch*he_
zgtS^8dH$(KlW)EF1b4Fzv~?&0IQaNdg;W5&{t&Bmg9&N1-rBBr_;Rg8ekw^mn;@T#
zlS{|Rq+-Nlg18i%UY;i|q1NnSwf>I@85#4<mGzB<E9)Eg0W-i1FbzxtxkM}o5{ZCp
lI!Qj8;*Y<|H-Mj*_#bi=aFBZ<R;>U4002ovPDHLkV1mEDi4_0<

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/h1.png b/cms/static/js/markitup/sets/wiki/images/h1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c122e91e358860733eaf08fd543e5fc585d4cfd
GIT binary patch
literal 276
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg
z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-$x=IP=XqH%ujg^j!|20W|*-XbO@
zAtBSd^khRzd{=pNv@vN)9uZDqGTXuVPf6#I=?;x2B`Y;1YQMI>>GxvE??vtn{c>{A
z7MYxUVrui2JTF|YR&ldntL8M3{q7no52$4`vIX;r@S8@YTFOM5*~nV4Gk-UYI5L$}
zDw(h9UDksmVjphbEsSQ?UdGUxU4Htk{EZoY&3@-Y5*_;Wwk`ZAkg@!FaC~ii{N>;;
VD%(>GD}XL$@O1TaS?83{1OVXtVO9VD

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/h2.png b/cms/static/js/markitup/sets/wiki/images/h2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbd87657fbe001c0a78fb095284fffc32e739497
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg
z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-$R<muuVqH%ujg^j$;1_G=XCTnB}
z2zDuH#kiEbi-|N@r=uvvrBdDGbAZKX0`H6m`4c#AC<xz?I>OXGNhtQ`{C(%$wdeB3
zGTnLdz~IMJtNg?T>Z(s;oVU0)KW5x*9<WAh=atDnY<8?rlGxGj@c87V>xvq)rPF;`
zY|Fc4&#rLa>Txf#@y+aKf+ac0%`STzAI(*qdYo^XFH557y+_x*JpKO5^1S9?c^6}{
zP=+&OVHtDUrGN<!XCIo*k$*m#XV!Y_uRs4VByhd%D`U$30Q3!mr>mdKI;Vst0KHFj
AM*si-

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/h3.png b/cms/static/js/markitup/sets/wiki/images/h3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7836cf09e4565cc76c13bd14c13971c9e093c40
GIT binary patch
literal 306
zcmV-20nPr2P)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy#7RU!R4C8A
z(6On*FcgL1!}9|dap0*E1guJ(I#(i%DuZ#8!eCF32{eHw$Of6<Zr};B$XVm2c*14M
z@V6hQI8b~JUjb`bWtC-9%-bkQVi`hsdU4aSuyT=qpCnQdc3<3Xd4Pqt3Ze{D_+DY}
zW<S7<^J~m0$2`0O6|T2(W|t2zbF2$NJQWJlcYDibs$gWQz{`a;n7g9we~DZ{VywW)
zA5A{7y*A;8xGJDXCCVUSQ@G8Fk?zr!=7|TU?_K@5H&^lOO;W3B%K!iX07*qoM6N<$
Ef<~`>wEzGB

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/h4.png b/cms/static/js/markitup/sets/wiki/images/h4.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e929eaf583f10cf50eb1666ff6530b9d4cc7915
GIT binary patch
literal 293
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg
z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-&H?&;zfqH%ujg^j$;1_G=B-XbO(
zon2btF4r#xDw?mmvtwaL3R_~+Yz66*rrQmiHySwec#9a-mn?F*9`VcnzTNDrbNY9(
zxOA;CUb9S|sk-b7=Pc<<>lMA8+|AaBj(NoLhh2`-;+<K8{*2emHcRFoe&KFjR=k>F
zenR#-z6;(Syt?;Ub#<ilk4_3^a;#zMWzxuwzL|7t`5Mmy-QEn6DfUn2)UN-q#Q$;F
o^&^ZCr?-DKGAg+nKL5OQz`Bou%xAt&0eXSK)78&qol`;+06?>DVE_OC

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/h5.png b/cms/static/js/markitup/sets/wiki/images/h5.png
new file mode 100644
index 0000000000000000000000000000000000000000..30cabebf7445e168a0f31b0ed68c43d54eaf017d
GIT binary patch
literal 304
zcmV-00nh%4P)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy!bwCyR4C8A
z(6I@_Fc1aM0~anLf&~FXAgbJ{b0yNK5*Rlw4AKOdKoe*JZIB6WgG}H>ZVg9Hj*!Zw
zxkAM~zCH&l><=6QeDdgV4l9hop+%GWq_IPV?Z641X8iiHrWJUN^2}hSiGjhsfbOLp
z?d`9_MC0P3jVAVsE<n+R8WQ;jMsl1`!fAV@7O|!(FmPlUba<s!%P7k4RffpGl3}2*
zAsJ6pZ~YPOA7E3dhPuS5P@1F2b*`R}U^wp7`|}2S*zCBx<I55N0000<MNUMnLSTYi
CrhKjd

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/image.png b/cms/static/js/markitup/sets/wiki/images/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc3c393caa3bc4371d12d0c67ffd6d333ecf1d8e
GIT binary patch
literal 516
zcmV+f0{i`mP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzmPtfGR2Uhh
z!9QzLVHn2Y-}9a~o}4PJgQuV<2;!!bi-MoP&B?(IB8cLay_0Ac(al-JNd$KXKZO)J
z76W1<wnS>0oSgT$J*kO*Aq9I~CW*s{G*(t$KS{OS+#aO%?udUme<*TTEO`Fr@r_QT
zk=#}u-n~>Vm!+9S1PE{@3<)G~CPb<$Za;W?3+O}|+q)?*Pn355=}S(XIZmEANjZci
zf<Z6{!N`K~VdFiII`<eSGa8Y`U<4sV&YwHWh09mTLWY#UBA5}(FbjkbXk`I+eu_*v
zkmqgM#W9eWM+guTktqkp)sXRU56qApSHeADfFv?Y)YSmVnTbqE@VWnyFTFlvuW=>5
zj<%@MX^bD1^BwlS^+AD|$dm-1wial0hwPI;CDM?Y9SXW#@w-UF0SQ8OgplRTleOB2
zUjkDS|0U9pI|lSN*EvXUa~*UIclJdZ#)Npbwh9>YT?Z;=B8|l&^t~P~om?<5Lre$+
z;%`P>SL7`djY#8Y9$wv9dv|3p)<t&?l((RWyr5x{IE?Sp@~c)9n%N2f0000<MNUMn
GLSTZ`ao24C

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/italic.png b/cms/static/js/markitup/sets/wiki/images/italic.png
new file mode 100644
index 0000000000000000000000000000000000000000..8482ac8cb1eb8bc8edbf64085108f0fbd204fadb
GIT binary patch
literal 223
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg
z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-$B^mK6y(Kw&{<9vg>Q9!g~ne(gm
zmj4swoA@7?D86%i^8WzK9JM17E&sp&Z#dpHfz$E-U9ks&4?Z9Gyg!%0k2Q{M-Tz#>
z2OnD>vrPZ*#{EHKLq)>Jcx{H|Ovdb&|4aQZWSipI{El%e^Cxx{^9vSw28s;a3IDB=
TS1%U=TF&6<>gTe~DWM4fm>N^1

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/link.png b/cms/static/js/markitup/sets/wiki/images/link.png
new file mode 100644
index 0000000000000000000000000000000000000000..25eacb7c2524142262d68bf729c5e2b61adfd6d4
GIT binary patch
literal 343
zcmV-d0jU0oP)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy=}AOER4C75
z_|JeJGSEqZ9d}k~>$`dXYaZs9=SbAto%g@>T~?_bH&lTUn@`uo|1bXE{eSR(<Gt!b
zH-Fsyf8_tf|2|ztY+wb3e#IZIzKhuA{U`PRr2m!wQ~!JaiP*N{Vetn;KZprkP2VS{
z`*YcU-uwUD|3m-R{<r_^&ow!{>AO)ESb=V4`uk}mK|39Px&03WLbv~pzk+s7D@lK^
zn+aB+sp)&Y_x-B3>;6ywU--WQNUr<8>TU0P-|L#1U<GQ-_6A<}Q@&(>&;A)67w(+>
pDf@fM7q9#F25QXo3rUI;002ro52U44e~JJA002ovPDHLkV1l;_q@Mr)

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/list-bullet.png b/cms/static/js/markitup/sets/wiki/images/list-bullet.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a8672bde48f806d3d4d37db192588a9aa3eac10
GIT binary patch
literal 344
zcmV-e0jK_nP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy>PbXFR5;6H
z`2YVu10|S&DhA}te_Swi*Xsu$nk)lAnzx?+_#Z@r_~qs0*+Bfiq@?73K|#U)?Ck9S
zsi~>|6A}{sM@B~e4-O9gPhA%bd?2RGd{of6>E(lvp1b6Ep>6&12TPB<{a?EDDL4@0
z;^ML+A|n0=1_u83^78uc?CkvC#>VEqiHXU7U0vP(YHDhzff&$ntDt1@;|H#l*M@2!
z+U8#>h@W=vfpy*`^1J}j+`sMRe-I7g8yOj8Yin!&S5Z;<FDEDWUtC=LzmSm7e;yv5
q|LpAS|CyPYQ3DZVGes_-1OotI5YRuK@!O&R0000<MNUMnLSTY8q@Gy-

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/list-numeric.png b/cms/static/js/markitup/sets/wiki/images/list-numeric.png
new file mode 100644
index 0000000000000000000000000000000000000000..33b0b8df394dd66b20f74b551d5d52eb53cf335d
GIT binary patch
literal 357
zcmV-r0h<1aP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy_en%SR5;6H
z`2YVu10@(t<jjApvgq);|705g(oB&7FhgMM^78U*ApT!cQu4o`px}RYcJ}|&)YSh8
z2?_rrBP0I@2M7Ph>VicFNp}SURRVGD{<r^U?Rot_V&Xj&vRx3`drzfz%S-aS5Y%-?
zrE}ABxaPRHxa^3Ci2s3sf&aa{y#6~oJO8(_vH5ReV)9>CSNFe~ni^^#wyl5uzj4je
z|23<g4p1PLFMIsIbm`;&#fu-4?*fo!>%2?k#{x(*%mqe9M%mih+W%ElRQ}7!$^91>
z7ymCLB=nz$hvz>#JNtiTW@gkt1Zf0eyP_){bPq%T_kY#2Z7&xs00000NkvXXu0mjf
DNYA0=

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/picture.png b/cms/static/js/markitup/sets/wiki/images/picture.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a158fef7e0da8fd19525f574f2c4966443866cf
GIT binary patch
literal 606
zcmV-k0-^nhP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz@JU2LR5;6}
zlRaxxK@^6cGxy%T_a+Owkd0v@QIddQ5yVtR|A2*sja5=uNcw<{Kf>Q2rnAt>LM%-F
zK|rtwgcU)}7x~z1Hrcs5bH*ZO$!>xO8K#?==bZPQ_ecnV>#P`H`QzGaRhd62G_&rC
zTLU$c7_x*nFP_dW#Q+*);mM<k(JaeEB>HE?j)HexK784D4x9l_tfpz2$@1y}9rkF+
zI+J5N<Vh13l>MWeZyObc!d+rUc=>D+uOdAOg#%+Ej6h+wn5^xPmVVH*Eu446Y0A_@
zo$rlds-+sL10Db<V2ohHE~Vsv!_y|#cPO00g*IuL(zZDxxgijG#`FV32u`uSOUGGG
zyOu&7UIFP6)Ds)w;?J3$(cuh`F-ogFOd!Fk$2yNliFT_@xin4`83=M&LI`IP%F#`J
zZEaJ@HW?Z=q~bW<A7Xo}PQ5ZkY~*qd!bL!GgYo=6Ki5{MmVYDOlXOP8HN8MNtK(Js
zV$s*Z`raa56|c%2yUX0fZ4_v1Zu9B*6?&woD)4!rgAfql@$6FXAeuSkq`gPB`IXwk
zMdqWVFPY~)#sG3fUVUE0=T&TN`ieXbn3yHfM7x!HV-G;&FDjhxOOKr^h$9I-Kq;1Y
s?^hagg%30TGn{b*iQz4PTz8!R00wW`ldl!TzW@LL07*qoM6N<$g6(7tz5oCK

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/preview.png b/cms/static/js/markitup/sets/wiki/images/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9925a06ab02db30c1e7ead9c701c15bc63145cb
GIT binary patch
literal 537
zcmV+!0_OdRP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzt4TybR5;7M
zli4mqVHAaX=Q!_TZq*o5LaK&TC+g@aMJbINs;8}1t3yf*$E6r*j>Hs{AQG2a)rMyf
zFQK~pm1x3+7!nu%-M`k}``c>^00{o_1pjWJUTfl8mg=3qGEl8H@}^@w`VUx0_$uy4
z2FhRqKX}xI*?Tv<H&*Dj)Tr<j*}f%KtVns|p$^k=7pCG)bZ)nz(p!uYhmcBtGG4MZ
zhBKz;vsk_?<x?$B#+(Sm9B-A&-Qq;?SOJwD!Fa)z^`0_M+_eepu5##IOknYS`&tC<
z#^ArRgWXi2%vG2uvgcE2i2di<+TKw6qc6;1IyMf?mMlSF4apWIQ-(bTzNj7ETMiu?
z3Y3nE5@K5(^<j-YCz?$CVH?a>1DJd8z#F#0c%*~rM30HE1@2o5m~}ZyoWhqv>ql{V
z1ZGE0lgcoK^lx+eqc*rAX1Ky;Xx3U%u#zG!m-;eD1Qsn@kf3|F9qz~|95=&g3(7!X
zB}JAT>RU;a%vaNOGnJ%e1=K6eAh43c(QN8RQ6~GP%O}Jju$~Ld*%`mO1p<rCAIZx2
bmuq|lzM`o-QVIh|00000NkvXXu0mjfO@{7Q

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/quotes.png b/cms/static/js/markitup/sets/wiki/images/quotes.png
new file mode 100644
index 0000000000000000000000000000000000000000..e54ebebafb5072fabac9a0f3d8a79fcee3265f9f
GIT binary patch
literal 743
zcmV<D0vP>?P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!c}YY;R5;6h
zl5I#+Q5eUkMo1Xc5~44CG7?IOtSIY)5JBY&X3H(jaB38~p!u>vCi#|P&Xm-dkucwL
z3)87{8iWe96huvPHfK`KOdC2Z({T6vJ9pwDx$D4>d(Pqff6w7Lmj{5i6;ZyPPpPN;
zroaW=6d#@oL2Fa53F~$Su10(RG%K0p3VTuP3?Z=nBA8z$uq+XLUL^QrC74`bU|!e|
zr>hK{)%Q!vdmIO5Z3JIvaOyjOX`X@c8-ua03`Q&)f&%p*{(A$q`ZTTjk%q_T7>v^J
zu!R-a9fFLScYlKkNBP_Cob=9m9J<?fOP06J_JEaa4)!L)GmJyZ*#r3*zEm0P3B|?j
zC=%>LVoC-?c{)eOtMnh7qNN{ejy2sM{pS^mgFHJm@(buuM4>=<5Vr$&Kzw{B?uPr;
z(1Yf=#g)zADkWnx=M<Di?5UnHsIffMg!eBVpkF1!P|G8vWGY4~bz^MsCq=roXU@r$
z5JBohV;Wf<Zv{+RtQp(UUzbiqxmqg?CUE^PPQl)g1`l39#S?XLHknl2#6(>R%ykl|
z3Ui42k+O2{bCn)01-s5Sxp|z{<jPB@7`+vcYu`euHb7Esz_Vc>G2di&KT(_M6;$EI
zDL57JFf}cw4bP1P$pgTRKH$0@h|~aA>j`qZ2*k<FBrx=zj8iaMcnAaPQY5M85!(U8
zXb6Ng1QAsPVNU^pVgZBAN=#+@f>U5t2EVD5#~@VNhqx{vz8ethDD-=+1vnemftUBA
zF;N!Q%PBB5B=KLB#QO(CHe?;R+-C8M?ppDW>R$5`cCPq@YpusFRTaH1i9Kv;l<>I(
Ze*oTy+;kdDB`N>_002ovPDHLkV1l3CM+g7_

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/stroke.png b/cms/static/js/markitup/sets/wiki/images/stroke.png
new file mode 100644
index 0000000000000000000000000000000000000000..612058a78eba4e3ca259aa13417fd60cd6cf2fbd
GIT binary patch
literal 269
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg
z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-%c@9E+gqH#X?$N2_%qkv$?&V++!
z-fX$@sb%KG-5a$|R8J4(Tcmu7`G0cYgxS-++3#dN^zA^J(=P8r|6lx9G_LLaZ+v5S
z!d9iC@)!RP{FnQmdw#}3Ee(C$|NPA#|L6YmR@f<hlBM2}BX`QO+Uqa&-;w0ezH{l#
z>BO9w|C7oMMQ$vc`Tu(RETvC<`(>OPJ!ieM-fH~m>7>j<Pxr{0baB5CV2HN*V}HT2
RyaVV|22WQ%mvv4FO#ou1b4&mL

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/images/url.png b/cms/static/js/markitup/sets/wiki/images/url.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8edc1265db4bf69814875d1c10b8761f7009e23
GIT binary patch
literal 957
zcmV;u148_XP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#Pf0{UR2Ufr
z!QD?=WdOk8-#KkL6#6;7CbeM3GMFM$!rT&y3Cbpf8M9;xMvVzq-WdJ^ue`w<jfvhE
zm1K$2c{48*1HoY!W*9JI5r%*=7;RTN+EO^D=i@!+^?4L2B>(^b;|pVbz=yzjpaJj$
zhrpur<d>iKefui_0DvN;1Ymq&%nwWg*IrK!Xz^eJWuq3u2H~0ra?EC@ge%+`A>6mV
z9{T<mK#@{1zAzR5Zuitb*LykHPubM4u-PgrR7s5k!$S(2AO=}$o~6vvec_0gzkBo6
zp$Y&@cGsQhO*QvWaBUn_K?s$KsKTI%f~B!<2H86d&=Puyo|Elew&mOa@D(rZrhrf0
zIdjGLx2uz-Ld6ptn;{BTfU*gj=_3wx9W8!<65ZrteFw8^f1bL&IJx4xF!ti7uQgxj
zRD40QssP!@Q*MamoR5mBvX(x^t1hCo{(}|SB<~gR7hO8*lIrrq^%H*Jd@_>Yo{=G6
zt@5m|4G+Q2zKv;Ch@O;`PfWArmB5n3gvMsxV&Iu>97{a!2kL74wd@!f_AP^O%_&ND
zm}1c*+F;TcH^{p$P_|ak<Pk?t4k(mr2nEA9wut$ql!_w3w#rD7_yaCecO8^qi0qa?
zl@Xd7Duj>vD5o7vmT>HCkP;z;;&+8tDBI;koi9eX`W!oH4`pYaHlFZwV;$>vvfQTw
zM-`m&R_SPIBa^FUasC0GCCh%{h`$~db`z&-lFX#%(f>H6JD6Z(<UMp<r)_T!|NJ7l
z1MiPsqq-_UHk)O6d6{T7Zuz=K&K|7pZ@)c!I;Gy8nI*m-;>sIW`RKE+xOL+?+uQ%q
z){?+F%=6pqEH{6=NzusC-*<`PZYiLCGyKD}Z8^V8ul-K=AV@SE1t4~D2*b1(9UUc=
zN-;Dv#Ngl{rd7e$ZUPXC##BFmV>$26ZQi?6Po#@{4gllsPbku3Vq${Y+FAf~T}OJb
zGWEz9{(zcvI&CUaN&p7GcqMG4&7ULx##68M4k(F4l7Q+Xm&>uSv4N&(w6?a=)YOC{
zoYLN-J?7@-9xGBx007$C+kK7w_2Z$(k&l}jo2#`dO;J#Ipsbc$pS#^Dy3Q&nSeE5x
fGMT)t>sS8=`naU3reLNz00000NkvXXu0mjf)bGN+

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/sets/wiki/set.js b/cms/static/js/markitup/sets/wiki/set.js
new file mode 100644
index 0000000000..895625621d
--- /dev/null
+++ b/cms/static/js/markitup/sets/wiki/set.js
@@ -0,0 +1,34 @@
+// ----------------------------------------------------------------------------
+// markItUp!
+// ----------------------------------------------------------------------------
+// Copyright (C) 2008 Jay Salvat
+// http://markitup.jaysalvat.com/
+// ----------------------------------------------------------------------------
+myWikiSettings = {
+    nameSpace:          "wiki", // Useful to prevent multi-instances CSS conflict
+    previewParserPath:  "~/sets/wiki/preview.php",
+    onShiftEnter:       {keepDefault:false, replaceWith:'\n\n'},
+    markupSet:  [
+        {name:'Heading 1', key:'1', openWith:'== ', closeWith:' ==', placeHolder:'Your title here...' },
+        {name:'Heading 2', key:'2', openWith:'=== ', closeWith:' ===', placeHolder:'Your title here...' },
+        {name:'Heading 3', key:'3', openWith:'==== ', closeWith:' ====', placeHolder:'Your title here...' },
+        {name:'Heading 4', key:'4', openWith:'===== ', closeWith:' =====', placeHolder:'Your title here...' },
+        {name:'Heading 5', key:'5', openWith:'====== ', closeWith:' ======', placeHolder:'Your title here...' },
+        {separator:'---------------' },        
+        {name:'Bold', key:'B', openWith:"'''", closeWith:"'''"}, 
+        {name:'Italic', key:'I', openWith:"''", closeWith:"''"}, 
+        {name:'Stroke through', key:'S', openWith:'<s>', closeWith:'</s>'}, 
+        {separator:'---------------' },
+        {name:'Bulleted list', openWith:'(!(* |!|*)!)'}, 
+        {name:'Numeric list', openWith:'(!(# |!|#)!)'}, 
+        {separator:'---------------' },
+        {name:'Picture', key:'P', replaceWith:'[[Image:[![Url:!:http://]!]|[![name]!]]]'}, 
+        {name:'Link', key:'L', openWith:'[[![Link]!] ', closeWith:']', placeHolder:'Your text to link here...' },
+        {name:'Url', openWith:'[[![Url:!:http://]!] ', closeWith:']', placeHolder:'Your text to link here...' },
+        {separator:'---------------' },
+        {name:'Quotes', openWith:'(!(> |!|>)!)'},
+        {name:'Code', openWith:'(!(<source lang="[![Language:!:php]!]">|!|<pre>)!)', closeWith:'(!(</source>|!|</pre>)!)'}, 
+        {separator:'---------------' },
+        {name:'Preview', call:'preview', className:'preview'}
+    ]
+}
diff --git a/cms/static/js/markitup/sets/wiki/style.css b/cms/static/js/markitup/sets/wiki/style.css
new file mode 100644
index 0000000000..0a26c698f5
--- /dev/null
+++ b/cms/static/js/markitup/sets/wiki/style.css
@@ -0,0 +1,57 @@
+/* -------------------------------------------------------------------
+// markItUp!
+// By Jay Salvat - http://markitup.jaysalvat.com/
+// ------------------------------------------------------------------*/
+.wiki .markItUpButton1 a {
+  background-image:url(images/h1.png); 
+}
+.wiki .markItUpButton2 a {
+  background-image:url(images/h2.png); 
+}
+.wiki .markItUpButton3 a {
+  background-image:url(images/h3.png); 
+}
+.wiki .markItUpButton4 a {
+  background-image:url(images/h4.png); 
+}
+.wiki .markItUpButton5 a {
+  background-image:url(images/h5.png); 
+}
+
+.wiki .markItUpButton6 a {
+  background-image:url(images/bold.png);
+}
+.wiki .markItUpButton7 a {
+  background-image:url(images/italic.png);
+}
+.wiki .markItUpButton8 a {
+  background-image:url(images/stroke.png);
+}
+
+.wiki .markItUpButton9 a {
+  background-image:url(images/list-bullet.png);
+}
+.wiki .markItUpButton10 a {
+  background-image:url(images/list-numeric.png);
+}
+
+.wiki .markItUpButton11 a {
+  background-image:url(images/picture.png); 
+}
+.wiki .markItUpButton12 a {
+  background-image:url(images/link.png);
+}
+.wiki .markItUpButton13 a {
+  background-image:url(images/url.png);
+}
+
+.wiki .markItUpButton14 a	{
+  background-image:url(images/quotes.png);
+}
+.wiki .markItUpButton15 a	{
+  background-image:url(images/code.png);
+}
+
+.wiki .preview a {
+  background-image:url(images/preview.png);
+}
diff --git a/cms/static/js/markitup/skins/simple/images/handle.png b/cms/static/js/markitup/skins/simple/images/handle.png
new file mode 100644
index 0000000000000000000000000000000000000000..3993b20337e33a36c9125d139f1f53a279a4c128
GIT binary patch
literal 258
zcmeAS@N?(olHy`uVBq!ia0vp^qCm{X#0(?@t!)i}6mzkYX9x!e$L)vy4}e^r0G|-o
z4LkP#|NsB{_wSo_?oZ!X{TC?CQWE4B{GZ|f|H~VSrU3bz1s;*b3=G^tAk28_ZrvZC
zpje4(M2T}zYGO%dex5=|W^O8jfw{hsp}v86ds2l5P=!25MR0yvNqJ&XDuZuga#4P6
zYD#9Jf?H-$YI%N9cCmuR){ILPK&1wrE{-7_Gm{H=1WS1m6Eb=Pa(faIBBVrjnVf1=
soMNgl<!Ym1kEtS$i|<*U*{>KFuA6ghUcX`bbD&-ZPgg&ebxsLQ0Hz~TmH+?%

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/skins/simple/images/menu.png b/cms/static/js/markitup/skins/simple/images/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..44a07afd30f499cdba30847094a1e92f13e1320e
GIT binary patch
literal 27151
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
AmH+?%

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/skins/simple/images/submenu.png b/cms/static/js/markitup/skins/simple/images/submenu.png
new file mode 100644
index 0000000000000000000000000000000000000000..03d1977aecf31666578422805c60cf61562ceea1
GIT binary patch
literal 240
zcmeAS@N?(olHy`uVBq!ia0vp^+#t-s1|(OmDOUqhEa{HEjtmUzPnffIy#(?lOI#yL
zg7ec#$`gxH85~pclTsBta}(23gHjVyDhp4h+5i<bdAc};RNPAX^Z&m+^F{`Rh8Y)F
zeSCa&6lk(>D5&Wq={HDKYyh!yx+)ugh??;-Fdk_+?B=(Ett`c{f#J|ni6^h+9saOK
z3Me!bX#Qh3B9wk^&d+Wg4grT7BK8ehe_Hhz1sr%56u2D&0-YC020Q`|Jxg4;92g7@
eConKD@i1hIny&nuDpC)04TGnvpUXO@geCwEnM@7<

literal 0
HcmV?d00001

diff --git a/cms/static/js/markitup/skins/simple/style.css b/cms/static/js/markitup/skins/simple/style.css
new file mode 100644
index 0000000000..af8dc9cdb5
--- /dev/null
+++ b/cms/static/js/markitup/skins/simple/style.css
@@ -0,0 +1,118 @@
+/* -------------------------------------------------------------------
+// markItUp! Universal MarkUp Engine, JQuery plugin
+// By Jay Salvat - http://markitup.jaysalvat.com/
+// ------------------------------------------------------------------*/
+.markItUp * {
+  margin:0px; padding:0px;
+  outline:none;
+}
+.markItUp a:link,
+.markItUp a:visited {
+  color:#000;
+  text-decoration:none;
+}
+.markItUp  {
+  /* width:700px; */
+  margin:5px 0 10px 0;
+}
+.markItUpContainer  {
+  font:11px Verdana, Arial, Helvetica, sans-serif;
+}
+.markItUpEditor {
+  font:12px 'Courier New', Courier, monospace;
+  padding:5px;
+  /* width:690px; */
+  height:320px;
+  clear:both;
+  line-height:18px;
+  overflow:auto;
+}
+.markItUpPreviewFrame	{
+  overflow:auto;
+  background-color:#FFF;
+  width:99.9%;
+  height:300px;
+  margin:5px 0;
+}
+.markItUpFooter {
+  width:100%;
+}
+.markItUpResizeHandle {
+  overflow:hidden;
+  width:22px; height:5px;
+  margin-left:auto;
+  margin-right:auto;
+  background-image:url(images/handle.png);
+  cursor:n-resize;
+}
+/***************************************************************************************/
+/* first row of buttons */
+.markItUpHeader ul li	{
+  list-style:none;
+  float:left;
+  position:relative;
+}
+.markItUpHeader ul li:hover > ul{
+  display:block;
+}
+.markItUpHeader ul .markItUpDropMenu {
+  background:transparent url(images/menu.png) no-repeat 115% 50%;
+  margin-right:5px;
+}
+.markItUpHeader ul .markItUpDropMenu li {
+  margin-right:0px;
+}
+/* next rows of buttons */
+.markItUpHeader ul ul {
+  display:none;
+  position:absolute;
+  top:18px; left:0px;	
+  background:#FFF;
+  border:1px solid #000;
+}
+.markItUpHeader ul ul li {
+  float:none;
+  border-bottom:1px solid #000;
+}
+.markItUpHeader ul ul .markItUpDropMenu {
+  background:#FFF url(images/submenu.png) no-repeat 100% 50%;
+}
+.markItUpHeader ul .markItUpSeparator {
+  margin:0 10px;
+  width:1px;
+  height:16px;
+  overflow:hidden;
+  background-color:#CCC;
+}
+.markItUpHeader ul ul .markItUpSeparator {
+  width:auto; height:1px;
+  margin:0px;
+}
+/* next rows of buttons */
+.markItUpHeader ul ul ul {
+  position:absolute;
+  top:-1px; left:150px; 
+}
+.markItUpHeader ul ul ul li {
+  float:none;
+}
+.markItUpHeader ul a {
+  display:block;
+  width:16px; height:16px;
+  text-indent:-10000px;
+  background-repeat:no-repeat;
+  padding:3px;
+  margin:0px;
+}
+.markItUpHeader ul ul a {
+  display:block;
+  padding-left:0px;
+  text-indent:0;
+  width:120px; 
+  padding:5px 5px 5px 25px;
+  background-position:2px 50%;
+}
+.markItUpHeader ul ul a:hover  {
+  color:#FFF;
+  background-color:#000;
+}
diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
new file mode 100644
index 0000000000..d9f3971d9e
--- /dev/null
+++ b/cms/static/sass/_base.scss
@@ -0,0 +1,51 @@
+
+$fg-column: 70px;
+$fg-gutter: 26px;
+$fg-max-columns: 12;
+
+html {
+  height: 100%;
+}
+
+body {
+  @include clearfix();
+  height: 100%;
+  font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+
+  > section {
+    display: table;
+    width: 100%;
+  }
+
+  > header {
+    background: #000;
+    color: #fff;
+    display: block;
+    float: none;
+    padding: 6px 20px;
+    width: 100%;
+    @include box-sizing(border-box);
+
+    nav {
+      @include clearfix;
+
+      h2 {
+        font-size: 14px;
+        text-transform: uppercase;
+      }
+    }
+  }
+}
+
+a {
+  text-decoration: none;
+  color: #888;
+}
+
+input[type="submit"], .button {
+  border: 1px solid #ccc;
+  background: #efefef;
+  @include border-radius(3px);
+  padding: 6px;
+}
+
diff --git a/cms/static/sass/_calendar.scss b/cms/static/sass/_calendar.scss
new file mode 100644
index 0000000000..b149346ad6
--- /dev/null
+++ b/cms/static/sass/_calendar.scss
@@ -0,0 +1,206 @@
+section.cal {
+  @include box-sizing(border-box);
+  padding: 25px;
+  @include clearfix;
+  overflow: scroll;
+
+  > header {
+    @include clearfix;
+    margin-bottom: 10px;
+
+    h1 {
+      float: left;
+      font-size: 18px;
+    }
+
+    ul {
+      float: right;
+
+      li  {
+        @include inline-block;
+
+        a {
+          padding: 6px;
+          border: 1px solid #ddd;
+          display: block;
+          @include border-radius(3px);
+          background: #efefef;
+        }
+
+        &.dropdown {
+          position: relative;
+
+          ul {
+            display: none;
+            position: absolute;
+            background: #fff;
+            border: 1px solid #ddd;
+
+            li {
+              padding: 6px;
+              display: block;
+              border-top: 1px solid transparent;
+              border-bottom: 1px solid transparent;
+
+              &:hover {
+                background-color: #efefef;
+                border-top: 1px solid #ddd;
+                border-bottom: 1px solid #ddd;
+              }
+            }
+          }
+
+          &:hover {
+
+            ul {
+              display: block;
+            }
+
+            a {
+              @include border-radius(3px 3px 0 0);
+              border-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  ol {
+    list-style: none;
+    @include clearfix;
+    @include box-sizing(border-box);
+    border-left: 1px solid #333;
+    border-top: 1px solid #333;
+    width: 100%;
+
+    > li {
+      border-right: 1px solid #333;
+      border-bottom: 1px solid;
+      @include box-sizing(border-box);
+      float: left;
+      width: flex-grid(3) + ((flex-gutter() * 3) / 4);
+
+      &:last-child {
+        text-align: center;
+        background: #eee;
+        @include box-sizing(border-box);
+
+        p {
+          width: 100%;
+          height: 100%;
+          @include box-sizing(border-box);
+
+          a {
+            display: block;
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        section.new-week {
+          header {
+            background: #fff;
+            text-align: left;
+          }
+
+          form {
+            background: #fff;
+            width: 50%;
+            padding: 6px;
+            border: 1px solid #000;
+            margin: 0 auto;
+            @include box-shadow(0 0 2px #333);
+            position: relative;
+
+            &:before {
+              background: #fff;
+              border-left: 1px solid #000;
+              border-top: 1px solid #000;
+              content: "  ";
+              display: block;
+              height: 10px;
+              left: 50%;
+              position: absolute;
+              top: -6px;
+              @include transform(rotate(45deg));
+              width: 10px;
+              z-index: 0;
+            }
+
+            select {
+              margin-bottom: 6px;
+              width: 100%;
+
+              option {
+                padding: 10px 0 !important;
+              }
+            }
+
+            input[type="submit"] {
+              display: block;
+              margin-bottom: 6px;
+              width: 100%;
+            }
+
+            a {
+
+              &:first-child {
+                float: left;
+              }
+
+              &:last-child {
+                float: right;
+              }
+            }
+          }
+        }
+      }
+
+      header {
+        border-bottom: 1px solid #000;
+        @include box-shadow(0 1px 2px #ccc);
+        display: block;
+        margin-bottom: 2px;
+        padding: 6px;
+
+        h1 {
+          font-size: 14px;
+        }
+      }
+
+      ul {
+        list-style: none;
+        margin-bottom: 1px;
+
+        li {
+          background: #efefef;
+          border-bottom: 1px solid #666;
+          padding: 6px;
+
+          &.goal {
+            background: #fff;
+          }
+        }
+      }
+    }
+  }
+}
+
+body.content
+    section.cal {
+      width: flex-grid(3) + flex-gutter();
+      float: left;
+      @include box-sizing(border-box);
+
+      > header ul {
+        display: none;
+      }
+
+      ol {
+        li {
+          @include box-sizing(border-box);
+          width: 100%;
+        }
+      }
+    }
diff --git a/cms/static/sass/_problem.scss b/cms/static/sass/_problem.scss
new file mode 100644
index 0000000000..c513ce38d9
--- /dev/null
+++ b/cms/static/sass/_problem.scss
@@ -0,0 +1,41 @@
+section.problem-new, section.problem-edit {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  background: #fff;
+  width: flex-grid(5);
+  @include box-shadow(0 0 6px #666);
+  border: 1px solid #333;
+  border-right: 0;
+  z-index: 4;
+
+  > header {
+    background: #666;
+    @include clearfix;
+    color: #fff;
+    padding: 6px;
+    border-bottom: 1px solid #333;
+    -webkit-font-smoothing: antialiased;
+
+    h2 {
+      float: left;
+      font-size: 14px;
+    }
+
+    a {
+      float: right;
+    }
+  }
+
+  section {
+    ul {
+      list-style: none;
+
+      li {
+        border-bottom: 1px solid #333;
+        padding: 10px 25px;
+      }
+    }
+  }
+}
+
diff --git a/cms/static/sass/_reset.scss b/cms/static/sass/_reset.scss
new file mode 100644
index 0000000000..bfe619c1b0
--- /dev/null
+++ b/cms/static/sass/_reset.scss
@@ -0,0 +1,229 @@
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+html,body {
+  font-size: 100%;
+}
+
+// Corrects block display not defined in IE8/9 & FF3
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block;
+}
+
+// Corrects inline-block display not defined in IE8/9 & FF3
+audio, canvas, video {
+  display: inline-block;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+audio:not([controls]) {
+  display: none;
+}
+
+// Addresses styling for 'hidden' attribute not present in IE8/9, FF3, S4
+[hidden] {
+  display: none;
+}
+
+// Prevents iOS text size adjust after orientation change, without disabling user zoom
+// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+// Addresses font-family inconsistency between 'textarea' and other form elements.
+html, button, input, select, textarea {
+  font-family: sans-serif;
+}
+
+a {
+  // Addresses outline displayed oddly in Chrome
+  &:focus {
+    outline: thin dotted;
+    // Webkit
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+  }
+
+  // Improves readability when focused and also mouse hovered in all browsers
+  // people.opera.com/patrickl/experiments/keyboard/test
+  &:hover, &:active {
+    outline: 0;
+  }
+}
+
+// Addresses styling not present in IE8/9, S5, Chrome
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+b, strong {
+  font-weight: bold;
+}
+
+blockquote {
+  margin: 1em 40px;
+}
+
+// Addresses styling not present in S5, Chrome
+dfn {
+  font-style: italic;
+}
+
+// Addresses styling not present in IE8/9
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+// Corrects font family set oddly in S4/5, Chrome
+// en.wikipedia.org/wiki/User:Davidgothberg/Test59
+pre, code, kbd, samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+
+// Improves readability of pre-formatted text in all browsers
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+// Addresses quote property not supported in S4
+blockquote, q {
+  quotes: none;
+  &:before, &:after {
+    content: '';
+    content: none;
+  }
+}
+
+small {
+  font-size: 75%;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+nav {
+  ul, ol {
+    list-style: none;
+    list-style-image: none;
+  }
+}
+
+// Removes border when inside 'a' element in IE8/9, FF3
+img {
+  border: 0;
+  height: auto;
+  max-width: 100%;
+  -ms-interpolation-mode: bicubic;
+}
+
+// Corrects overflow displayed oddly in IE9
+svg:not(:root) {
+  overflow: hidden;
+}
+
+// Define consistent border, margin, and padding
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+  border: 0; // Corrects color not being inherited in IE8/9
+  padding: 0;
+  white-space: normal; // Corrects text not wrapping in FF3
+}
+
+button, input, select, textarea {
+  font-size: 100%; // Corrects font size not being inherited in all browsers
+  margin: 0; // Addresses margins set differently in FF3+, S5, Chrome
+  vertical-align: baseline; // Improves appearance and consistency in all browsers
+}
+
+// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+button, input {
+  line-height: normal;
+}
+
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+  cursor: pointer; // Improves usability and consistency of cursor style between image-type 'input' and others
+  -webkit-appearance: button; // Corrects inability to style clickable 'input' types in iOS
+}
+
+// Re-set default cursor for disabled elements
+button[disabled], input[disabled] {
+  cursor: default;
+}
+
+input[type="checkbox"], input[type="radio"] {
+  box-sizing: border-box; // Addresses box sizing set to content-box in IE8/9
+  padding: 0; //Removes excess padding in IE8/9
+}
+
+input[type="search"] {
+  -webkit-appearance: textfield; // Addresses appearance set to searchfield in S5, Chrome
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; // Addresses box-sizing set to border-box in S5, Chrome (-moz to future-proof)
+  box-sizing: content-box;
+}
+
+// Removes inner padding and search cancel button in S5, Chrome on OS X
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+// Removes inner padding and border in FF3+
+// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto; // Removes default vertical scrollbar in IE8/9
+  vertical-align: top; // Improves readability and alignment in all browsers
+}
+
+// Remove most spacing between table cells
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
diff --git a/cms/static/sass/_video.scss b/cms/static/sass/_video.scss
new file mode 100644
index 0000000000..cb234108f4
--- /dev/null
+++ b/cms/static/sass/_video.scss
@@ -0,0 +1,40 @@
+section.video-new, section.video-edit {
+  position: absolute;
+  top: 80px;
+  right: 0;
+  background: #fff;
+  width: flex-grid(5);
+  @include box-shadow(0 0 6px #666);
+  border: 1px solid #333;
+  border-right: 0;
+  z-index: 4;
+
+  > header {
+    background: #666;
+    @include clearfix;
+    color: #fff;
+    padding: 6px;
+    border-bottom: 1px solid #333;
+    -webkit-font-smoothing: antialiased;
+
+    h2 {
+      float: left;
+      font-size: 14px;
+    }
+
+    a {
+      float: right;
+    }
+  }
+
+  section {
+    ul {
+      list-style: none;
+
+      li {
+        border-bottom: 1px solid #333;
+        padding: 10px 25px;
+      }
+    }
+  }
+}
diff --git a/cms/static/sass/_week.scss b/cms/static/sass/_week.scss
new file mode 100644
index 0000000000..a628b0f164
--- /dev/null
+++ b/cms/static/sass/_week.scss
@@ -0,0 +1,152 @@
+section.week-edit, section.week-new {
+
+  > header {
+    border-bottom: 1px solid #ccc;
+    @include clearfix();
+    padding: 6px;
+
+    h1 {
+      font-size: 18px;
+      float: left;
+      margin-top: 8px 6px;
+    }
+
+    a {
+      float: right;
+      @extend .button;
+      display: block;
+    }
+  }
+
+  section {
+    header {
+      background: #666;
+      color: #fff;
+      padding: 6px;
+      border-bottom: 1px solid #333;
+      -webkit-font-smoothing: antialiased;
+
+      h2 {
+        font-size: 14px;
+      }
+    }
+
+    &.sidebar {
+      width: flex-grid(3, 9) + flex-gutter(9);
+      float: left;
+      background: #ccc;
+      border-right: 1px solid #333;
+      @include box-sizing(border-box);
+
+      section {
+        height: 50%;
+
+        > ul {
+          list-style: none;
+
+          > li {
+            padding: 6px;
+            border-bottom: 1px solid #666;
+            background: #eee;
+
+            &.new-module {
+              position: relative;
+
+              ul.new-dropdown {
+                list-style: none;
+
+                li {
+                  display: none;
+
+                  &:first-child {
+                    display: block;
+                  }
+                }
+
+                &:hover {
+                  li {
+                    display: block;
+                    padding: 6px 0;
+
+                    &:first-child {
+                      padding-top: 0;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+
+        p {
+          padding: 6px;
+          border-bottom: 1px solid #666;
+        }
+      }
+    }
+
+    &.weeks-content {
+      width: flex-grid(6, 9);
+      float: left;
+      @include box-sizing(border-box);
+
+      header {
+        @include clearfix;
+
+        h2 {
+          float: left;
+        }
+
+        form {
+          float: right;
+          margin: -2px 0;
+
+          input {
+            border: 1px solid #000;
+            background: #ddd;
+            padding: 2px 4px;
+            @include border-radius(2px);
+          }
+        }
+      }
+
+
+      section {
+        &.filters {
+          border-bottom: 1px solid #999;
+
+          ul {
+            @include clearfix();
+            list-style: none;
+            padding: 6px;
+
+            li {
+              @include inline-block();
+
+              &.advanced {
+                float: right;
+              }
+            }
+          }
+        }
+
+        &.modules {
+          ul {
+            list-style: none;
+
+            li {
+              padding: 6px;
+              font-weight: bold;
+              font-size: 16px;
+              border-bottom: 1px solid #333;
+
+              a {
+                color: #000;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/cms/static/sass/base-style.scss b/cms/static/sass/base-style.scss
new file mode 100644
index 0000000000..6a2dfbd0d2
--- /dev/null
+++ b/cms/static/sass/base-style.scss
@@ -0,0 +1,18 @@
+@import 'bourbon/bourbon';
+@import 'reset';
+
+@import 'base';
+@import 'calendar';
+@import 'week', 'video', 'problem';
+
+body {
+  &.content {
+    section.main-content {
+      border-left: 2px solid #000;
+      @include box-sizing(border-box);
+      width: flex-grid(9);
+      float: left;
+      @include box-shadow( -2px 0 3px #ddd );
+    }
+  }
+}
diff --git a/cms/static/sass/bourbon/_bourbon.scss b/cms/static/sass/bourbon/_bourbon.scss
new file mode 100644
index 0000000000..27b056e303
--- /dev/null
+++ b/cms/static/sass/bourbon/_bourbon.scss
@@ -0,0 +1,35 @@
+// Custom Functions
+@import "functions/deprecated-webkit-gradient";
+@import "functions/flex-grid";
+@import "functions/grid-width";
+@import "functions/linear-gradient";
+@import "functions/modular-scale";
+@import "functions/radial-gradient";
+@import "functions/render-gradients";
+@import "functions/tint-shade";
+
+// CSS3 Mixins
+@import "css3/animation";
+@import "css3/appearance";
+@import "css3/background-image";
+@import "css3/background-size";
+@import "css3/border-image";
+@import "css3/border-radius";
+@import "css3/box-shadow";
+@import "css3/box-sizing";
+@import "css3/columns";
+@import "css3/flex-box";
+@import "css3/inline-block";
+@import "css3/linear-gradient";
+@import "css3/radial-gradient";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/user-select";
+
+// Addons & other mixins
+@import "addons/button";
+@import "addons/clearfix";
+@import "addons/font-family";
+@import "addons/html5-input-types";
+@import "addons/position";
+@import "addons/timing-functions";
diff --git a/cms/static/sass/bourbon/addons/_button.scss b/cms/static/sass/bourbon/addons/_button.scss
new file mode 100644
index 0000000000..1d32125140
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_button.scss
@@ -0,0 +1,267 @@
+@mixin button ($style: simple, $base-color: #4294f0) {
+
+  @if type-of($style) == color {
+    $base-color: $style;
+    $style: simple;
+  }
+
+  // Grayscale button
+  @if $base-color == grayscale($base-color) {
+    @if $style == simple {
+      @include simple($base-color, $grayscale: true);
+    }
+
+    @else if $style == shiny {
+      @include shiny($base-color, $grayscale: true);
+    }
+
+    @else if $style == pill {
+      @include pill($base-color, $grayscale: true);
+    }
+  }
+
+  // Colored button
+  @else {
+    @if $style == simple {
+      @include simple($base-color);
+    }
+
+    @else if $style == shiny {
+      @include shiny($base-color);
+    }
+
+    @else if $style == pill {
+      @include pill($base-color);
+    }
+  }
+}
+
+
+// Simple Button
+//************************************************************************//
+@mixin simple($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $saturation:  9%,  $lightness: -14%);
+  $inset-shadow:  adjust-color($base-color, $saturation: -8%,  $lightness:  15%);
+  $stop-gradient: adjust-color($base-color, $saturation:  9%,  $lightness: -11%);
+  $text-shadow:   adjust-color($base-color, $saturation:  15%, $lightness: -18%);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border;
+  @include border-radius (3px);
+  @include box-shadow (inset 0 1px 0 0 $inset-shadow);
+  color: $color;
+  display: inline;
+  font-size: 11px;
+  font-weight: bold;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: 6px 18px 7px;
+  text-shadow: 0 1px 0 $text-shadow;
+  -webkit-background-clip: padding-box;
+
+  &:hover {
+    $base-color-hover:    adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+    $inset-shadow-hover:  adjust-color($base-color, $saturation: -7%, $lightness:  5%);
+    $stop-gradient-hover: adjust-color($base-color, $saturation:  8%, $lightness: -14%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+    }
+
+    @include box-shadow (inset 0 1px 0 0 $inset-shadow-hover);
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+  }
+
+  &:active {
+    $border-active:       adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
+
+    @if $grayscale == true {
+      $border-active:       grayscale($border-active);
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    border: 1px solid $border-active;
+    @include box-shadow (inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee);
+  }
+}
+
+
+// Shiny Button
+//************************************************************************//
+@mixin shiny($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
+  $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
+  $fourth-stop:   adjust-color($base-color, $red: -79,  $green: -70,  $blue: -46);
+  $inset-shadow:  adjust-color($base-color, $red:  37,  $green:  29,  $blue:  12);
+  $second-stop:   adjust-color($base-color, $red: -56,  $green: -50,  $blue: -33);
+  $text-shadow:   adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
+  $third-stop:    adjust-color($base-color, $red: -86,  $green: -75,  $blue: -48);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $border-bottom: grayscale($border-bottom);
+    $fourth-stop:   grayscale($fourth-stop);
+    $inset-shadow:  grayscale($inset-shadow);
+    $second-stop:   grayscale($second-stop);
+    $text-shadow:   grayscale($text-shadow);
+    $third-stop:    grayscale($third-stop);
+  }
+
+  border: 1px solid $border;
+  border-bottom: 1px solid $border-bottom;
+  @include border-radius(5px);
+  @include box-shadow(inset 0 1px 0 0 $inset-shadow);
+  color: $color;
+  display: inline;
+  font-size: 14px;
+  font-weight: bold;
+  @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
+  padding: 7px 20px 8px;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 -1px 1px $text-shadow;
+
+  &:hover {
+    $first-stop-hover:  adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
+    $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
+    $third-stop-hover:  adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
+    $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
+
+    @if $grayscale == true {
+      $first-stop-hover:  grayscale($first-stop-hover);
+      $second-stop-hover: grayscale($second-stop-hover);
+      $third-stop-hover:  grayscale($third-stop-hover);
+      $fourth-stop-hover: grayscale($fourth-stop-hover);
+    }
+
+    cursor: pointer;
+    @include linear-gradient(top, $first-stop-hover  0%,
+                                  $second-stop-hover 50%,
+                                  $third-stop-hover  50%,
+                                  $fourth-stop-hover 100%);
+  }
+
+  &:active {
+    $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
+
+    @if $grayscale == true {
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    @include box-shadow(inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff);
+  }
+}
+
+
+// Pill Button
+//************************************************************************//
+@mixin pill($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border-bottom: adjust-color($base-color, $hue:  8, $saturation: -11%, $lightness: -26%);
+  $border-sides:  adjust-color($base-color, $hue:  4, $saturation: -21%, $lightness: -21%);
+  $border-top:    adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
+  $inset-shadow:  adjust-color($base-color, $hue: -1, $saturation: -1%,  $lightness:  7%);
+  $stop-gradient: adjust-color($base-color, $hue:  8, $saturation:  14%, $lightness: -10%);
+  $text-shadow:   adjust-color($base-color, $hue:  5, $saturation: -19%, $lightness: -15%);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border-bottom: grayscale($border-bottom);
+    $border-sides:  grayscale($border-sides);
+    $border-top:    grayscale($border-top);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border-top;
+  border-color: $border-top $border-sides $border-bottom;
+  @include border-radius(16px);
+  @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
+  color: $color;
+  display: inline;
+  font-size: 11px;
+  font-weight: normal;
+  line-height: 1;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: 3px 16px 5px;
+  text-align: center;
+  text-shadow: 0 -1px 1px $text-shadow;
+  -webkit-background-clip: padding-box;
+
+  &:hover {
+    $base-color-hover:    adjust-color($base-color,                                $lightness: -4.5%);
+    $border-bottom:       adjust-color($base-color, $hue:  8, $saturation:  13.5%, $lightness: -32%);
+    $border-sides:        adjust-color($base-color, $hue:  4, $saturation: -2%,    $lightness: -27%);
+    $border-top:          adjust-color($base-color, $hue: -1, $saturation: -17%,   $lightness: -21%);
+    $inset-shadow-hover:  adjust-color($base-color,           $saturation: -1%,    $lightness:  3%);
+    $stop-gradient-hover: adjust-color($base-color, $hue:  8, $saturation: -4%,    $lightness: -15.5%);
+    $text-shadow-hover:   adjust-color($base-color, $hue:  5, $saturation: -5%,    $lightness: -22%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $border-bottom:       grayscale($border-bottom);
+      $border-sides:        grayscale($border-sides);
+      $border-top:          grayscale($border-top);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+      $text-shadow-hover:   grayscale($text-shadow-hover);
+    }
+
+    border: 1px solid $border-top;
+    border-color: $border-top $border-sides $border-bottom;
+    @include box-shadow(inset 0 1px 0 0 $inset-shadow-hover);
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+    text-shadow: 0 -1px 1px $text-shadow-hover;
+    -webkit-background-clip: padding-box;
+  }
+
+  &:active {
+    $active-color:         adjust-color($base-color, $hue: 4,  $saturation: -12%,  $lightness: -10%);
+    $border-active:        adjust-color($base-color, $hue: 6,  $saturation: -2.5%, $lightness: -30%);
+    $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation:  6%,   $lightness: -31%);
+    $inset-shadow-active:  adjust-color($base-color, $hue: 9,  $saturation:  2%,   $lightness: -21.5%);
+    $text-shadow-active:   adjust-color($base-color, $hue: 5,  $saturation: -12%,  $lightness: -21.5%);
+
+    @if $grayscale == true {
+      $active-color:         grayscale($active-color);
+      $border-active:        grayscale($border-active);
+      $border-bottom-active: grayscale($border-bottom-active);
+      $inset-shadow-active:  grayscale($inset-shadow-active);
+      $text-shadow-active:   grayscale($text-shadow-active);
+    }
+
+    background: $active-color;
+    border: 1px solid $border-active;
+    border-bottom: 1px solid $border-bottom-active;
+    @include box-shadow(inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff);
+    text-shadow: 0 -1px 1px $text-shadow-active;
+  }
+}
+
diff --git a/cms/static/sass/bourbon/addons/_clearfix.scss b/cms/static/sass/bourbon/addons/_clearfix.scss
new file mode 100644
index 0000000000..a9f6a795c5
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_clearfix.scss
@@ -0,0 +1,29 @@
+// Micro clearfix provides an easy way to contain floats without adding additional markup
+//
+// Example usage:
+//
+//    // Contain all floats within .wrapper
+//    .wrapper {
+//      @include clearfix;
+//      .content,
+//      .sidebar {
+//        float : left;
+//      }
+//    }
+
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}
+
+// Acknowledgements
+// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
diff --git a/cms/static/sass/bourbon/addons/_font-family.scss b/cms/static/sass/bourbon/addons/_font-family.scss
new file mode 100644
index 0000000000..df8a80ddfc
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_font-family.scss
@@ -0,0 +1,5 @@
+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+$verdana: Verdana, Geneva, sans-serif;
diff --git a/cms/static/sass/bourbon/addons/_html5-input-types.scss b/cms/static/sass/bourbon/addons/_html5-input-types.scss
new file mode 100644
index 0000000000..9d86fbb4d4
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_html5-input-types.scss
@@ -0,0 +1,36 @@
+//************************************************************************//
+// Generate a variable ($all-text-inputs) with a list of all html5
+// input types that have a text-based input, excluding textarea.
+// http://diveintohtml5.org/forms.html
+//************************************************************************//
+$inputs-list: 'input[type="email"]',
+              'input[type="number"]',
+              'input[type="password"]',
+              'input[type="search"]',
+              'input[type="tel"]',
+              'input[type="text"]',
+              'input[type="url"]',
+
+              // Webkit & Gecko may change the display of these in the future
+              'input[type="color"]',
+              'input[type="date"]',
+              'input[type="datetime"]',
+              'input[type="datetime-local"]',
+              'input[type="month"]',
+              'input[type="time"]',
+              'input[type="week"]';
+
+$unquoted-inputs-list: ();
+
+@each $input-type in $inputs-list {
+  $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
+}
+
+$all-text-inputs: $unquoted-inputs-list;
+
+// You must use interpolation on the variable:
+// #{$all-text-inputs}
+//************************************************************************//
+//   #{$all-text-inputs}, textarea {
+//     border: 1px solid red;
+//   }
diff --git a/cms/static/sass/bourbon/addons/_position.scss b/cms/static/sass/bourbon/addons/_position.scss
new file mode 100644
index 0000000000..6ad330f1df
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_position.scss
@@ -0,0 +1,30 @@
+@mixin position ($position: relative, $coordinates: 0 0 0 0) {
+
+  @if type-of($position) == list {
+    $coordinates: $position;
+    $position: relative;
+  }
+
+  $top: nth($coordinates, 1);
+  $right: nth($coordinates, 2);
+  $bottom: nth($coordinates, 3);
+  $left: nth($coordinates, 4);
+
+  position: $position;
+
+  @if not(unitless($top)) {
+    top: $top;
+  }
+
+  @if not(unitless($right)) {
+    right: $right;
+  }
+
+  @if not(unitless($bottom)) {
+    bottom: $bottom;
+  }
+
+  @if not(unitless($left)) {
+    left: $left;
+  }
+}
diff --git a/cms/static/sass/bourbon/addons/_timing-functions.scss b/cms/static/sass/bourbon/addons/_timing-functions.scss
new file mode 100644
index 0000000000..51b2410914
--- /dev/null
+++ b/cms/static/sass/bourbon/addons/_timing-functions.scss
@@ -0,0 +1,32 @@
+// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
+// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
+
+// EASE IN
+$ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
+$ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
+$ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
+$ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
+$ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
+$ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
+$ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
+$ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+// EASE OUT
+$ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
+$ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
+$ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
+$ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
+$ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
+$ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
+$ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
+$ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
+
+// EASE IN OUT
+$ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
+$ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
+$ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
+$ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
+$ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);
diff --git a/cms/static/sass/bourbon/css3/_animation.scss b/cms/static/sass/bourbon/css3/_animation.scss
new file mode 100644
index 0000000000..f99e06eb6f
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_animation.scss
@@ -0,0 +1,171 @@
+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+// Official animation shorthand property.
+@mixin animation ($animation-1,
+  $animation-2: false, $animation-3: false,
+  $animation-4: false, $animation-5: false,
+  $animation-6: false, $animation-7: false,
+  $animation-8: false, $animation-9: false)
+  {
+    $full: compact($animation-1, $animation-2, $animation-3, $animation-4,
+                   $animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
+
+  -webkit-animation: $full;
+     -moz-animation: $full;
+          animation: $full;
+}
+
+// Individual Animation Properties
+@mixin animation-name ($name-1,
+  $name-2: false, $name-3: false,
+  $name-4: false, $name-5: false,
+  $name-6: false, $name-7: false,
+  $name-8: false, $name-9: false)
+  {
+    $full:  compact($name-1, $name-2, $name-3, $name-4,
+                    $name-5, $name-6, $name-7, $name-8, $name-9);
+
+  -webkit-animation-name: $full;
+     -moz-animation-name: $full;
+          animation-name: $full;
+}
+
+
+@mixin animation-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-animation-duration: $full;
+     -moz-animation-duration: $full;
+          animation-duration: $full;
+}
+
+
+@mixin animation-timing-function ($motion-1: ease,
+//  ease | linear | ease-in | ease-out | ease-in-out
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full:  compact($motion-1, $motion-2, $motion-3, $motion-4,
+                    $motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
+
+  -webkit-animation-timing-function: $full;
+     -moz-animation-timing-function: $full;
+          animation-timing-function: $full;
+}
+
+
+@mixin animation-iteration-count ($value-1: 1,
+//  infinite | <number>
+  $value-2: false, $value-3: false,
+  $value-4: false, $value-5: false,
+  $value-6: false, $value-7: false,
+  $value-8: false, $value-9: false)
+  {
+    $full:  compact($value-1, $value-2, $value-3, $value-4,
+                    $value-5, $value-6, $value-7, $value-8, $value-9);
+
+  -webkit-animation-iteration-count: $full;
+     -moz-animation-iteration-count: $full;
+          animation-iteration-count: $full;
+}
+
+
+@mixin animation-direction ($direction-1: normal,
+//  normal | alternate
+  $direction-2: false, $direction-3: false,
+  $direction-4: false, $direction-5: false,
+  $direction-6: false, $direction-7: false,
+  $direction-8: false, $direction-9: false)
+  {
+    $full:  compact($direction-1, $direction-2, $direction-3, $direction-4,
+                    $direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
+
+  -webkit-animation-direction: $full;
+     -moz-animation-direction: $full;
+          animation-direction: $full;
+}
+
+
+@mixin animation-play-state ($state-1: running,
+//  running | paused
+  $state-2: false, $state-3: false,
+  $state-4: false, $state-5: false,
+  $state-6: false, $state-7: false,
+  $state-8: false, $state-9: false)
+  {
+    $full:  compact($state-1, $state-2, $state-3, $state-4,
+                    $state-5, $state-6, $state-7, $state-8, $state-9);
+
+  -webkit-animation-play-state: $full;
+     -moz-animation-play-state: $full;
+          animation-play-state: $full;
+}
+
+
+@mixin animation-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-animation-delay: $full;
+     -moz-animation-delay: $full;
+          animation-delay: $full;
+}
+
+
+@mixin animation-fill-mode ($mode-1: none,
+//  http://goo.gl/l6ckm
+//  none | forwards | backwards | both
+  $mode-2: false, $mode-3: false,
+  $mode-4: false, $mode-5: false,
+  $mode-6: false, $mode-7: false,
+  $mode-8: false, $mode-9: false)
+  {
+    $full:  compact($mode-1, $mode-2, $mode-3, $mode-4,
+                    $mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
+
+  -webkit-animation-fill-mode: $full;
+     -moz-animation-fill-mode: $full;
+          animation-fill-mode: $full;
+}
+
+
+// Deprecated
+@mixin animation-basic ($name, $time: 0, $motion: ease) {
+    $length-of-name: length($name);
+    $length-of-time: length($time);
+  $length-of-motion: length($motion);
+
+  @if $length-of-name > 1 {
+    @include animation-name(zip($name));
+  } @else {
+    @include animation-name(    $name);
+  }
+
+  @if $length-of-time > 1 {
+    @include animation-duration(zip($time));
+  } @else {
+    @include animation-duration(    $time);
+  }
+
+  @if $length-of-motion > 1 {
+    @include animation-timing-function(zip($motion));
+  } @else {
+    @include animation-timing-function(    $motion);
+  }
+  @warn "The animation-basic mixin is deprecated. Use the animation mixin instead.";
+}
+
diff --git a/cms/static/sass/bourbon/css3/_appearance.scss b/cms/static/sass/bourbon/css3/_appearance.scss
new file mode 100644
index 0000000000..548767e166
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_appearance.scss
@@ -0,0 +1,7 @@
+@mixin appearance ($value) {
+  -webkit-appearance: $value;
+     -moz-appearance: $value;
+      -ms-appearance: $value;
+       -o-appearance: $value;
+          appearance: $value;
+}
diff --git a/cms/static/sass/bourbon/css3/_background-image.scss b/cms/static/sass/bourbon/css3/_background-image.scss
new file mode 100644
index 0000000000..c23cef7c31
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_background-image.scss
@@ -0,0 +1,57 @@
+//************************************************************************//
+// Background-image property for adding multiple background images with
+// gradients, or for stringing multiple gradients together.
+//************************************************************************//
+
+@mixin background-image(
+  $image-1       , $image-2: false,
+  $image-3: false, $image-4: false,
+  $image-5: false, $image-6: false,
+  $image-7: false, $image-8: false,
+  $image-9: false, $image-10: false
+) {
+  $images: compact($image-1, $image-2,
+           $image-3, $image-4,
+           $image-5, $image-6,
+           $image-7, $image-8,
+           $image-9, $image-10);
+
+  background-image: add-prefix($images, webkit);
+  background-image: add-prefix($images, moz);
+  background-image: add-prefix($images, ms);
+  background-image: add-prefix($images, o);
+  background-image: add-prefix($images);
+}
+
+
+@function add-prefix($images, $vendor: false) {
+  $images-prefixed: ();
+
+  @for $i from 1 through length($images) {
+    $type: type-of(nth($images, $i)); // Get type of variable - List or String
+
+    // If variable is a list - Gradient
+    @if $type == list {
+      $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+      $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+
+      $gradient: render-gradients($gradient-args, $gradient-type, $vendor);
+      $images-prefixed: append($images-prefixed, $gradient, comma);
+    }
+
+    // If variable is a string - Image
+    @else if $type == string {
+      $images-prefixed: join($images-prefixed, nth($images, $i), comma);
+    }
+  }
+  @return $images-prefixed;
+}
+
+
+
+//Examples:
+  //@include background-image(linear-gradient(top, orange, red));
+  //@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
+  //@include background-image(url("/images/a.png"), linear-gradient(orange, red));
+  //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
+  //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red);
diff --git a/cms/static/sass/bourbon/css3/_background-size.scss b/cms/static/sass/bourbon/css3/_background-size.scss
new file mode 100644
index 0000000000..4bba11027d
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_background-size.scss
@@ -0,0 +1,15 @@
+@mixin background-size ($length-1,
+  $length-2: false, $length-3: false,
+  $length-4: false, $length-5: false,
+  $length-6: false, $length-7: false,
+  $length-8: false, $length-9: false)
+  {
+    $full: compact($length-1, $length-2, $length-3, $length-4,
+                   $length-5, $length-6, $length-7, $length-8, $length-9);
+
+  -webkit-background-size: $full;
+     -moz-background-size: $full;
+      -ms-background-size: $full;
+       -o-background-size: $full;
+          background-size: $full;
+}
diff --git a/cms/static/sass/bourbon/css3/_border-image.scss b/cms/static/sass/bourbon/css3/_border-image.scss
new file mode 100644
index 0000000000..da4f20ba49
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_border-image.scss
@@ -0,0 +1,56 @@
+@mixin border-image($images) {
+  -webkit-border-image: border-add-prefix($images, webkit);
+     -moz-border-image: border-add-prefix($images, moz);
+       -o-border-image: border-add-prefix($images, o);
+          border-image: border-add-prefix($images);
+}
+
+@function border-add-prefix($images, $vendor: false) {
+  $border-image: ();
+  $images-type:  type-of(nth($images, 1));
+  $first-var:    nth(nth($images, 1), 1);          // Get type of Gradient (Linear || radial)
+
+  // If input is a gradient
+  @if $images-type == string {
+    @if ($first-var == "linear") or ($first-var == "radial") {
+      @for $i from 2 through length($images) {
+        $gradient-type: nth($images, 1);           // Get type of gradient (linear || radial)
+        $gradient-args: nth($images, $i);          // Get actual gradient (red, blue)
+        $border-image:  render-gradients($gradient-args, $gradient-type, $vendor);
+      }
+    }
+
+    // If input is a URL
+    @else {
+      $border-image: $images;
+    }
+  }
+
+  // If input is gradient or url + additional args
+  @else if $images-type == list {
+    @for $i from 1 through length($images) {
+      $type: type-of(nth($images, $i));           // Get type of variable - List or String
+
+      // If variable is a list - Gradient
+      @if $type == list {
+        $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+        $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+        $border-image:  render-gradients($gradient-args, $gradient-type, $vendor);
+      }
+
+      // If variable is a string - Image or number
+      @else if ($type == string) or ($type == number) {
+        $border-image: append($border-image, nth($images, $i));
+      }
+    }
+  }
+  @return $border-image;
+}
+
+//Examples:
+// @include border-image(url("image.png"));
+// @include border-image(url("image.png") 20 stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow));
+// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
+// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
diff --git a/cms/static/sass/bourbon/css3/_border-radius.scss b/cms/static/sass/bourbon/css3/_border-radius.scss
new file mode 100644
index 0000000000..f24389ebbe
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_border-radius.scss
@@ -0,0 +1,63 @@
+@mixin border-radius ($radii) {
+  -webkit-border-radius: $radii;
+     -moz-border-radius: $radii;
+      -ms-border-radius: $radii;
+       -o-border-radius: $radii;
+          border-radius: $radii;
+}
+
+@mixin border-top-left-radius($radii) {
+  -webkit-border-top-left-radius: $radii;
+     -moz-border-top-left-radius: $radii;
+      -moz-border-radius-topleft: $radii;
+      -ms-border-top-left-radius: $radii;
+       -o-border-top-left-radius: $radii;
+          border-top-left-radius: $radii;
+}
+
+@mixin border-top-right-radius($radii) {
+  -webkit-border-top-right-radius: $radii;
+     -moz-border-top-right-radius: $radii;
+      -moz-border-radius-topright: $radii;
+      -ms-border-top-right-radius: $radii;
+       -o-border-top-right-radius: $radii;
+          border-top-right-radius: $radii;
+}
+
+@mixin border-bottom-left-radius($radii) {
+  -webkit-border-bottom-left-radius: $radii;
+     -moz-border-bottom-left-radius: $radii;
+      -moz-border-radius-bottomleft: $radii;
+      -ms-border-bottom-left-radius: $radii;
+       -o-border-bottom-left-radius: $radii;
+          border-bottom-left-radius: $radii;
+}
+
+@mixin border-bottom-right-radius($radii) {
+  -webkit-border-bottom-right-radius: $radii;
+     -moz-border-bottom-right-radius: $radii;
+      -moz-border-radius-bottomright: $radii;
+      -ms-border-bottom-right-radius: $radii;
+       -o-border-bottom-right-radius: $radii;
+          border-bottom-right-radius: $radii;
+}
+
+@mixin border-top-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-top-right-radius($radii);
+}
+
+@mixin border-right-radius($radii) {
+  @include border-top-right-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-bottom-radius($radii) {
+  @include border-bottom-left-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-left-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-bottom-left-radius($radii);
+}
diff --git a/cms/static/sass/bourbon/css3/_box-shadow.scss b/cms/static/sass/bourbon/css3/_box-shadow.scss
new file mode 100644
index 0000000000..327b66d251
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_box-shadow.scss
@@ -0,0 +1,14 @@
+// Box-Shadow Mixin Requires Sass v3.1.1+
+@mixin box-shadow ($shadow-1,
+  $shadow-2: false, $shadow-3: false,
+  $shadow-4: false, $shadow-5: false,
+  $shadow-6: false, $shadow-7: false,
+  $shadow-8: false, $shadow-9: false)
+  {
+    $full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4,
+                   $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
+
+  -webkit-box-shadow: $full;
+     -moz-box-shadow: $full;
+          box-shadow: $full;
+}
diff --git a/cms/static/sass/bourbon/css3/_box-sizing.scss b/cms/static/sass/bourbon/css3/_box-sizing.scss
new file mode 100644
index 0000000000..3f3f7cca9a
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_box-sizing.scss
@@ -0,0 +1,6 @@
+@mixin box-sizing ($box) {
+//  content-box | border-box | inherit
+  -webkit-box-sizing: $box;
+     -moz-box-sizing: $box;
+          box-sizing: $box;
+}
diff --git a/cms/static/sass/bourbon/css3/_columns.scss b/cms/static/sass/bourbon/css3/_columns.scss
new file mode 100644
index 0000000000..2896c91d7f
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_columns.scss
@@ -0,0 +1,67 @@
+@mixin columns($arg: auto) {
+// <column-count> || <column-width>
+  -webkit-columns: $arg;
+     -moz-columns: $arg;
+          columns: $arg;
+}
+
+@mixin column-count($int: auto) {
+// auto || integer
+  -webkit-column-count: $int;
+     -moz-column-count: $int;
+          column-count: $int;
+}
+
+@mixin column-gap($length: normal) {
+// normal || length
+  -webkit-column-gap: $length;
+     -moz-column-gap: $length;
+          column-gap: $length;
+}
+
+@mixin column-fill($arg: auto) {
+// auto || length
+  -webkit-columns-fill: $arg;
+     -moz-columns-fill: $arg;
+          columns-fill: $arg;
+}
+
+@mixin column-rule($arg) {
+// <border-width> || <border-style> || <color>
+  -webkit-column-rule: $arg;
+     -moz-column-rule: $arg;
+          column-rule: $arg;
+}
+
+@mixin column-rule-color($color) {
+  -webkit-column-rule-color: $color;
+     -moz-column-rule-color: $color;
+          column-rule-color: $color;
+}
+
+@mixin column-rule-style($style: none) {
+// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
+  -webkit-column-rule-style: $style;
+     -moz-column-rule-style: $style;
+          column-rule-style: $style;
+}
+
+@mixin column-rule-width ($width: none) {
+  -webkit-column-rule-width: $width;
+     -moz-column-rule-width: $width;
+          column-rule-width: $width;
+}
+
+@mixin column-span($arg: none) {
+// none || all
+  -webkit-column-span: $arg;
+     -moz-column-span: $arg;
+          column-span: $arg;
+}
+
+@mixin column-width($length: auto) {
+// auto || length
+  -webkit-column-width: $length;
+     -moz-column-width: $length;
+          column-width: $length;
+}
diff --git a/cms/static/sass/bourbon/css3/_flex-box.scss b/cms/static/sass/bourbon/css3/_flex-box.scss
new file mode 100644
index 0000000000..44c1dfd789
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_flex-box.scss
@@ -0,0 +1,67 @@
+// CSS3 Flexible Box Model and property defaults
+
+// Custom shorthand notation for flexbox
+@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+  @include display-box;
+  @include box-orient($orient);
+  @include box-pack($pack);
+  @include box-align($align);
+}
+
+@mixin display-box {
+  display: -webkit-box;
+  display: -moz-box;
+  display: box;
+}
+
+@mixin box-orient($orient: inline-axis) {
+// horizontal|vertical|inline-axis|block-axis|inherit
+  -webkit-box-orient: $orient;
+     -moz-box-orient: $orient;
+          box-orient: $orient;
+}
+
+@mixin box-pack($pack: start) {
+// start|end|center|justify
+  -webkit-box-pack: $pack;
+     -moz-box-pack: $pack;
+          box-pack: $pack;
+}
+
+@mixin box-align($align: stretch) {
+// start|end|center|baseline|stretch
+  -webkit-box-align: $align;
+     -moz-box-align: $align;
+          box-align: $align;
+}
+
+@mixin box-direction($direction: normal) {
+// normal|reverse|inherit
+  -webkit-box-direction: $direction;
+     -moz-box-direction: $direction;
+          box-direction: $direction;
+}
+@mixin box-lines($lines: single) {
+// single|multiple
+  -webkit-box-lines: $lines;
+     -moz-box-lines: $lines;
+          box-lines: $lines;
+}
+
+@mixin box-ordinal-group($integer: 1) {
+  -webkit-box-ordinal-group: $integer;
+     -moz-box-ordinal-group: $integer;
+          box-ordinal-group: $integer;
+}
+
+@mixin box-flex($value: 0.0) {
+  -webkit-box-flex: $value;
+     -moz-box-flex: $value;
+          box-flex: $value;
+}
+
+@mixin box-flex-group($integer: 1) {
+  -webkit-box-flex-group: $integer;
+     -moz-box-flex-group: $integer;
+          box-flex-group: $integer;
+}
diff --git a/cms/static/sass/bourbon/css3/_inline-block.scss b/cms/static/sass/bourbon/css3/_inline-block.scss
new file mode 100644
index 0000000000..d79a13c851
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_inline-block.scss
@@ -0,0 +1,10 @@
+// Legacy support for inline-block in IE7 (maybe IE6)
+@mixin inline-block {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+}
diff --git a/cms/static/sass/bourbon/css3/_linear-gradient.scss b/cms/static/sass/bourbon/css3/_linear-gradient.scss
new file mode 100644
index 0000000000..e366a299a9
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_linear-gradient.scss
@@ -0,0 +1,41 @@
+@mixin linear-gradient($pos, $G1, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false,
+                       $fallback: false) {
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color: $fallback-color;
+  background-image: deprecated-webkit-gradient(linear, $full); // Safari <= 5.0
+  background-image:  -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
+  background-image:     -moz-linear-gradient($pos, $full);
+  background-image:      -ms-linear-gradient($pos, $full);
+  background-image:       -o-linear-gradient($pos, $full);
+  background-image: unquote("linear-gradient(#{$pos}, #{$full})");
+}
+
+
+// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
+// @include linear-gradient(#1e5799, #2989d8);
+// @include linear-gradient(#1e5799, #2989d8, $fallback:#2989d8);
+// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
+// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
diff --git a/cms/static/sass/bourbon/css3/_radial-gradient.scss b/cms/static/sass/bourbon/css3/_radial-gradient.scss
new file mode 100644
index 0000000000..e83cab5234
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_radial-gradient.scss
@@ -0,0 +1,31 @@
+// Requires Sass 3.1+
+@mixin radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false,
+                       $fallback: false) {
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color:  $fallback-color;
+  background-image:          deprecated-webkit-gradient(radial, $full); // Safari <= 5.0
+  background-image:  -webkit-radial-gradient($pos, $shape-size, $full);
+  background-image:     -moz-radial-gradient($pos, $shape-size, $full);
+  background-image:      -ms-radial-gradient($pos, $shape-size, $full);
+  background-image:       -o-radial-gradient($pos, $shape-size, $full);
+  background-image: unquote("radial-gradient(#{$pos}, #{$shape-size}, #{$full})");
+}
+
+//  Usage: Gradient position and shape-size are required. Color stops are optional.
+//  @include radial-gradient(50% 50%, circle cover, #1e5799, #efefef);
+//  @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef);
diff --git a/cms/static/sass/bourbon/css3/_transform.scss b/cms/static/sass/bourbon/css3/_transform.scss
new file mode 100644
index 0000000000..8d19e8b88d
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_transform.scss
@@ -0,0 +1,19 @@
+@mixin transform($property: none) {
+//  none | <transform-function>
+  -webkit-transform: $property;
+     -moz-transform: $property;
+      -ms-transform: $property;
+       -o-transform: $property;
+          transform: $property;
+}
+
+@mixin transform-origin($axes: 50%) {
+// x-axis - left | center | right  | length | %
+// y-axis - top  | center | bottom | length | %
+// z-axis -                          length
+  -webkit-transform-origin: $axes;
+     -moz-transform-origin: $axes;
+      -ms-transform-origin: $axes;
+       -o-transform-origin: $axes;
+          transform-origin: $axes;
+}
diff --git a/cms/static/sass/bourbon/css3/_transition.scss b/cms/static/sass/bourbon/css3/_transition.scss
new file mode 100644
index 0000000000..058dbe0e33
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_transition.scss
@@ -0,0 +1,104 @@
+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all, 2.0s, ease-in-out);
+//          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
+//          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
+
+@mixin transition ($property: all, $duration: 0.15s, $timing-function: ease-out, $delay: 0) {
+
+  // Detect # of args passed into each variable
+  $length-of-property:        length($property);
+  $length-of-duration:        length($duration);
+  $length-of-timing-function: length($timing-function);
+  $length-of-delay:           length($delay);
+
+  @if $length-of-property > 1 {
+    @include transition-property(zip($property)); }
+  @else {
+    @include transition-property(    $property);
+  }
+
+  @if $length-of-duration > 1 {
+    @include transition-duration(zip($duration)); }
+  @else {
+    @include transition-duration(    $duration);
+  }
+
+  @if $length-of-timing-function > 1 {
+    @include transition-timing-function(zip($timing-function)); }
+  @else {
+    @include transition-timing-function(    $timing-function);
+  }
+
+  @if $length-of-delay > 1 {
+    @include transition-delay(zip($delay)); }
+  @else {
+    @include transition-delay(    $delay);
+  }
+}
+
+
+@mixin transition-property ($prop-1: all,
+  $prop-2: false, $prop-3: false,
+  $prop-4: false, $prop-5: false,
+  $prop-6: false, $prop-7: false,
+  $prop-8: false, $prop-9: false)
+  {
+    $full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
+                   $prop-6, $prop-7, $prop-8, $prop-9);
+
+  -webkit-transition-property: $full;
+     -moz-transition-property: $full;
+      -ms-transition-property: $full;
+       -o-transition-property: $full;
+          transition-property: $full;
+}
+
+@mixin transition-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-transition-duration: $full;
+     -moz-transition-duration: $full;
+      -ms-transition-duration: $full;
+       -o-transition-duration: $full;
+          transition-duration: $full;
+}
+
+@mixin transition-timing-function ($motion-1: ease,
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5,
+                   $motion-6, $motion-7, $motion-8, $motion-9);
+
+// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+  -webkit-transition-timing-function: $full;
+     -moz-transition-timing-function: $full;
+      -ms-transition-timing-function: $full;
+       -o-transition-timing-function: $full;
+          transition-timing-function: $full;
+}
+
+@mixin transition-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-transition-delay: $full;
+     -moz-transition-delay: $full;
+      -ms-transition-delay: $full;
+       -o-transition-delay: $full;
+          transition-delay: $full;
+}
+
diff --git a/cms/static/sass/bourbon/css3/_user-select.scss b/cms/static/sass/bourbon/css3/_user-select.scss
new file mode 100644
index 0000000000..d5f5749431
--- /dev/null
+++ b/cms/static/sass/bourbon/css3/_user-select.scss
@@ -0,0 +1,6 @@
+@mixin user-select($arg: none) {
+  -webkit-user-select: $arg;
+     -moz-user-select: $arg;
+      -ms-user-select: $arg;
+          user-select: $arg;
+}
diff --git a/cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss b/cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss
new file mode 100644
index 0000000000..1322f6f60e
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss
@@ -0,0 +1,36 @@
+// Render Deprecated Webkit Gradient - Linear || Radial
+//************************************************************************//
+@function deprecated-webkit-gradient($type, $full) {
+  $gradient-list: ();
+  $gradient: false;
+  $full-length: length($full);
+  $percentage: false;
+  $gradient-type: $type;
+
+  @for $i from 1 through $full-length {
+    $gradient: nth($full, $i);
+
+    @if length($gradient) == 2 {
+      $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
+      $gradient-list: join($gradient-list, $color-stop, comma);
+    }
+    @else {
+      @if $i == $full-length {
+        $percentage: 100%;
+      }
+      @else {
+        $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
+      }
+      $color-stop: color-stop(unquote($percentage), $gradient);
+      $gradient-list: join($gradient-list, $color-stop, comma);
+    }
+  }
+
+  @if $type == radial {
+    $gradient: -webkit-gradient(radial, center center, 0, center center, 460, $gradient-list);
+  }
+  @else if $type == linear {
+    $gradient: -webkit-gradient(linear, left top, left bottom, $gradient-list);
+  }
+  @return $gradient;
+}
diff --git a/cms/static/sass/bourbon/functions/_flex-grid.scss b/cms/static/sass/bourbon/functions/_flex-grid.scss
new file mode 100644
index 0000000000..707f994e15
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_flex-grid.scss
@@ -0,0 +1,35 @@
+// Flexible grid
+@function flex-grid($columns, $container-columns: $fg-max-columns) {
+  $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($width / $container-width);
+}
+
+// Flexible gutter
+@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($gutter / $container-width);
+}
+
+// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
+// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
+//
+//  $fg-column: 60px;             // Column Width
+//  $fg-gutter: 25px;             // Gutter Width
+//  $fg-max-columns: 12;          // Total Columns For Main Container
+//
+//  div {
+//    width: flex-grid(4);        // returns (315px / 1020px) = 30.882353%;
+//    margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
+//
+//    p {
+//      width: flex-grid(2, 4);  // returns (145px / 315px) = 46.031746%;
+//      float: left;
+//      margin: flex-gutter(4);  // returns (25px / 315px) = 7.936508%;
+//    }
+//
+//    blockquote {
+//      float: left;
+//      width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
+//    }
+//  }
diff --git a/cms/static/sass/bourbon/functions/_grid-width.scss b/cms/static/sass/bourbon/functions/_grid-width.scss
new file mode 100644
index 0000000000..8e63d83d60
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_grid-width.scss
@@ -0,0 +1,13 @@
+@function grid-width($n) {
+  @return $n * $gw-column + ($n - 1) * $gw-gutter;
+}
+
+// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
+//
+//  $gw-column: 100px;         // Column Width
+//  $gw-gutter: 40px;          // Gutter Width
+//
+//  div {
+//    width: grid-width(4);    // returns 520px;
+//    margin-left: $gw-gutter; // returns 40px;
+//  }
diff --git a/cms/static/sass/bourbon/functions/_linear-gradient.scss b/cms/static/sass/bourbon/functions/_linear-gradient.scss
new file mode 100644
index 0000000000..3b10ca82a6
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_linear-gradient.scss
@@ -0,0 +1,23 @@
+@function linear-gradient($pos: top, $G1: false, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $type: linear;
+  $gradient: compact($pos, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+
diff --git a/cms/static/sass/bourbon/functions/_modular-scale.scss b/cms/static/sass/bourbon/functions/_modular-scale.scss
new file mode 100644
index 0000000000..dddccb5224
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_modular-scale.scss
@@ -0,0 +1,40 @@
+@function modular-scale($value, $increment, $ratio) {
+  @if $increment > 0 {
+    @for $i from 1 through $increment {
+      $value: ($value * $ratio);
+    }
+  }
+
+  @if $increment < 0 {
+    $increment: abs($increment);
+    @for $i from 1 through $increment {
+      $value: ($value / $ratio);
+    }
+  }
+
+  @return $value;
+}
+
+//  div {
+//                     Increment Up GR with positive value
+//   font-size:        modular-scale(14px,   1, 1.618); // returns: 22.652px
+//
+//                     Increment Down GR with negative value
+//   font-size:        modular-scale(14px,  -1, 1.618); // returns: 8.653px
+//
+//                     Can be used with ceil(round up) or floor(round down)
+//   font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px
+//   font-size:  ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px
+//  }
+//
+// modularscale.com
+
+@function golden-ratio($value, $increment) {
+  @return modular-scale($value, $increment, 1.618)
+}
+
+//  div {
+//    font-size: golden-ratio(14px, 1); // returns: 22.652px
+//  }
+//
+// goldenratiocalculator.com
diff --git a/cms/static/sass/bourbon/functions/_radial-gradient.scss b/cms/static/sass/bourbon/functions/_radial-gradient.scss
new file mode 100644
index 0000000000..3d5461ad6e
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_radial-gradient.scss
@@ -0,0 +1,15 @@
+// This function is required and used by the background-image mixin.
+@function radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  $type: radial;
+  $gradient: compact($pos, $shape-size, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+
diff --git a/cms/static/sass/bourbon/functions/_render-gradients.scss b/cms/static/sass/bourbon/functions/_render-gradients.scss
new file mode 100644
index 0000000000..fe7c799ebe
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_render-gradients.scss
@@ -0,0 +1,14 @@
+// User for linear and radial gradients within background-image or border-image properties
+
+@function render-gradients($gradients, $gradient-type, $vendor: false) {
+  $vendor-gradients: false;
+  @if $vendor {
+    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
+  }
+
+  @else if $vendor == false {
+    $vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
+    $vendor-gradients: unquote($vendor-gradients);
+  }
+  @return $vendor-gradients;
+}
diff --git a/cms/static/sass/bourbon/functions/_tint-shade.scss b/cms/static/sass/bourbon/functions/_tint-shade.scss
new file mode 100644
index 0000000000..f7172004ac
--- /dev/null
+++ b/cms/static/sass/bourbon/functions/_tint-shade.scss
@@ -0,0 +1,9 @@
+// Add percentage of white to a color
+@function tint($color, $percent){
+  @return mix(white, $color, $percent);
+}
+
+// Add percentage of black to a color
+@function shade($color, $percent){
+  @return mix(black, $color, $percent);
+}
diff --git a/cms/static/sass/bourbon/lib/bourbon.rb b/cms/static/sass/bourbon/lib/bourbon.rb
new file mode 100644
index 0000000000..1635be836d
--- /dev/null
+++ b/cms/static/sass/bourbon/lib/bourbon.rb
@@ -0,0 +1,19 @@
+require "bourbon/generator"
+
+module Bourbon
+  if defined?(Rails)
+    class Engine < ::Rails::Engine
+      require 'bourbon/engine'
+    end
+
+    module Rails
+      class Railtie < ::Rails::Railtie
+        rake_tasks do
+          load "tasks/install.rake"
+        end
+      end
+    end
+  end
+end
+
+require File.join(File.dirname(__FILE__), "/bourbon/sass_extensions")
diff --git a/cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb b/cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb
new file mode 100644
index 0000000000..ad567200e3
--- /dev/null
+++ b/cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb
@@ -0,0 +1,6 @@
+module Bourbon::SassExtensions
+end
+
+require "sass"
+
+require File.join(File.dirname(__FILE__), "/sass_extensions/functions")
diff --git a/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions.rb b/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions.rb
new file mode 100644
index 0000000000..daa877650e
--- /dev/null
+++ b/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions.rb
@@ -0,0 +1,13 @@
+module Bourbon::SassExtensions::Functions
+end
+
+require File.join(File.dirname(__FILE__), "/functions/compact")
+
+module Sass::Script::Functions
+  include Bourbon::SassExtensions::Functions::Compact
+end
+
+# Wierd that this has to be re-included to pick up sub-modules. Ruby bug?
+class Sass::Script::Functions::EvaluationContext
+  include Sass::Script::Functions
+end
diff --git a/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions/compact.rb b/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions/compact.rb
new file mode 100644
index 0000000000..5192e921e7
--- /dev/null
+++ b/cms/static/sass/bourbon/lib/bourbon/sass_extensions/functions/compact.rb
@@ -0,0 +1,13 @@
+# Compact function pulled from compass
+module Bourbon::SassExtensions::Functions::Compact
+
+  def compact(*args)
+    sep = :comma
+    if args.size == 1 && args.first.is_a?(Sass::Script::List)
+      args = args.first.value
+      sep = args.first.separator
+    end
+    Sass::Script::List.new(args.reject{|a| !a.to_bool}, sep)
+  end
+
+end
diff --git a/cms/templates/base.html b/cms/templates/base.html
new file mode 100644
index 0000000000..497296ee66
--- /dev/null
+++ b/cms/templates/base.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+    <link rel="stylesheet" href="{{ STATIC_URL }}/css/base-style.css">
+    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/js/markitup/skins/simple/style.css" />
+    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/js/markitup/sets/wiki/style.css" />
+    <title>{% block title %}{% endblock %}</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+  </head>
+
+  <body>
+
+      {% include "widgets/header.html"%}
+
+      {% block content %}{% endblock %}
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script type="text/javascript" src="{{ STATIC_URL }}/js/markitup/jquery.markitup.js"></script>
+    <script type="text/javascript" src="{{ STATIC_URL }}/js/markitup/sets/wiki/set.js"></script>
+    <script src="{{ STATIC_URL }}/js/main.js"></script>
+    <script src="{{ STATIC_URL }}/js/jquery.inlineedit.js"></script>
+    <script src="{{ STATIC_URL }}/js/jquery.leanModal.min.js"></script>
+    <script src="{{ STATIC_URL }}/js/jquery.tablednd.js"></script>
+  </body>
+</html>
+
+
diff --git a/cms/templates/index.html b/cms/templates/index.html
new file mode 100644
index 0000000000..82c3133a37
--- /dev/null
+++ b/cms/templates/index.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block title %}Course Manager{% endblock %}
+
+{% block content %}
+<section class="main-container">
+
+  {% include "widgets/navigation.html"%}
+
+  <section class="main-content">
+    {% include "widgets/week-edit.html"%}
+    {% include "widgets/week-new.html"%}
+    {% include "widgets/video-edit.html"%}
+    {% include "widgets/video-new.html"%}
+    {% include "widgets/problem-edit.html"%}
+    {% include "widgets/problem-new.html"%}
+  </section>
+
+</section>
+{% endblock %}
diff --git a/cms/templates/widgets/captions.html b/cms/templates/widgets/captions.html
new file mode 100644
index 0000000000..088beb7a33
--- /dev/null
+++ b/cms/templates/widgets/captions.html
@@ -0,0 +1,242 @@
+<ul class="tabs">
+        <li class="active">English (main)</li>
+        <li>French</li>
+        <li>English v2</li>
+        <li>+</li>
+      </ul>
+      <textarea class="captions">
+        {
+        "start": [
+        0, 2770, 5700, 7620, 10320, 12130, 13430, 15170, 17940, 20890, 22840, 26200, 28980, 30170, 32040, 33240, 36420, 37570, 41760, 44270, 48120, 50810, 52960, 54070, 56480, 58600, 59550, 62520, 67680, 69990, 74280, 77605, 81320, 85050, 88430, 92750, 96010, 99440, 103160, 106650, 110050, 114240, 118800, 120980, 122290, 125040, 127900, 130990, 133170, 134580, 139410, 143180, 144530, 147640, 150800, 153220, 156570, 161000, 162010, 162930, 164090, 165490, 167650, 170630, 172020, 174760, 178480, 181840, 185840, 188620, 194160, 196110, 199370, 201360, 204140, 209970, 211850, 215030, 218890, 221730, 225370, 228790, 231690, 234080, 236300, 237970, 240450, 244010, 247670, 251910, 253230, 260149, 263330, 266380, 269470, 273570, 278240, 280050, 282810, 288060, 292410, 297300, 298950, 300860, 302500, 304350, 309620, 312950, 318710, 322870, 323810, 328380, 332840, 334440, 338640, 341540, 345490, 348900, 350730, 354480, 357640, 362310, 365020, 366890, 368900, 373200, 374240, 379410, 381580, 381990, 385680, 389080, 390750, 393970, 395960, 397340, 401000, 403210, 405650, 408880, 411730, 415490, 421350, 425630, 427520, 430490, 435320, 436860, 439460, 443300, 447010, 450740, 453820, 456610, 460140, 463730, 466700, 471200, 472450, 475260, 476330, 480650, 483650, 486320, 489080, 491940, 496690, 501990, 502740, 507000, 511650, 513220, 517330, 519169, 524159, 528140, 529960, 531270, 535340, 541590, 543710, 545170, 550960, 551810, 555140, 556230, 557750, 560530, 564300, 566800, 567600, 569910, 573170, 578610, 580490, 585520, 586500, 589880, 591750, 596120, 597290, 600290, 602940, 606490, 608560, 610690, 612600, 613970, 616670, 621260, 622310, 624520, 626750, 629550, 632500, 635510, 637470, 638900, 640370, 644200, 647470, 648740, 652700, 653950 ],
+        "end": [
+        2770, 5700, 7620, 10320, 12130, 13430, 15170, 17940, 20890, 22840, 26200, 28980, 30170, 32040, 33240, 36420, 37570, 41760, 44269, 48120, 50809, 52960, 54070, 56480, 58599, 59550, 62519, 67680, 69990, 74280, 77605, 81320, 85050, 88429, 92750, 96010, 99440, 103160, 106649, 110050, 114240, 118800, 120980, 122290, 125040, 127900, 130990, 133170, 134579, 139410, 143180, 144530, 147640, 150799, 153220, 156570, 161000, 162010, 162929, 164090, 165490, 167650, 170630, 172019, 174760, 178480, 181840, 185840, 188620, 194160, 196109, 199370, 201360, 204140, 209970, 211850, 215030, 218890, 221730, 225369, 228790, 231690, 234079, 236300, 237970, 240450, 244010, 247670, 251910, 253230, 260149, 263330, 266380, 269469, 273570, 278240, 280050, 282810, 288060, 292410, 297300, 298950, 300860, 302500, 304350, 309620, 312950, 318710, 322870, 323810, 328380, 332840, 334440, 338640, 341539, 345490, 348900, 350729, 354480, 357640, 362310, 365020, 366890, 368900, 373200, 374240, 379410, 381580, 381990, 385680, 389080, 390750, 393970, 395960, 397340, 401000, 403210, 405650, 408880, 411730, 415490, 421350, 425630, 427520, 430490, 435320, 436860, 439460, 443299, 447010, 450740, 453820, 456610, 460140, 463729, 466700, 471200, 472450, 475260, 476330, 480650, 483650, 486320, 489080, 491940, 496690, 501990, 502740, 507000, 511650, 513220, 517330, 519169, 524159, 528140, 529960, 531270, 535340, 541590, 543710, 545170, 550959, 551810, 555140, 556230, 557750, 560530, 564300, 566800, 567599, 569910, 573170, 578610, 580490, 585520, 586500, 589880, 591750, 596120, 597290, 600290, 602939, 606490, 608560, 610689, 612600, 613970, 616670, 621260, 622310, 624520, 626750, 629550, 632500, 635510, 637470, 638900, 640370, 644200, 647470, 648740, 652700, 653950, 655050 ],
+        "text": [
+        "SUBJECT 1: The various methods\nI&#39;m going to show you--", 
+        "in particular, the first method\none and method two for", 
+        "solving non-linear equations--", 
+        "are really just particular\nways of solving a pair of", 
+        "equations where at least\none of each have some", 
+        "non-linearity to them.", 
+        "So let&#39;s start with the\ngraphical method.", 
+        "And my circuit is on the\nright-hand side.", 
+        "And I&#39;m showing you the same\nvoltage source resistor--", 
+        "the Thevenin pattern--", 
+        "connected to Device D. And\nbelow that, I have the", 
+        "equation iD equals ae\nraised to bvD, which", 
+        "is the device equation.", 
+        "So as before, let me\ngo ahead and do all", 
+        "the first few steps.", 
+        "I go ahead and write the\nnode equation at vD.", 
+        "And I got that.", 
+        "I go in and substitute, as I\nalways do, in the node method", 
+        "for the current, using\nthe device relation.", 
+        "And just for fun here, let me\nkeep that separate for now.", 
+        "In the analytical method, notice\nthat you ended up with", 
+        "these two equations, and\nyou had to solve", 
+        "for these two unknowns.", 
+        "And we did that using\nanalytical methods.", 
+        "In this video, I&#39;m going to\nsolve these using the", 
+        "graphical method.", 
+        "In order to do so here&#39;s what\nI&#39;m going to do I want to", 
+        "start by rearranging the terms\nin my equation 1 to make it a", 
+        "little bit more convenient\nto draw the graph.", 
+        "So notice in equation 2, I\nhave iD equals something.", 
+        "And then I have an expression\nin vD and iD.", 
+        "So what I&#39;d like to do is let\nme start by taking this", 
+        "equation here and expressing it\nin more of a standard form", 
+        "so I can get something symmetric\nto equation 2.", 
+        "So let me express this by\npulling iD to the left-hand", 
+        "side all by itself, and so I\nget something like this.", 
+        "So I get iD on the left-hand\nside, and then I&#39;m going to", 
+        "move vD minus V divided by\nr do the right hand side.", 
+        "So let&#39;s start with minus V\ndivided by R, and when I move", 
+        "that to the right-hand side, it\nbecomes V divided by R. And", 
+        "then when I move vD over R to\nthe right-hand side, I get", 
+        "minus vD over R. And I&#39;ve simply\nnot done much here.", 
+        "I just have done some\nrearranging of the terms in", 
+        "equation 1.", 
+        "And since I haven&#39;t done\nanything unique and different,", 
+        "I&#39;m just going to label\nthis as 1 prime.", 
+        "So I just got this from equation\n1, and I just labeled", 
+        "that as 1 prime.", 
+        "Continuing with the method--", 
+        "and now I&#39;m summarizing for you\nequations 1 prime and 2--", 
+        "we want both of them for iD on\nthe left-hand side expressed", 
+        "as a function of vD.", 
+        "And in equation 2,\nit is non-linear.", 
+        "So the graphical method can\nbe summarized as follows.", 
+        "To start, I want you to\nnotice something.", 
+        "Essentially all we&#39;re trying to\ndo is find a solution, find", 
+        "a value for vD and iD that\nsatisfies both equations, 1", 
+        "prime and 2.", 
+        "that&#39;s all we&#39;re trying to do.", 
+        "It&#39;s just math here.", 
+        "There&#39;s no circuits here.", 
+        "We&#39;re just doing some relatively\nsimple math.", 
+        "We just have to figure out what\niD and vD are, and we&#39;ll", 
+        "use the graphical method.", 
+        "So to do the graphical method,\nwhat I&#39;m going to do is I&#39;m", 
+        "going to plot the two equations\nin a pair of graphs.", 
+        "And let me first start by\nplotting equation 2.", 
+        "And in equation 2, I&#39;m going\nto plot iD equals a", 
+        "raised to ae bvD.", 
+        "I&#39;m going to plot iD equals\na times e raised to bvD.", 
+        "That&#39;s my equation 2.", 
+        "And this is the plot\nthat I get for it.", 
+        "It&#39;s a plot that I had before.", 
+        "So that&#39;s my equation 2.", 
+        "Notice that this plot here is\nsimply the constraint on iD", 
+        "and vD imposed by the device.", 
+        "This little circuit here\ncontaining the Thevenin", 
+        "equivalent and connected to\nthe device, equation 2 is", 
+        "simply the constraint imposed\nby the device.", 
+        "The device properties are such\nthat it is going to constrain", 
+        "iD and vD into some\nrelationship.", 
+        "This constraint that I&#39;ve\nplotted here as equation 2 is", 
+        "simply the constraint imposed\nby this device.", 
+        "OK, next, let me\ngo to 1 prime.", 
+        "And in 1 prime, let\nme go ahead and", 
+        "plot the 1 prime equation.", 
+        "And that equation, as we\nrewrite that here, is V", 
+        "divided by R minus vD divided\nby R. So I&#39;m just going to", 
+        "plot that equation for you\nin a second graph.", 
+        "So how do I plot this?", 
+        "So notice here that when vD is\n0, then iD is V divided by R.", 
+        "So that is one point on\nthe straight line.", 
+        "Notice that this is an equation\nfor a straight line.", 
+        "It&#39;s a linear relationship\nbetween iD and vD.", 
+        "Next, when iD is 0--\nso when iD is 0--", 
+        "then notice that R and R can be\ncanceled out, and V will be", 
+        "equal to vD.", 
+        "So when iD is 0, V\nand vD are equal.", 
+        "So therefore, vD equals V. So\nthis is the line when iD is 0.", 
+        "And for that, vD equals V. So\nthen I get this [? long, ?]", 
+        "straight line for the\nrelationship between vD and iD", 
+        "according to 1 prime.", 
+        "So what&#39;s the slope\nof this line here?", 
+        "Can you tell me what the\nslope of this line is.", 
+        "Let me give you a few seconds\nto think about it.", 
+        null, 
+        "OK, from the equation 1 prime--\nfrom this equation--", 
+        "the slope is simply given by the\ncoefficient of vD, since", 
+        "the slope is negative, which\nis why the line is inclined", 
+        "the following way.", 
+        "So the slope here is simply\nminus 1 divided by R.", 
+        "So that is my constraint\nthat relates vD to iD.", 
+        "And where did that constraint\ncome from?", 
+        "That constraint is the\nconstraint on iD and vD that", 
+        "has been imposed by the\nrest of the circuit.", 
+        "So if the first constraint was\nimposed by the device, then", 
+        "the second constraint is\nimposed by the Thevenin", 
+        "equivalent that is connected\nto the device.", 
+        "The Thevenin equivalent was\nthat V and R in series and", 
+        "those two impose a Thevenin\nconstraint on the terminal", 
+        "pair that relates vD and iD.", 
+        "So now my next step is,\ngiven these two graphs", 
+        "for iD versus vD--", 
+        "and clearly those are\nmy two constraints.", 
+        "Graph 2 says that iD and vD\nmust be somewhere on this", 
+        "trajectory.", 
+        "Graph 1 prime says, well, I&#39;m\nnot going to let vD and iD be", 
+        "anywhere else but\non this curve.", 
+        "That&#39;s it.", 
+        "Both of them are fighting with\neach other and telling each", 
+        "other, nope, I&#39;m not going to\nallow you to do anything.", 
+        "You have to be on my curve.", 
+        "So in this case, I have two\ncurves, and I need a point", 
+        "that satisfies both curves.", 
+        "And that is easy enough to do.", 
+        "And I simply have to go\nand satisfy both these", 
+        "constraints, and that will\ngive me the answer", 
+        "for vD versus iD.", 
+        "Before I do that, so I can go\nand solve it for you, let me", 
+        "go and pick some values for\nthe various parameters.", 
+        "So as before, I&#39;m going to pick\nV equals 1 volt, R equals", 
+        "1 ohm, a, a quarter of an amp,\nand b to be one volt inverse.", 
+        "So I&#39;ll pick the same parameters\nas I had done when", 
+        "I did the analytical method.", 
+        "Next, what I&#39;ll do is I&#39;ll\nsubstitute these parameters", 
+        "into the two equations 1 prime\nand 2 and rewrite them with", 
+        "the parameters substituted.", 
+        "So for 1 prime, I get iD.", 
+        "Since V is 1 and R is 1, I get\nV divided by R equals 1.", 
+        "And then since R is\n1, I get minus vD.", 
+        "So this is 1 prime, once I&#39;ve\nsubstituted the values.", 
+        "And then for equation\n2, what do I get?", 
+        "I get iD equals ae\nraised to bvD.", 
+        "a is 1/4, so I write\nthat down.", 
+        "b is 1, and so I\nget vD up here.", 
+        "So I have my two equations in\nterms of the parameters I have", 
+        "chosen, and now I can go ahead\nand plot the two equations and", 
+        "see where they intersect.", 
+        "I&#39;ve given you the form of the\ngraph here, and so let me go", 
+        "ahead and plot this.", 
+        "Let me go ahead and plot 2\nfirst. 2 looks like this,", 
+        "where this point is 1/4.", 
+        "That was the a point.", 
+        "As I said before, this curve\nis simply my Equation 2.", 
+        "Then let me go ahead and\nplot equation 1 prime.", 
+        "And as you recall, that looked\nsomething like this where the", 
+        "vD intercept was V and the\ny-intercept was given by V", 
+        "divided by R.", 
+        "And in this case, it was\n1, and V was also 1.", 
+        "So those are my two curves, and\nhere&#39;s the point where the", 
+        "two coincide.", 
+        "And then I just have to go and\nfind the values of iD and vD", 
+        "where they two intersect.", 
+        "So at this point, it will be\n0.56 volts, and this point", 
+        "will be 0.44 amps.", 
+        "It&#39;s the same as what\nI calculated in", 
+        "the analytical method.", 
+        "So let me go ahead and write\nthat down. iD equals, in this", 
+        "case, 0.44 amps, and vD\nequals 0.56 volts.", 
+        "So basically, I&#39;ve just\ntaken the two graphs,", 
+        "superimposed them.", 
+        "This was 1 prime, and the\nnon-linear one was related to", 
+        "Equation 2.", 
+        "So before I jump off to one\nother thing, I can define", 
+        "something for you.", 
+        "Notice this curve here.", 
+        "This is a straight line that\nreflects the Thevenin", 
+        "constraint that I apply on\nmy non-linear device.", 
+        "And I mentioned earlier we&#39;re\ngoing to do this again and", 
+        "again and again.", 
+        "I think you will see this at\nleast 10 more times in this", 
+        "course where I take a Thevenin\nequivalent of the following", 
+        "form, some voltage V, some R,\nand apply that in series", 
+        "across something interesting.", 
+        "So this line that I see here is\nthe constraint imposed by", 
+        "the Thevenin equivalent.", 
+        "And you can see that from\nthe equation 1 prime.", 
+        "Now, there&#39;s a name\nfor this line.", 
+        "So this line is called the &quot;load\nline.&quot; You will see more", 
+        "reasons for this later.", 
+        "But this line is called\nthe &quot;load line.&quot;", 
+        "Let me show you one other little\ntrick, just in case you", 
+        "didn&#39;t completely get how I\nsolved the graphical method.", 
+        "But one little trick here.", 
+        "If you like PowerPoint,\nyou will enjoy this.", 
+        "And if you don&#39;t like\nPowerPoint, you", 
+        "will hate me for it.", 
+        "So if you look at these\ncurves, I have my two", 
+        "equations in iD-- the 1 prime\nand 2-- and I&#39;ve plotted them", 
+        "for you here.", 
+        "On the left-hand side,\nI plotted equation 2.", 
+        "Right-hand side, I plotted\nequation 1.", 
+        "And fundamentally, all that the\ngraphical method is doing", 
+        "is simply superimposing\nthe two graphs.", 
+        "And by superimposing the two\ngraphs, it is finding the", 
+        "point where the two\ncurves intersect.", 
+        "And this is what you get.", 
+        "So let me do that again.", 
+        "So I take one of the curves and\nsuperimpose it on top of", 
+        "the other curve given the\nsame axes and the same", 
+        "scales for the axes.", 
+        "And then I go ahead and find\nthe solution for the point", 
+        "where the two intersect.", 
+        null
+        ]
+        }
+
+      </textarea>
+
diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html
new file mode 100644
index 0000000000..86a2afb0f9
--- /dev/null
+++ b/cms/templates/widgets/header.html
@@ -0,0 +1,5 @@
+<header>
+  <nav>
+    <h2><a href="/ui_prototype">6.002x</a></h2>
+  </nav>
+</header>
diff --git a/cms/templates/widgets/navigation.html b/cms/templates/widgets/navigation.html
new file mode 100644
index 0000000000..049e5da537
--- /dev/null
+++ b/cms/templates/widgets/navigation.html
@@ -0,0 +1,120 @@
+<section class="cal">
+  <header>
+    <h1>Circuts &amp; Electronics</h1>
+
+    <ul>
+      <li class="dropdown">
+        <a href="#">Sequences</a>
+
+        <ul>
+          <li>Hide all</li>
+          <li>Lectures</li>
+          <li>Labs</li>
+          <li>Homeworks</li>
+          <li>Exams</li>
+        </ul>
+      </li>
+
+      <li>
+        <a href="#">Deadlines</a>
+      </li>
+      <li>
+        <a href="#">Goals</a>
+      </li>
+    </ul>
+  </header>
+
+  <ol>
+    <li>
+      <header>
+        <h1><a href="#">Week 1</a></h1>
+      </header>
+
+      <ul>
+        <li class="goal">Goal 1</li>
+        <li class="goal">Goal 2</li>
+        <li class="seq">Lecture Sequence</li>
+        <li class="seq">Lecture Sequence</li>
+        <li class="lab">Lab</li>
+        <li class="hw">Homework</li>
+        <li class="new">+ Add new sequence</li>
+      </ul>
+    </li>
+    <li>
+      <header>
+        <h1><a href="#">Week 2</a></h1>
+      </header>
+
+      <ul>
+        <li class="goal">Goal 1</li>
+        <li class="seq">Lecture Sequence</li>
+        <li class="seq">Lecture Sequence</li>
+        <li class="lab">Lab</li>
+        <li class="hw">Homework</li>
+        <li class="new">+ Add new sequence</li>
+      </ul>
+    </li>
+    <li>
+      <header>
+      <h1><a href="#">Week 3</a></h1>
+      </header>
+
+      <ul>
+        <li class="goal">Goal 1</li>
+        <li class="lab">Lab</li>
+        <li class="lab">Lab</li>
+        <li class="hw">Homework</li>
+        <li class="new">+ Add new sequence</li>
+      </ul>
+    </li>
+    <li>
+      <header>
+        <h1><a href="#">Week 4</a></h1>
+      </header>
+
+      <ul>
+        <li class="goal">Goal 1</li>
+        <li class="seq">Lecture Sequence</li>
+        <li class="lab">Lab</li>
+        <li class="hw">Homework</li>
+        <li class="hw">Homework</li>
+        <li class="new">+ Add new sequence</li>
+      </ul>
+    </li>
+
+    <li>
+      <header>
+        <h1><a>Week 5</a></h1>
+      </header>
+
+      <ul>
+        <li class="new">+ Add new sequence</li>
+      </ul>
+    </li>
+    <li>
+      <p class="add-new-week">
+        <a href="#" >+ Add New</a>
+      </p>
+
+      <section class="new-week">
+        <header>
+          <h1 class="editable">Week 6</h1>
+        </header>
+
+        <form>
+          <select>
+            <option>Blank</option>
+            <option>6.002x</option>
+            <option>6.00x</option>
+          </select>
+          <div>
+            <input type="submit" value="Save and edit week" class="edit-week" />
+            <a href="#" class="close">Save without edit</a>
+            <a href="#" class="close">cancel</a>
+          </div>
+        </form>
+      </section>
+    </li>
+  </ol>
+</section>
+
diff --git a/cms/templates/widgets/new-module.html b/cms/templates/widgets/new-module.html
new file mode 100644
index 0000000000..070b6462bb
--- /dev/null
+++ b/cms/templates/widgets/new-module.html
@@ -0,0 +1,9 @@
+<li class="new-module">
+  <ul class="new-dropdown">
+    <li class="default">+ add new</li>
+    <li class="import"><a href="#">Import from the edX library</a></li>
+    <li class="video-new"><a href="#">Create new video segment</a></li>
+    <li class="problem-new"><a href="#">Create new problem</a></li>
+    <li class="lab-lab"><a href="#">Create new lab</a></li>
+  </ul>
+</li>
diff --git a/cms/templates/widgets/problem-edit.html b/cms/templates/widgets/problem-edit.html
new file mode 100644
index 0000000000..b1d5796a9f
--- /dev/null
+++ b/cms/templates/widgets/problem-edit.html
@@ -0,0 +1,73 @@
+<section class="problem-new">
+  <header>
+    <a href="#" class="cancel">cancel</a>
+    <a href="#">Save &amp; Update</a>
+  </header>
+
+  <section>
+    <header>
+    <h1 class="editable">Old Problem</h1>
+      <section>
+        <ul>
+          <li><a href="#">Scrap</a></li>
+          <li><a href="#">Draft</a></li>
+          <li><a href="#">Proofed</a></li>
+          <li><a href="#">Published</a></li>
+        </ul>
+
+        <div>
+          <a href="#">Settings</a>
+        </div>
+
+        <select name="" id="">
+          <option>Global</option>
+        </select>
+      </section>
+      <section>
+        <div>
+          <h2>Tags:</h2>
+          <p class="editable">Click to edit</p>
+        </div>
+
+        <div>
+          <h2>Last modified:</h2>
+          <p>mm/dd/yy</p>
+        </div>
+
+        <div>
+          <h2>By</h2>
+          <p>Anant Agarwal</p>
+        </div>
+      </section>
+    </header>
+
+    <section>
+      <textarea name="" id= rows="8" cols="40">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</textarea>
+      <div class="preview">
+        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
+      </div>
+    </section>
+
+    <section class="notes">
+      <ul>
+        <li>
+          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
+          <p class="author">Anant Agarwal</p>
+        </li>
+        <li>
+          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
+          <p class="author">Anant Agarwal</p>
+        </li>
+      </ul>
+
+      <div>
+        <h2>Add notes</h2>
+        <textarea name="" id= rows="8" cols="40"></textarea>
+        <input type="submit" name="" id="" value="" />
+      </div>
+    </section>
+
+    <a href="">Save &amp; Update</a>
+  </section>
+</section>
+
diff --git a/cms/templates/widgets/problem-new.html b/cms/templates/widgets/problem-new.html
new file mode 100644
index 0000000000..9f91dd1177
--- /dev/null
+++ b/cms/templates/widgets/problem-new.html
@@ -0,0 +1,52 @@
+<section class="problem-new">
+  <header>
+    <a href="#" class="cancel">cancel</a>
+    <a href="#">Save &amp; Update</a>
+  </header>
+
+  <section>
+    <header>
+    <h1>New Problem</h1>
+      <section>
+        <ul>
+          <li><a href="#">Scrap</a></li>
+          <li><a href="#">Draft</a></li>
+          <li><a href="#">Proofed</a></li>
+          <li><a href="#">Published</a></li>
+        </ul>
+        <a href="#">Settings</a>
+        <select name="" id="">
+          <option>Global</option>
+        </select>
+      </section>
+      <section>
+        <div>
+          <h2>Tags:</h2>
+          <p class="editable">Click to edit</p>
+        </div>
+
+        <!-- <div> -->
+        <!--   <h2>Last modified:</h2> -->
+        <!--   <p>mm/dd/yy</p> -->
+        <!-- </div> -->
+
+        <!-- <div> -->
+        <!--   <h2>By</h2> -->
+        <!--   <p>Anant Agarwal</p> -->
+        <!-- </div> -->
+      </section>
+    </header>
+
+    <section>
+      <textarea name="" id= rows="8" cols="40"></textarea>
+      <div class="preview">
+      </div>
+    </section>
+
+    <section class="notes">
+      <h2>Add notes</h2>
+    </section>
+
+    <a href="">Save &amp; Update</a>
+  </section>
+</section>
diff --git a/cms/templates/widgets/raw-videos.html b/cms/templates/widgets/raw-videos.html
new file mode 100644
index 0000000000..f466fd59bc
--- /dev/null
+++ b/cms/templates/widgets/raw-videos.html
@@ -0,0 +1,3 @@
+<li>
+  <img src="http://placehold.it/300x180" alt="" /><h5>Video-file-name</h5>
+</li>
diff --git a/cms/templates/widgets/save-captions.html b/cms/templates/widgets/save-captions.html
new file mode 100644
index 0000000000..87342f0cd0
--- /dev/null
+++ b/cms/templates/widgets/save-captions.html
@@ -0,0 +1,4 @@
+<section class="caption-save">
+  <a href="#" class="close-box">Cancel</a>
+  <button class="close-box">Save changes</button>
+</section>
diff --git a/cms/templates/widgets/speed-tooltip.html b/cms/templates/widgets/speed-tooltip.html
new file mode 100644
index 0000000000..2a82e237e7
--- /dev/null
+++ b/cms/templates/widgets/speed-tooltip.html
@@ -0,0 +1,7 @@
+<div class="tooltip">
+  <ul>
+   <li><a href="#view" rel="leanModal">View</a></li>
+   <li><a href="#">Download</a></li>
+   <li><a href="#" class="delete-speed">Delete</a></li>
+  </ul>
+</div>
diff --git a/cms/templates/widgets/video-box-unused.html b/cms/templates/widgets/video-box-unused.html
new file mode 100644
index 0000000000..8cde10f151
--- /dev/null
+++ b/cms/templates/widgets/video-box-unused.html
@@ -0,0 +1,38 @@
+<li class="video-box">
+
+  <div class="thumb"><img src="http://placehold.it/100x65" /></div>
+
+  <div class="meta">
+    <strong>video-name</strong> 236mb Uploaded 6 hours ago by <em>Anant Agrawal</em>
+    <p>
+    <ul class="speed-list">
+      Speed
+      <li class="speed">
+        0.75x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">Normal
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">1.25x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">1.5x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
+    </ul>
+    </p>
+    <p>
+    <a href="#">Download All</a> —
+    <a href="#" style="color: brown;" class="remove">Delete All</a> —
+    <a href="#" class="edit-captions"> Edit Captions </a> —
+    <a href="#" class="use-video">Use clip ⬆</a>
+    </p>
+  </div>
+  <div class="caption-box">
+    {% include "widgets/captions.html" %}
+    {% include "widgets/save-captions.html" %}
+  </div>
+</li>
+
diff --git a/cms/templates/widgets/video-box.html b/cms/templates/widgets/video-box.html
new file mode 100644
index 0000000000..9ab17030bd
--- /dev/null
+++ b/cms/templates/widgets/video-box.html
@@ -0,0 +1,35 @@
+<li class="video-box">
+  <div class="thumb"><img src="http://placehold.it/155x90" /></div>
+
+  <div class="meta">
+    <strong>video-name</strong> 236mb
+    <p>Uploaded 6 hours ago by <em>Anant Agrawal</em></p>
+    <p>
+    <ul class="speed-list">
+      Speed
+      <li class="speed">
+        0.75x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">Normal
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">1.25x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li class="speed">1.5x
+        {% include "widgets/speed-tooltip.html" %}
+      </li>
+      <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
+    </ul>
+    </p>
+    <p>
+    <a href="#">Download all</a> —
+<a href="#" stle="color: brown;" class="remove-video">Remove ⬇ </a>
+
+    </p>
+  </div>
+  <div style="margin-top: 30px;">
+    {% include "widgets/captions.html" %}
+  </div>
+</li>
diff --git a/cms/templates/widgets/video-edit.html b/cms/templates/widgets/video-edit.html
new file mode 100644
index 0000000000..6b49dc27d7
--- /dev/null
+++ b/cms/templates/widgets/video-edit.html
@@ -0,0 +1,151 @@
+<section class="video-edit">
+
+  <div class="content">
+    <form class="editor">
+
+      <div class="step black">
+        <section class="half">
+          <strong>Created </strong><span>22/03/12</span>
+          <strong>by </strong><span>Piotr Mitros</span>
+        </section>
+
+        <section class="half">
+          <strong>Last edited </strong><span>22/03/12</span>
+          <strong>by </strong><span>David Ormsbee</span>
+        </section>
+      </div>
+      <div class="step">
+        <section>
+          <h2 class="editable">Video title</h2>
+
+          <div style="margin: 15px 0;">
+            <strong>Tag</strong> <span class="editable">mitx, s4v1, circuits, anant</span>
+          </div>
+
+        </section>
+        <section class="meta">
+          <span>Keyword
+            <strong class="editable">S4V1</strong>
+          </span>
+
+          <span>Due Date
+            <strong class="editable">21/03/12</strong>
+          </span>
+          Status
+          <select>
+            <option>Draft</option>
+            <option>Published</option>
+            <option>Checked</option>
+          </select>
+
+          <input type="button" value="Save" style="float: right; margin-top: -4px;" />
+        </section>
+
+      </div>
+
+      <div class="step">
+        <section>
+          <div>
+            <input type="button" id="new-upload" value="Upload a new video clip" /> or
+            <span >use an already <a id="show-sidebar" href="#">uploaded one</a></span>
+          </div>
+        </section>
+
+        <section class="meta selected-files">
+          <div>
+            <ul>
+              <li>video-name-@0-75x.extension</li>
+              <li>video-name-@1x.extension</li>
+              <li>video-name-@1-25x.extension</li>
+              <li>video-name-@1-5x.extension</li>
+            </ul>
+          </div>
+          <input type="file" />
+          <input type="button" value="Upload" id="new-upload" style="float: right; margin-top: -4px;" />
+          <a href="" id="new-upload" style="float: right; margin-right: 10px;">Cancel</a>
+        </section>
+
+      </div>
+
+      <div class="step">
+        <section class="used-videos" style="overflow: visible;">
+          <ul id="used">
+            <div class="title"><h4>Video clip in use</h4></div>
+            {% include "widgets/video-box.html" %}
+          </ul>
+          <p class="no-video">No video clip used. Select one from the list below, <a>upload</a> a new one or <a>import</a> an already uploaded video.</p>
+        </section>
+        <section class="meta">
+          <input type="submit" value="Save and publish"/>
+        </section>
+      </div>
+
+
+      <div class="step no-title">
+        <section class="meta unused-videos"style="overflow: visible;" >
+          <ul id="unused">
+            {% include "widgets/video-box-unused.html" %}
+          </ul>
+        </section>
+      </div>
+
+      <div id="testing"></div>
+
+      <div class="step">
+        <div class="title"><h4>Annotations</h4></div>
+        <textarea class="captions" style="margin-top: 10px">
+          <div id="std_p7" onclick="title_seek( 7);"></div>
+          <li id="stt_p6"><div id="std_p7" onclick="title_seek( 8);"></div></li>
+      </ol></div>
+      More information given in <a href="/book/243">the text</a>.
+    </textarea>
+
+    <section class="meta">
+      <input type="submit" value="Save"/>
+    </section>
+  </form>
+  </div>
+
+  <div class="step">
+    <div class="title"><h4>Notes</h4></div>
+
+    <textarea class="notes" style="margin: 10px 0;">
+    </textarea>
+
+    <section class="meta">
+      <input type="submit" value="Post"/>
+    </section>
+    <section>
+      <div class="note">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
+        <p><strong>By Piotr Mitros</strong> 10 hours ago</p>
+      </div>
+      <div class="note">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p><strong>By Piotr Mitros</strong> 10 hours ago</p>
+      </div>
+      <div class="note">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p><strong>By Piotr Mitros</strong> 10 hours ago</p>
+      </div>
+    </section>
+  </div>
+
+<aside id="video-selector" class="hidden">
+  <input type="text" placeholder="Search video files..." />
+  <ul class="raw-videos">
+    {% include "widgets/raw-videos.html" %}
+  </ul>
+</aside>
+
+    </div>
+
+    <div id="raw-file">
+      Select the source video <select><option>Select source video</option><option>video-title.webm</option><option>another-video-title.webm</option><option>video-title-2.webm</option></select> or directly enter its ID <input type="text" style="width: 200px;"/><button>Use video</button>
+    </div>
+
+    <div id="view">
+      <img src="{{ STATIC_URL }}/img/video.jpg" />
+    </div>
+
+    <div id="upload">
+      <input type="file" />
+      <input type="button" value="Upload" id="new-upload" style="float: right; margin-top: -4px;" />
+      <a href="" id="new-upload" style="float: right; margin-right: 10px;">Cancel</a>
+    </div>
+  </section>
diff --git a/cms/templates/widgets/video-new.html b/cms/templates/widgets/video-new.html
new file mode 100644
index 0000000000..2555169c05
--- /dev/null
+++ b/cms/templates/widgets/video-new.html
@@ -0,0 +1,48 @@
+<section class="video-new">
+  <header>
+    <a href="#" class="cancel">cancel</a>
+    <a href="#">Save &amp; Update</a>
+  </header>
+
+  <section>
+    <header>
+      <h1 class="editable">Untitled Video</h1>
+      <section>
+        <ul>
+          <li><a href="#">Scrap</a></li>
+          <li><a href="#">Draft</a></li>
+          <li><a href="#">Proofed</a></li>
+          <li><a href="#">Published</a></li>
+        </ul>
+        <a href="#">Settings</a>
+        <select name="" id="">
+          <option>Global</option>
+        </select>
+      </section>
+
+      <section>
+        <div>
+          <h2>Tags:</h2>
+          <p class="editable">Click to edit</p>
+        </div>
+
+        <!-- <div> -->
+        <!--   <h2>Last modified:</h2> -->
+        <!--   <p>mm/dd/yy</p> -->
+        <!-- </div> -->
+
+        <!-- <div> -->
+        <!--   <h2>By</h2> -->
+        <!--   <p>Anant Agarwal</p> -->
+        <!-- </div> -->
+      </section>
+    </header>
+
+    <section>
+      <textarea name="" id= rows="8" cols="40"></textarea>
+      <div class="preview">
+      </div>
+      <a href="">Save &amp; Update</a>
+    </section>
+  </section>
+</section>
diff --git a/cms/templates/widgets/week-edit.html b/cms/templates/widgets/week-edit.html
new file mode 100644
index 0000000000..5e6ac199e9
--- /dev/null
+++ b/cms/templates/widgets/week-edit.html
@@ -0,0 +1,83 @@
+{% block content %}
+<section class="week-edit">
+  <header>
+    <h1 class="editable">Week 3</h1>
+    <a href="/ui_prototype">Done</a>
+  </header>
+
+  <section class="sidebar">
+    <section class="goals">
+      <header>
+        <h2>Goals</h2>
+      </header>
+      <ul>
+        <li>Goal 1: This is the title of the first goal</li>
+        <li>Goal 2: This is the title</li>
+      </ul>
+      <p><a href="#">+ Add new goal</a></p>
+    </section>
+
+    <section class="scratch-pad">
+      <header>
+        <h2>Scratchpad</h2>
+      </header>
+
+      <ul>
+        <li>Problem title 11</li>
+        <li>Problem title 13</li>
+        <li>Problem title 14</li>
+        <li>Video 3</li>
+        {% include "widgets/new-module.html"%}
+      </ul>
+
+    </section>
+  </section>
+
+  <section class="weeks-content">
+    <header>
+      <h2>Weeks Content</h2>
+      <form>
+        <input type="search" name="" id="" value="" />
+      </form>
+    </header>
+
+    <section class="filters">
+      <ul>
+        <li>
+          <label for="">Sort by</label>
+          <select>
+            <option value="">Recently Modified</option>
+          </select>
+        </li>
+
+        <li>
+          <label for="">Display</label>
+          <select>
+            <option value="">All content</option>
+          </select>
+        </li>
+        <li>
+          <select>
+            <option value="">Internal Only</option>
+          </select>
+        </li>
+
+        <li class="advanced">
+          <a href="#">Advanced filters</a>
+        </li>
+      </ul>
+    </section>
+
+    <section class="modules">
+      <ul>
+        <li><a href="#">Circuit Stuff</a></li>
+        <li><a href="#">Circuit Stuff</a></li>
+        <li><a href="#">Circuit Stuff</a></li>
+        <li><a href="#">Circuit Stuff</a></li>
+        <li><a href="#">Circuit Stuff</a></li>
+        <li><a href="#">Circuit Stuff</a></li>
+      </ul>
+    </section>
+  </section>
+</section>
+{% endblock %}
diff --git a/cms/templates/widgets/week-new.html b/cms/templates/widgets/week-new.html
new file mode 100644
index 0000000000..42f4f78e1e
--- /dev/null
+++ b/cms/templates/widgets/week-new.html
@@ -0,0 +1,62 @@
+{% block content %}
+<section class="week-new">
+  <header>
+    <h1>Week 6</h1>
+    <a href="/ui_prototype">Done</a>
+  </header>
+
+  <section class="sidebar">
+    <section class="goals">
+      <header>
+        <h2>Goals</h2>
+      </header>
+      <p><a href="#">+ Add new goal</a></p>
+    </section>
+
+    <section class="scratch-pad">
+      <header>
+        <h2>Scratchpad</h2>
+      </header>
+      <ul>
+        {% include "widgets/new-module.html"%}
+      </ul>
+    </section>
+  </section>
+
+  <section class="weeks-content">
+    <header>
+      <h2>Weeks Content</h2>
+      <form>
+        <input type="search" name="" id="" value="" />
+      </form>
+    </header>
+
+    <section class="filters">
+      <ul>
+        <li>
+          <label for="">Sort by</label>
+          <select>
+            <option value="">Recently Modified</option>
+          </select>
+        </li>
+
+        <li>
+          <label for="">Display</label>
+          <select>
+            <option value="">All content</option>
+          </select>
+        </li>
+        <li>
+          <select>
+            <option value="">Internal Only</option>
+          </select>
+        </li>
+
+        <li class="advanced">
+          <a href="#">Advanced filters</a>
+        </li>
+      </ul>
+    </section>
+  </section>
+</section>
+{% endblock %}
diff --git a/cms/urls.py b/cms/urls.py
index a7266066cc..781c2c261f 100644
--- a/cms/urls.py
+++ b/cms/urls.py
@@ -7,4 +7,5 @@ from django.conf.urls.defaults import patterns, url
 urlpatterns = patterns('',
     url(r'^(?P<org>[^/]+)/(?P<course>[^/]+)/calendar/', 'contentstore.views.calendar', name='calendar'),
     url(r'^accounts/login/', 'instructor.views.do_login', name='login'),
+    url(r'^$', 'contentstore.views.index', name='index'),
 )