Skip to content

E
edx-platform
Commit f0a4ae55 by Reda Lemeden
Options

Merge with head

parents b8bc5201 1a04693e
Showing with 457 additions and 135 deletions
.hgignore
...@@ -4,3 +4,4 @@ syntax: glob ...@@ -4,3 +4,4 @@ syntax: glob
*.scssc *.scssc
*.swp *.swp
*.orig *.orig
*.DS_Store
help.html
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<section class="help main-content"> <section class="help main-content">
<h1>Help</h1> <h1>Help</h1>
<p> If you need help, first try <a href="discussion/questions/">asking a question in the forums</a> and in the IRC channel (irc.mitx.org, channel #6002). As the semester starts, we will add a Frequently Asked Questions section.</p> <p> If you need help, first try <a href="/discussion">asking a question in the forums</a> and in the IRC channel (irc.mitx.org, channel #6002). As the semester starts, we will add a Frequently Asked Questions section.</p>
<p> If you can't solve your problems with self-help, we have several e-mail addresses set up:</p> <p> If you can't solve your problems with self-help, we have several e-mail addresses set up:</p>
......
index.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<%block name="header"> <%block name="header_text">
<header class="announcement course">
<div class="anouncement-wrapper">
${parent.header_nav()}
<section class="course"> <section class="course">
<section> <section>
<h1>Circuits &amp; Electronics</h1> <h1>Circuits &amp; Electronics</h1>
<h2>6.002</h2> <h2>6.002x</h2>
<a class="enroll" rel="leanModal" href="#enroll">Enroll in 6.002 Circuits <span>&amp;</span> Electronics</a> <a class="enroll" rel="leanModal" href="#enroll">Enroll in 6.002 Circuits <span>&amp;</span> Electronics</a>
</section> </section>
<p> Taught by Anant Agarwal, with Gerald Sussman, Piotr Mitros, and Chris Terman, &ldquo;6.002x Circuits and Electronics&rdquo; is an experimental on-line adaption of MIT's first undergraduate analog design course 6.002. This course will run, free of charge, for students worldwide from February 21, 2012 through June&nbsp;10,&nbsp;2012.</p> <p> Taught by Anant Agarwal, with Gerald Sussman, Piotr Mitros, and Chris Terman, &ldquo;6.002x Circuits and Electronics&rdquo; is an experimental on-line adaption of MIT's first undergraduate analog design course 6.002. This course will run, free of charge, for students worldwide from February 21, 2012 through June&nbsp;10,&nbsp;2012.</p>
</section> </section>
</div>
</header>
</%block> </%block>
<%block name="header_class">course</%block>
<section class="index-content"> <section class="index-content">
<section class="about-course"> <section class="about-course">
<section class="about-info"> <section class="about-info">
<h1>About 6.002</h1> <h1>About 6.002x</h1>
<p>6.002x is designed to serve as a first course in an undergraduate electrical engineering (EE), or electrical engineering and computer science (EECS) curriculum. At MIT, 6.002 is in the core of department subjects required for all undergraduates in EECS.</p> <p>6.002x is designed to serve as a first course in an undergraduate electrical engineering (EE), or electrical engineering and computer science (EECS) curriculum. At MIT, 6.002 is in the core of department subjects required for all undergraduates in EECS.</p>
...@@ -31,7 +26,7 @@ ...@@ -31,7 +26,7 @@
</section> </section>
<section class="on-mitx"> <section class="on-mitx">
<h1>6.002 on <em>MITx</em></h1> <!-- Link doesn't need to be here, but there should be some way to get back to main MITx site --> <h1>6.002x on <em>MITx</em></h1> <!-- Link doesn't need to be here, but there should be some way to get back to main MITx site -->
<p>Students who successfully complete the course will receive an electronic certificate of accomplishment from MIT. Since this is an experimental version of the course, the certificate will be marked as Beta.</p> <p>Students who successfully complete the course will receive an electronic certificate of accomplishment from MIT. Since this is an experimental version of the course, the certificate will be marked as Beta.</p>
......
main.html
...@@ -18,12 +18,9 @@ ...@@ -18,12 +18,9 @@
<script type="text/javascript" src="/static/js/cktsim.js"></script> <script type="text/javascript" src="/static/js/cktsim.js"></script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="/static/js/html5shiv.js"></script>
<![endif]--> <![endif]-->
<!-- Warning: Do not upgrade FancyBox. V2.0 is under a non-free CC license -->
<script type="text/javascript" src="/static/lib/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="/static/lib/fancybox/jquery.fancybox-1.3.4.css">
<script type="text/x-mathjax-config"> <script type="text/x-mathjax-config">
MathJax.Hub.Config({ MathJax.Hub.Config({
tex2jax: {inlineMath: [["\\(","\\)"]], tex2jax: {inlineMath: [["\\(","\\)"]],
......
marketing.html
...@@ -9,15 +9,16 @@ ...@@ -9,15 +9,16 @@
<script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/static/lib/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/static/lib/jquery-ui-1.8.16.custom.min.js"></script>
<!-- Warning: Do not upgrade FancyBox. V2.0 is under a non-free CC license -->
<script type="text/javascript" src="/static/lib/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="/static/lib/fancybox/jquery.fancybox-1.3.4.css">
<script type="text/javascript" src="/static/lib/jquery.leanModal.min.js"></script> <script type="text/javascript" src="/static/lib/jquery.leanModal.min.js"></script>
<script type="text/javascript" src="/static/lib//swfobject/swfobject.js"></script> <script type="text/javascript" src="/static/lib//swfobject/swfobject.js"></script>
<script type="text/javascript" src="/static/lib/jquery.treeview.js"></script> <script type="text/javascript" src="/static/lib/jquery.treeview.js"></script>
<script type="text/javascript" src="/static/js/video_player.js"></script> <script type="text/javascript" src="/static/js/video_player.js"></script>
<!-- <script type="text/javascript" src="/static/js/schematic.js"></script> --> <!-- <script type="text/javascript" src="/static/js/schematic.js"></script> -->
<!--[if lt IE 9]>
<script src="/static/js/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript"> <script type="text/javascript">
$(function(){ $(function(){
$("a[rel*=leanModal]").leanModal(); $("a[rel*=leanModal]").leanModal();
...@@ -30,7 +31,7 @@ ...@@ -30,7 +31,7 @@
<body> <body>
<%block name="header"> <%block name="header">
<header class="announcement"> <header class="announcement <%block name="header_class"/>">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<%block name="header_nav"> <%block name="header_nav">
<nav> <nav>
......
mitx_global.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<%block name="header_class">home</%block>
<section class="index-content"> <section class="index-content">
<section class="about"> <section class="about">
<h1><em>MITx</em> is MIT&rsquo;s online learning initiative.</h1> <h1><em>MITx</em> is MIT&rsquo;s online learning initiative.</h1>
......
navigation.html
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<nav> <nav>
<ul class="coursenav"> <ul class="coursenav">
<li><a href="/info">Course Info</a></li>
<li><a href="/courseware">Courseware</a></li> <li><a href="/courseware">Courseware</a></li>
<li><a href="/info">Info</a></li>
<li><a href="/book">Textbook</a></li> <li><a href="/book">Textbook</a></li>
<li><a href="/discussion">Discussion</a></li> <li><a href="/discussion">Discussion</a></li>
<li><a href="/wiki">Wiki</a></li> <li><a href="/wiki">Wiki</a></li>
......
sass/_base-extends.scss
...@@ -109,11 +109,18 @@ ...@@ -109,11 +109,18 @@
@extend .clearfix; @extend .clearfix;
a { a {
text-transform: uppercase; @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
background: darken(#F6EFD4, 5%);
border-left: 1px solid darken(#f6efd4, 20%);
color: darken(#F6EFD4, 80%); color: darken(#F6EFD4, 80%);
padding: lh(.75);
text-transform: uppercase;
display: block;
&:hover { &:hover {
color: darken(#F6EFD4, 60%); color: darken(#F6EFD4, 60%);
text-decoration: none;
background: none;
} }
} }
} }
sass/_base.scss
:focus {
outline-color: #ccc;
}
h1 { h1 {
font-size:1.6em; font-size:1.6em;
margin:20px 0 10px 0; margin:20px 0 10px 0;
......
sass/_courseware-video.scss 0 → 100644
section.course-content {
div.video-wrapper {
float: left;
width: flex-grid(6, 9);
margin-right: flex-gutter(9);
div.video-player {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe#html5_player {
border: none;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
section {
ul {
display: inline-block;
li {
margin-top: 5px;
display: inline-block;
cursor: pointer;
border: 0;
padding: 0;
div {
&:empty {
display: none;
}
}
}
}
div#slider {
margin: -14px 0 10px 60px;
}
div#vidtime {
float: left;
}
div#video_speeds {
float: right;
cursor: pointer;
span {
&:hover {
color: $mit-red;
}
}
}
}
}
ol.subtitles {
float: left;
width: flex-grid(3, 9);
li {
margin-bottom: 0px;
cursor: pointer;
border: 0;
padding: 0;
color: #666;
&.current {
background-color: #f3f3f3;
color: #333;
}
&:hover {
color: $mit-red;
}
div {
margin-bottom: 8px;
}
div:empty {
margin-bottom: 0px;
}
}
}
}
sass/_courseware.scss
div.course-wrapper { div.course-wrapper {
@extend .table-wrapper; @extend .table-wrapper;
ul, ol {
list-style: none;
}
div#accordion { div#accordion {
@extend .sidebar; @extend .sidebar;
...@@ -59,7 +63,7 @@ div.course-wrapper { ...@@ -59,7 +63,7 @@ div.course-wrapper {
a { a {
text-decoration: none; text-decoration: none;
margin-bottom: $body-line-height; margin-bottom: lh(.5);
display: block; display: block;
&:hover { &:hover {
...@@ -82,12 +86,15 @@ div.course-wrapper { ...@@ -82,12 +86,15 @@ div.course-wrapper {
@extend .content; @extend .content;
ol.vert-mod { ol.vert-mod {
li { > li {
@extend .clearfix; @extend .clearfix;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
padding: 15px 0; padding: 15px 0;
&:last-child {
border-bottom: none;
}
h2 { h2 {
margin-top: 0; margin-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
...@@ -102,96 +109,118 @@ div.course-wrapper { ...@@ -102,96 +109,118 @@ div.course-wrapper {
ol.sequence-nav { ol.sequence-nav {
margin-bottom: $body-line-height; margin-bottom: $body-line-height;
@extend .topbar;
li { li {
border: none; border: none;
cursor: pointer; cursor: pointer;
display: table-cell; display: table-cell;
min-width: 30px; padding: lh(.75);
min-height: 30px;
padding: 0 10px;
}
}
div.video-wrapper {
float: left; float: left;
width: 640px;
min-height: 620px;
iframe#html5_player {
border: none;
display: none;
height: 390px;
width: 640px;
}
section {
ul {
display: inline-block;
li { //problem
margin-top: 5px; &.seq_problem_inactive {
display: inline-block; width: 14px;
cursor: pointer; background: url('/static/images/problem-icon.png') 13px 13px no-repeat;
border: 0; @include box-shadow(inset -1px 0 0 darken(#F6EFD4, 10%));
padding: 0;
div { &:hover {
&:empty { background-color: lighten(#F6EFD4, 3%);
display: none;
} }
} }
&.seq_problem_visited {
width: 14px;
background: shade(#F6EFD4, 4%) url('/static/images/problem-icon.png') -57px 13px no-repeat;
&:hover {
background-color: #F6EFD4;
} }
} }
div#slider { &.seq_problem_active {
margin: -14px 0 10px 60px; width: 14px;
} background: #FFFBEB url('/static/images/problem-icon.png') -22px 13px no-repeat;
@include box-shadow(inset -1px 0 0 darken(#F6EFD4, 20%), inset 1px 0 0 darken(#F6EFD4, 20%));
div#vidtime { &:hover {
float: left; background-color: #F6EFD4;
}
} }
div#video_speeds { //video
float: right; &.seq_video_inactive {
cursor: pointer; width: 14px;
background: url('/static/images/video-icon.png') 13px 15px no-repeat;
@include box-shadow(inset -1px 0 0 darken(#F6EFD4, 10%));
span {
&:hover { &:hover {
color: $mit-red; background-color: lighten(#F6EFD4, 3%);
} }
} }
&.seq_video_visited {
width: 14px;
background: shade(#F6EFD4, 4%) url('/static/images/video-icon.png') -64px 15px no-repeat;
&:hover {
background-color: #F6EFD4;
}
} }
&.seq_video_active {
width: 14px;
background: #FFFBEB url('/static/images/video-icon.png') -25px 15px no-repeat;
@include box-shadow(inset -1px 0 0 darken(#F6EFD4, 20%),inset 1px 0 0 darken(#F6EFD4, 20%));
&:hover {
background-color: #F6EFD4;
} }
} }
ol.subtitles {
width: 220px;
margin-left: 20px;
float: left;
li { //vertical
margin-bottom: 0px; &.seq_vertical_inactive {
cursor: pointer; width: 14px;
border: 0; background: url('/static/images/vertical-icon.png') -82px 15px no-repeat;
padding: 0; @include box-shadow(inset -1px 0 0 darken(#F6EFD4, 10%));
color: #666;
&.current { &:hover {
background-color: #f3f3f3; background-color: lighten(#F6EFD4, 3%);
color: #333; }
} }
&.seq_vertical_visited {
width: 14px;
background: shade(#F6EFD4, 4%) url('/static/images/vertical-icon.png') 13px 15px no-repeat;
&:hover { &:hover {
color: $mit-red; background-color: #F6EFD4;
}
} }
div { &.seq_vertical_active {
margin-bottom: 8px; width: 14px;
background: #FFFBEB url('/static/images/vertical-icon.png') -35px 15px no-repeat;
@include box-shadow(inset -1px 0 0 darken(#F6EFD4, 20%), inset 1px 0 0 darken(#F6EFD4, 20%));
&:hover {
background-color: #F6EFD4;
}
} }
div:empty { &.prev, &.next {
margin-bottom: 0px; @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
background: darken(#F6EFD4, 5%);
border-left: 1px solid darken(#f6efd4, 20%);
color: darken(#F6EFD4, 80%);
float: right;
letter-spacing: 1px;
padding: lh(.75);
text-transform: uppercase;
&:hover {
text-decoration: none;
color: darken(#F6EFD4, 60%);
text-decoration: none;
background: none;
}
} }
} }
} }
......
sass/_index.scss
...@@ -103,6 +103,10 @@ body { ...@@ -103,6 +103,10 @@ body {
color: #444; color: #444;
font: $body-font-size $body-font-family; font: $body-font-size $body-font-family;
:focus {
outline-color: #ccc;
}
h1 { h1 {
font: 800 24px $header-font-family; font: 800 24px $header-font-family;
} }
...@@ -158,6 +162,17 @@ header.announcement { ...@@ -158,6 +162,17 @@ header.announcement {
div { div {
padding: lh(10) lh() lh(3); padding: lh(10) lh() lh(3);
//hide login link for homepage
nav {
h1 {
margin-right: 0;
}
a.login {
display: none;
}
}
} }
} }
...@@ -188,16 +203,20 @@ header.announcement { ...@@ -188,16 +203,20 @@ header.announcement {
@include border-radius(0 0 3px 3px); @include border-radius(0 0 3px 3px);
background: #333; background: #333;
background: rgba(#000, .7); background: rgba(#000, .7);
padding: lh(.5); padding: lh(.5) lh();
h1 { h1 {
@include inline-block(); @include inline-block();
margin-right: lh(); margin-right: lh(.5);
a { a {
font: italic 800 18px $header-font-family; font: italic 800 18px $header-font-family;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
&:hover, &:focus {
color: #999;
}
} }
} }
...@@ -206,9 +225,10 @@ header.announcement { ...@@ -206,9 +225,10 @@ header.announcement {
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
font-style: normal; font-style: normal;
font-family: $header-font-family;
&:hover { &:hover, &:focus {
color: rgba(#fff, .6); color: #999;
} }
} }
} }
......
sass/_local.scss
...@@ -16,7 +16,6 @@ ...@@ -16,7 +16,6 @@
.seq_problem_visited { background-color: #ccccaa;} .seq_problem_visited { background-color: #ccccaa;}
.seq_video_visited { background-color: #ccaacc;} .seq_video_visited { background-color: #ccaacc;}
.seq_video_visited { background-color: #cccaac;}
.seq_html_visited { background-color: #caaccc;} .seq_html_visited { background-color: #caaccc;}
.seq_tab_visited { background-color: #aacccc;} .seq_tab_visited { background-color: #aacccc;}
.seq_vertical_visited { background-color: #acaccc;} .seq_vertical_visited { background-color: #acaccc;}
......
sass/_profile.scss
div.profile-wrapper { div.profile-wrapper {
display: table; @extend .table-wrapper;
section.user-info { section.user-info {
@include box-sizing(border-box); @include box-sizing(border-box);
......
sass/_textbook.scss
...@@ -18,17 +18,25 @@ div.book-wrapper { ...@@ -18,17 +18,25 @@ div.book-wrapper {
nav { nav {
@extend .topbar; @extend .topbar;
@extend .clearfix;
ul { ul {
@extend .clearfix; @extend .clearfix;
li {
padding: 15px;
li {
&.last { &.last {
float: left; float: left;
display: block;
a {
@include box-shadow(inset -1px 0 0 lighten(#f6efd4, 5%));
border-right: 1px solid darken(#f6efd4, 20%);
border-left: 0;
}
} }
&.next { &.next {
display: block;
float: right; float: right;
} }
} }
......
sass/_wiki-basic-html.scss 0 → 100644
section.wiki-body {
div#wiki_article {
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre {
display: block;
unicode-bidi: embed
}
li {
display: list-item
}
head {
display: none
}
table {
display: table
}
tr {
display: table-row
}
thead {
display: table-header-group
}
tbody {
display: table-row-group
}
tfoot {
display: table-footer-group
}
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption {
display: table-caption
}
th {
font-weight: bolder;
text-align: center
}
caption {
text-align: center
}
h1 {
font-size: 2.4em;
margin: .67em 0;
letter-spacing: 0px;
}
h2 {
text-transform: none;
font-size: 2em;
margin: .75em 0;
letter-spacing: 0px;
}
h3 {
font-size: 1.75em;
margin: .83em 0;
}
h4 {
font-size: 1.25em;
}
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: 1.25em; margin: 1.5em 0 }
h6 { font-size: 1em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote {
padding: 10px 20px;
background: #e3e3e3;
border-left: 4px solid;
}
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp {
font-family: monospace;
}
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { height: 1px; background: #999; border: none;}
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
}
}
sass/_wiki-create.scss
form#wiki_revision { form#wiki_revision {
float: left; float: left;
width: flex-grid(7, 9); width: flex-grid(6, 9);
margin-right: flex-gutter(9); margin-right: flex-gutter(9);
label { label {
display: block; display: block;
margin-bottom: 7px ; margin-bottom: 7px ;
} }
textarea { textarea {
@include box-sizing(border-box); @include box-sizing(border-box);
margin-bottom: 20px; margin-bottom: 20px;
...@@ -33,7 +31,7 @@ form#wiki_revision { ...@@ -33,7 +31,7 @@ form#wiki_revision {
#wiki_edit_instructions { #wiki_edit_instructions {
float: left; float: left;
width: flex-grid(2, 9); width: flex-grid(3, 9);
.markdown-example { .markdown-example {
background-color: $light-gray; background-color: $light-gray;
......
sass/_wiki.scss
...@@ -8,11 +8,11 @@ div.wiki-wrapper { ...@@ -8,11 +8,11 @@ div.wiki-wrapper {
input[type="button"] { input[type="button"] {
@extend h3; @extend h3;
color: lighten($text-color, 10%);
@include transition(); @include transition();
color: lighten($text-color, 10%);
font-size: $body-font-size; font-size: $body-font-size;
margin: 0 !important; margin: 0 !important;
padding: 7px 7px 7px 30px; padding: 7px lh();
text-align: left; text-align: left;
width: 100%; width: 100%;
...@@ -24,31 +24,26 @@ div.wiki-wrapper { ...@@ -24,31 +24,26 @@ div.wiki-wrapper {
ul { ul {
li { li {
&.create-article { &.search {
position: relative; @include box-shadow(0 1px 0 #eee);
border-bottom: 1px solid #d3d3d3;
h3 { padding: 7px lh();
position: relative;
&:before { label {
background: blue url(images/ui-icons_454545_256x240.png) -32px -16px no-repeat; display: none;
display: block;
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
} }
&:hover {
&:before {
background-image: url(images/ui-icons_454545_256x240.png) -64px -16px no-repeat;
} }
&.create-article {
h3 {
a {
padding: 7px lh();
} }
} }
} }
} }
} }
div#wiki_create_form { div#wiki_create_form {
@extend .clearfix; @extend .clearfix;
padding: 15px; padding: 15px;
...@@ -63,6 +58,8 @@ div.wiki-wrapper { ...@@ -63,6 +58,8 @@ div.wiki-wrapper {
} }
ul { ul {
list-style: none;
li { li {
float: left; float: left;
...@@ -91,6 +88,7 @@ div.wiki-wrapper { ...@@ -91,6 +88,7 @@ div.wiki-wrapper {
ul { ul {
float: right; float: right;
list-style: none;
li { li {
float: left; float: left;
...@@ -108,7 +106,7 @@ div.wiki-wrapper { ...@@ -108,7 +106,7 @@ div.wiki-wrapper {
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
padding: 15px; padding: lh(.75);
margin: 0; margin: 0;
&:hover { &:hover {
...@@ -129,5 +127,11 @@ div.wiki-wrapper { ...@@ -129,5 +127,11 @@ div.wiki-wrapper {
p { p {
line-height: 1.6em; line-height: 1.6em;
} }
#wiki_history_table {
tr.dark {
background-color: $light-gray;
}
}
} }
} }
sass/application.scss
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
@import "leanmodal"; @import "leanmodal";
// pages // pages
@import "courseware"; @import "courseware", "courseware-video";
@import "textbook"; @import "textbook";
@import "profile"; @import "profile";
@import "wiki-create", "wiki"; @import "wiki-basic-html", "wiki-create", "wiki";
@import "activation"; @import "activation";
@import "help"; @import "help";
@import "askbot-original", "discussion", "discussion-questions", "discussion-tags" ; @import "askbot-original", "discussion", "discussion-questions", "discussion-tags" ;
......
seq_module.html
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<li class="seq_inactive" id="tt_${ t }">&nbsp;</li> <li class="seq_inactive" id="tt_${ t }">&nbsp;</li>
% endfor % endfor
<li id="${ id }prev">Previous</li> <li id="${ id }next" class="next">Next</li>
<li id="${ id }next">Next</li> <li id="${ id }prev" class="prev">Previous</li>
</ol> </ol>
......
seq_module.js
...@@ -44,7 +44,7 @@ function ${ id }goto(i) { ...@@ -44,7 +44,7 @@ function ${ id }goto(i) {
${ id }loc=i; ${ id }loc=i;
//$('#tt_'+i).attr("style", "background-color:red"); //$('#tt_'+i).attr("style", "background-color:red");
$('#tt_'+i).removeClass(); $('#tt_'+i).removeClass();
$('#tt_'+i).addClass("seq_active"); $('#tt_'+i).addClass("seq_"+${ id }types[${ id }loc]+"_active");
MathJax.Hub.Queue(["Typeset",MathJax.Hub]); MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
} }
......
simplewiki_base.html
...@@ -88,19 +88,9 @@ ...@@ -88,19 +88,9 @@
%> %>
<ul class="action"> <ul class="action">
<li> <!-- <li> -->
<div class="wiki_box_title">Search</div> <!-- <input type="button" onclick="javascript:location.href='${reverse("wiki_random", args=[])}'" value="Random article" class="button" /> -->
<form method="POST" action='${reverse("wiki_search_articles", args=[])}'> <!-- </li> -->
<div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div>
<input type="text" name="value" id="wiki_search_input" style="width: 72%" value="${wiki_search_query if wiki_search_query is not UNDEFINED else '' |h}"/>
<input type="submit" id="wiki_search_input_submit" value=Go! style="width: 20%" />
</form>
</li>
<li>
<input type="button" onclick="javascript:location.href='${reverse("wiki_random", args=[])}'" value="Random article" class="button" />
</li>
<li> <li>
<input type="button" onclick="javascript:location.href='${reverse("wiki_list_articles", args=[])}'" value="All articles" class="button" /> <input type="button" onclick="javascript:location.href='${reverse("wiki_list_articles", args=[])}'" value="All articles" class="button" />
</li> </li>
...@@ -139,6 +129,17 @@ ...@@ -139,6 +129,17 @@
</form> </form>
</div> </div>
</li> </li>
<li class="search">
<form method="POST" action='${reverse("wiki_search_articles", args=[])}'>
<label class="wiki_box_title">Search</label>
<div style="display:none">
<input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}"/>
</div>
<input type="text" placeholder="Search" name="value" id="wiki_search_input" style="width: 72%" value="${wiki_search_query if wiki_search_query is not UNDEFINED else '' |h}"/>
<input type="submit" id="wiki_search_input_submit" value=Go! style="width: 20%" />
</form>
</li>
</ul> </ul>
</div> </div>
......
simplewiki_history.html
...@@ -60,10 +60,10 @@ ${ wiki_article.title } ...@@ -60,10 +60,10 @@ ${ wiki_article.title }
<tr> <tr>
<td colspan="4"> <td colspan="4">
%if wiki_prev_page: %if wiki_prev_page:
<a href="${reverse("wiki_history", args=[wiki_article.get_url(), wiki_prev_page])}">trans "Previous page"</a> <a href="${reverse("wiki_history", args=[wiki_article.get_url(), wiki_prev_page])}">Previous page</a>
%endif %endif
%if wiki_next_page: %if wiki_next_page:
<a href="${reverse("wiki_history", args=[wiki_article.get_url(), wiki_next_page])}">"Next page"</a> <a href="${reverse("wiki_history", args=[wiki_article.get_url(), wiki_next_page])}">Next page</a>
%endif %endif
</td> </td>
</tr> </tr>
......
video.html
<div class="video-wrapper"> <div class="video-wrapper">
<div class="video-player">
<div id="ytapiplayer"> <div id="ytapiplayer">
</div> </div>
<!-- TODO(Ernie/Kyle) move styles to css --> <!-- TODO(Ernie/Kyle) move styles to css -->
<iframe id="html5_player" type="text/html" frameborder="0"> <iframe id="html5_player" type="text/html" frameborder="0">
</iframe> </iframe>
</div>
<section class="video-controls"> <section class="video-controls">
<ul> <ul>
...@@ -19,8 +21,6 @@ ...@@ -19,8 +21,6 @@
</section> </section>
</div> </div>
<ol class="subtitles"> <ol class="subtitles">
<li id=stt_n5><div id=std_n7 onclick="title_seek(-7);"></div></li> <li id=stt_n5><div id=std_n7 onclick="title_seek(-7);"></div></li>
<li id=stt_n4><div id=std_n6 onclick="title_seek(-6);"></div></li> <li id=stt_n4><div id=std_n6 onclick="title_seek(-6);"></div></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