Skip to content

E
edx-platform
Commit ea8ab0f8 by Calen Pennington
Options

Add basic overview.html from tom's wireframe to CMS

parent d6d5f480
Showing with 2066 additions and 144 deletions
cms/djangoapps/contentstore/views.py
...@@ -102,27 +102,15 @@ def course_index(request, org, course, name): ...@@ -102,27 +102,15 @@ def course_index(request, org, course, name):
if not has_access(request.user, location): if not has_access(request.user, location):
raise Http404 # TODO (vshnayder): better error raise Http404 # TODO (vshnayder): better error
# TODO (cpennington): These need to be read in from the active user
_course = modulestore().get_item(location)
weeks = _course.get_children()
#upload_asset_callback_url = "/{org}/{course}/course/{name}/upload_asset".format(
# org = org,
# course = course,
# name = name
# )
upload_asset_callback_url = reverse('upload_asset', kwargs = { upload_asset_callback_url = reverse('upload_asset', kwargs = {
'org' : org, 'org' : org,
'course' : course, 'course' : course,
'coursename' : name 'coursename' : name
}) })
logging.debug(upload_asset_callback_url)
return render_to_response('course_index.html', { return render_to_response('overview.html', {
'weeks': weeks, 'upload_asset_callback_url': upload_asset_callback_url
'upload_asset_callback_url': upload_asset_callback_url })
})
@login_required @login_required
......
cms/static/sass/_base.scss
...@@ -5,6 +5,8 @@ $body-font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida ...@@ -5,6 +5,8 @@ $body-font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida
$sans-serif: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; $sans-serif: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
$body-font-size: 14px; $body-font-size: 14px;
$body-line-height: 20px; $body-line-height: 20px;
$blue: #5597dd;
$light-blue: #f0f7fd; $light-blue: #f0f7fd;
$dark-blue: #50545c; $dark-blue: #50545c;
...@@ -28,128 +30,1007 @@ $error-red: rgb(253, 87, 87); ...@@ -28,128 +30,1007 @@ $error-red: rgb(253, 87, 87);
text-shadow: none; text-shadow: none;
} }
// Base html styles
html { // -------------------------------------
height: 100%; //
// Universal
//
// -------------------------------------
body {
min-width: 980px;
background: #f3f4f5;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #3c3c3c;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #888; color: $blue;
@include transition; -webkit-transition: color .15s;
&:hover { &:hover {
color: #ccc; color: #cb9c40;
} }
} }
input { h1 {
font-family: $body-font-family; font-size: 28px;
} margin: 36px 6px;
}
button, input[type="submit"], .button {
background-color: $orange; .main-wrapper {
border: 1px solid darken($orange, 15%); position: relative;
@include border-radius(4px); margin: 0 40px;
@include box-shadow(inset 0 0 0 1px adjust-hue($orange, 20%), 0 1px 0 #fff); }
color: #fff;
font-weight: bold; .inner-wrapper {
@include linear-gradient(adjust-hue($orange, 8%), $orange); position: relative;
padding: 6px 20px; max-width: 1280px;
text-shadow: 0 1px 0 darken($orange, 10%); margin: auto;
-webkit-font-smoothing: antialiased; }
&:hover, &:focus { .window {
@include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%)); background: #fff;
} border: 1px solid #8891a1;
} border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
#{$all-text-inputs}, textarea { }
border: 1px solid $dark-blue;
@include box-shadow(inset 0 3px 6px $light-blue); .sidebar {
color: lighten($dark-blue, 30%); float: right;
font: $body-font-size $body-font-family; width: 28%;
outline: none; }
padding: 4px 6px;
footer {
&:hover { clear: both;
background: lighten($yellow, 13%); height: 100px;
color: $dark-blue; }
}
@mixin clearfix {
&:focus { &:after {
@include box-shadow(inset 0 3px 6px $light-blue, 0 0 3px lighten($bright-blue, 10%)); content: '';
color: $dark-blue; display: block;
background: lighten($yellow, 13%); height: 0;
} visibility: hidden;
} clear: both;
}
textarea { }
@include box-sizing(border-box);
display: block; input[type="text"] {
line-height: lh(); padding: 6px 8px 8px;
padding: 15px; box-sizing: border-box;
width: 100%; border: 1px solid #b0b6c2;
} border-radius: 2px;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3)) #edf1f5;
// Extends box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
.new-module { font-family: 'Open Sans', sans-serif;
position: relative; font-size: 11px;
color: #3c3c3c;
a { outline: 0;
padding: 6px;
display: block; &::-webkit-input-placeholder {
} color: #979faf;
}
ul.new-dropdown { }
list-style: none;
position: absolute; input.search {
padding: 6px 15px 8px 30px;
li { box-sizing: border-box;
display: none; border: 1px solid #b0b6c2;
padding: 6px; border-radius: 20px;
} background: url(../img/search-icon.png) no-repeat 8px 7px #edf1f5;
font-family: 'Open Sans', sans-serif;
} color: #3c3c3c;
outline: 0;
&:hover {
ul.new-dropdown { &::-webkit-input-placeholder {
display: block; color: #979faf;
} }
} }
}
label {
.draggable { font-size: 12px;
background: url('../img/drag-handle.png') no-repeat center; }
text-indent: -9999px;
display: block; @mixin blue-button {
cursor: move; display: inline-block;
height: 100%; padding: 4px 20px 6px;
padding: 0; border: 1px solid #437fbf;
@include position(absolute, 0px 0px 0 0); border-radius: 3px;
width: 30px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)) $blue;
z-index: 99; box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
} font-size: 14px;
font-weight: 700;
.editable { color: #fff;
&:hover { }
background: lighten($yellow, 10%);
} @mixin white-button {
display: inline-block;
button { padding: 4px 20px 6px;
padding: 4px 10px; border: 1px solid #8891a1;
} border-radius: 3px;
} background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 60%) #dfe5eb;
box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
.wip { font-size: 14px;
outline: 1px solid #f00 !important; font-weight: 700;
position: relative; color: #8891a1;
&:after { }
content: "WIP";
font-size: 8px; @mixin orange-button {
padding: 2px; display: inline-block;
background: #f00; padding: 4px 20px 6px;
color: #fff; border: 1px solid #3c3c3c;
@include position(absolute, 0px 0px 0 0); border-radius: 3px;
} background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%) #edbd3c;
box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
font-size: 14px;
font-weight: 700;
color: #3c3c3c;
}
// -------------------------------------
//
// Courseware
//
// -------------------------------------
input.courseware-unit-search-input {
position: absolute;
right: 0;
top: 5px;
width: 260px;
background-color: #fff;
}
.courseware-overview {
.new-courseware-section-button {
display: block;
padding: 12px 0;
border-radius: 3px;
border: 1px solid #8891a1;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)) #d1dae3;
font-size: 14px;
font-weight: 700;
text-align: center;
color: #6d788b;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
}
.courseware-section {
position: relative;
background: #fff;
border: 1px solid #8891a1;
border-radius: 3px;
margin: 10px 0;
padding-bottom: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
&:first-child {
margin-top: 0;
}
&.collapsed {
padding-bottom: 0;
header {
height: 47px;
}
h4 {
display: none;
}
}
&.collapsed > ol,
.collapsed > ol {
display: none;
}
.publish-date {
position: absolute;
left: -60px;
top: 0;
width: 40px;
height: 40px;
background: url(../img/date-circle.png) no-repeat;
font-size: 12px;
text-align: center;
.month,
.day {
position: absolute;
display: block;
width: 40px;
line-height: 0;
}
.month {
top: 10px;
font-size: 9px;
font-weight: 700;
color: #f3f4f5;
}
.day {
top: 25px;
font-size: 16px;
font-weight: 700;
color: #b0b6c2;
}
}
header {
height: 67px;
.item-actions {
margin-top: 11px;
margin-right: 12px;
.edit-button,
.delete-button {
margin-top: -3px;
}
}
.expand-collapse-icon {
float: left;
margin: 16px 6px 16px 16px;
}
.drag-handle {
margin-left: 19px;
}
}
h3 {
font-size: 16px;
font-weight: 700;
color: $blue;
}
h4 {
font-size: 12px;
color: #878e9d;
strong {
font-weight: 700;
}
}
> ol {
margin: 0 12px;
border: 1px solid #ced2db;
}
ol {
.section-item {
display: block;
padding: 6px 8px 8px 16px;
background: #edf1f5;
font-size: 13px;
&:hover {
background: #fffcf1;
.item-actions {
display: block;
}
}
&.new-unit-item {
font-weight: 700;
color: #6d788b;
&:hover {
background: #d1dae3;
}
}
.draft-item {
color: #a4aab7;
}
.item-actions {
display: none;
}
}
a {
color: #2c2e33;
}
}
ol ol {
.section-item {
padding-left: 56px;
}
}
ol ol ol {
.section-item {
padding-left: 96px;
}
}
}
.item-actions {
float: right;
.edit-button,
.delete-button {
float: left;
margin-right: 6px;
color: #a4aab7;
}
}
.item-details {
float: left;
padding: 10px 0;
}
.unit-library {
float: right;
width: 28%;
padding-bottom: 12px;
border: 1px solid #8891a1;
border-radius: 3px;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
h2 {
font-weight: 700;
margin: 14px;
}
.list-search {
margin: 0 12px 8px;
}
.list-search-input {
width: 100%;
padding: 6px 15px 8px 30px;
box-sizing: border-box;
border: 1px solid #b0b6c2;
border-radius: 20px;
background: url(../img/search-icon.png) no-repeat 8px 7px #edf1f5;
font-family: 'Open Sans', sans-serif;
color: #3c3c3c;
outline: 0;
&::-webkit-input-placeholder {
color: #979faf;
}
}
.list-wrapper {
height: 500px;
margin: 0 12px;
border: 1px solid #ced2db;
overflow-y: scroll;
}
ul {
.section-item {
display: block;
padding: 6px 8px 8px 10px;
background: #edf1f5;
font-size: 13px;
&:hover {
background: #fffcf1;
.item-actions {
display: block;
}
}
&.new-unit-item {
font-weight: 700;
color: #6d788b;
&:hover {
background: #d1dae3;
}
}
.item-actions {
display: none;
}
}
a {
color: #2c2e33;
}
}
}
// -------------------------------------
//
// Unit Editor
//
// -------------------------------------
.unit .main-wrapper {
margin: 40px;
}
.unit-body {
float: left;
width: 70%;
.breadcrumbs {
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #cbd1db;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 70%) #edf1f5;
box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
@include clearfix;
li {
float: left;
}
a,
.current-page {
display: block;
padding: 15px 35px 15px 30px;
font-size: 14px;
background: url(../img/breadcrumb-arrow.png) no-repeat right center;
}
}
h2 {
margin: 30px 40px;
color: #646464;
font-size: 19px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
}
.components {
> li {
position: relative;
z-index: 10;
margin: 20px 40px;
border: 1px solid #d1ddec;
border-radius: 3px;
background: #fff;
-webkit-transition: border-color .15s;
&:hover {
border-color: #6696d7;
.drag-handle,
.component-actions {
opacity: 1;
}
}
&.editing {
border-color: #6696d7;
&:hover {
.drag-handle,
.component-actions {
opacity: 0;
}
}
}
.rendered-component {
padding: 20px;
}
.component-actions {
position: absolute;
top: 4px;
right: 4px;
opacity: 0;
-webkit-transition: opacity .15s;
}
.edit-button,
.delete-button {
float: left;
padding: 3px 10px 4px;
margin-left: 3px;
border: 1px solid #fff;
border-radius: 3px;
background: $blue;
font-size: 12px;
color: #fff;
-webkit-transition: all .15s;
&:hover {
background-color: $blue;
color: #fff;
}
.edit-icon,
.delete-icon {
margin-right: 4px;
}
}
.drag-handle {
position: absolute;
display: block;
top: -1px;
right: -16px;
z-index: -1;
width: 15px;
height: 100%;
border-radius: 0 3px 3px 0;
border: 1px solid $blue;
background: url(../img/drag-handles.png) center no-repeat $blue;
cursor: move;
opacity: 0;
-webkit-transition: opacity .15s;
}
&.new-component-item {
padding: 0;
border: 1px solid #8891a1;
border-radius: 3px;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)) #d1dae3;
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
-webkit-transition: background-color .15s, border-color .15s;
&.adding {
background-color: $blue;
border-color: #437fbf;
}
.new-component-button {
display: block;
padding: 20px;
text-align: center;
color: #6d788b;
}
h5 {
margin-bottom: 8px;
color: #fff;
font-weight: 700;
}
.rendered-component {
display: none;
background: #fff;
border-radius: 3px 3px 0 0;
}
.new-component-type {
@include clearfix;
a {
position: relative;
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
border-radius: 8px;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: center;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .4) inset;
-webkit-transition: background-color .15s;
&:hover {
background-color: rgba(255, 255, 255, .2);
}
.name {
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
}
}
.new-component-step-1,
.new-component-step-2 {
display: none;
padding: 20px;
}
}
}
.video-unit img,
.discussion-unit img {
width: 100%;
}
}
.component-editor,
.new-component-step-2 {
display: none;
padding: 20px;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1)) $blue;
h5 {
margin-bottom: 8px;
color: #fff;
font-weight: 700;
}
textarea {
width: 100%;
min-height: 80px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #3c3c3c;
font-family: Monaco, monospace;
}
.save-button {
@include orange-button;
margin-right: 8px;
}
.cancel-button {
@include blue-button;
border-color: #30649c;
}
}
}
.unit-properties,
.unit-history {
margin-bottom: 20px;
.window-contents {
padding: 20px;
}
h4 {
padding: 6px 14px;
border-bottom: 1px solid #cbd1db;
border-radius: 3px 3px 0 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 70%) #edf1f5;
box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
font-size: 14px;
font-weight: 600;
}
.row {
margin-bottom: 15px;
}
input[type="text"] {
display: block;
width: 100%;
}
.visibility-options .option {
margin-right: 10px;
padding: 3px 13px 6px;
border-radius: 3px;
background: #edf1f5;
&.checked {
background: #d1dae3;
}
input[type="radio"] {
margin-right: 7px;
}
}
.save-button {
@include blue-button;
margin-top: 10px;
}
.publish-button {
@include orange-button;
margin-top: 10px;
border-color: #bda046;
}
}
.unit-properties {
.window-contents {
padding: 10px 20px;
}
}
.unit-history {
&.collapsed {
h4 {
border-bottom: none;
border-radius: 3px;
}
.window-contents {
display: none;
}
}
ol {
border: 1px solid #ced2db;
li {
display: block;
padding: 6px 8px 8px 10px;
background: #edf1f5;
font-size: 12px;
&:hover {
background: #fffcf1;
.item-actions {
display: block;
}
}
&.checked {
background: #d1dae3;
}
.item-actions {
display: none;
}
input[type="radio"] {
margin-right: 7px;
}
}
}
}
// -------------------------------------
//
// Icons / Tags
//
// -------------------------------------
.expand-collapse-icon {
position: relative;
display: inline-block;
width: 9px;
height: 11px;
margin-right: 10px;
background: url(../img/expand-collapse-icons.png) no-repeat;
&.expand {
top: 1px;
background-position: 0 0;
}
&.collapse {
top: -1px;
background-position: 0 -11px;
}
}
.sequence-icon {
display: inline-block;
width: 15px;
height: 9px;
margin-right: 5px;
background: url(../img/sequence-icon.png) no-repeat;
}
.video-icon {
display: inline-block;
width: 14px;
height: 12px;
margin-right: 5px;
background: url(../img/video-icon.png) no-repeat;
}
.list-icon {
display: inline-block;
width: 14px;
height: 10px;
margin-right: 5px;
background: url(../img/list-icon.png) no-repeat;
}
.edit-icon {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 2px;
background: url(../img/edit-icon.png) no-repeat;
&.white {
background: url(../img/edit-icon-white.png) no-repeat;
}
}
.delete-icon {
display: inline-block;
width: 10px;
height: 11px;
margin-right: 2px;
background: url(../img/delete-icon.png) no-repeat;
&.white {
background: url(../img/delete-icon-white.png) no-repeat;
}
}
.drag-handle {
display: inline-block;
float: right;
width: 7px;
height: 22px;
margin-left: 10px;
background: url(../img/drag-handles.png) no-repeat;
cursor: move;
}
.draft-tag,
.publish-flag {
margin-left: 3px;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
color: #a4aab7;
}
.plus-icon {
display: inline-block;
width: 11px;
height: 11px;
margin-right: 8px;
background: url(../img/plus-icon.png) no-repeat;
}
.textbook-icon {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 8px;
vertical-align: middle;
background: url(../img/textbook-icon.png) no-repeat;
}
.slides-icon {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 8px;
vertical-align: middle;
background: url(../img/slides-icon.png) no-repeat;
}
.large-slide-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-slide-icon.png) center no-repeat;
} }
.large-textbook-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-textbook-icon.png) center no-repeat;
}
.large-discussion-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-discussion-icon.png) center no-repeat;
}
.large-freeform-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-freeform-icon.png) center no-repeat;
}
.large-problem-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-problem-icon.png) center no-repeat;
}
.large-video-icon {
display: inline-block;
width: 100px;
height: 60px;
margin-right: 5px;
background: url(../img/large-video-icon.png) center no-repeat;
}
// -------------------------------------
//
// Modal
//
// -------------------------------------
.modal-cover {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
}
.history-modal {
display: none;
position: fixed;
top: 60px;
left: 50%;
z-index: 1001;
width: 930px;
height: 540px;
margin-left: -465px;
background: #fff;
.modal-body {
height: 400px;
padding: 40px;
overflow-y: scroll;
}
.modal-actions {
height: 60px;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) #d1dae3;
}
h2 {
margin: 0 10px 30px;
color: #646464;
font-size: 19px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
}
p {
margin: 20px;
}
.revert-button {
@include blue-button;
margin: 13px 6px 0 13px;
}
.close-button {
@include white-button;
margin-top: 13px;
}
}
cms/static/sass/_reset.scss 0 → 100644
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define visible focus styles!
:focus {
outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
\ No newline at end of file
cms/static/sass/base-style.scss
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
@import 'vendor/normalize'; @import 'vendor/normalize';
@import 'keyframes'; @import 'keyframes';
@import 'reset';
@import 'base', 'layout', 'content-types'; @import 'base', 'layout', 'content-types';
@import 'calendar'; @import 'calendar';
@import 'section', 'unit', 'index'; @import 'section', 'unit', 'index';
......
cms/templates/overview.html 0 → 100644
<%inherit file="base.html" />
<%block name="title">CMS Courseware Overview</%block>
<%include file="widgets/header.html"/>
<%block name="content">
<div class="main-wrapper">
<div class="inner-wrapper">
<h1>Courseware</h1>
<input type="text" class="courseware-unit-search-input search" placeholder="search units" />
<article class="courseware-overview">
<a href="#" class="new-courseware-section-button"><span class="plus-icon"></span> New Section</a>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3>Incremental Analysis</h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3>Nonlinear Elements</h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Linearity</a></h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Introduction to Circuits</a></h3>
<h4><strong>Scheduled:</strong> <a href="#">9/24/2012 at 12:00am EST</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Overview</a></h3>
<h4><strong>Published:</strong> 9/18/2012 at 12:00am EST</h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Administrivia and Circuit Elements</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Week 1 Tutorials</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
</ol>
</section>
</article>
</div>
</div>
<%include file="widgets/upload_assets.html"/>
<footer></footer>
</%block>
cms/templates/widgets/header.html
...@@ -3,14 +3,6 @@ ...@@ -3,14 +3,6 @@
<nav> <nav>
<a href="/">Home</a> <a href="/">Home</a>
<h2><a href="#">edX CMS: TODO:-course-name-here</a></h2> <h2><a href="#">edX CMS: TODO:-course-name-here</a></h2>
<ul>
<li>
<a href="#" class="new-module wip">Module</a>
</li>
<li>
<a href="#" class="new-module wip">Unit</a>
</li>
</ul>
<ul class="user-nav"> <ul class="user-nav">
<li><a href="#" class="wip">Tasks</a></li> <li><a href="#" class="wip">Tasks</a></li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment