Started to refactor html
--HG-- branch : kf-refactor
This commit is contained in:
@@ -1,27 +1,32 @@
|
||||
<%def name="make_chapter(chapter)">
|
||||
<h3><a href="#">${chapter['name']}</a></h3>
|
||||
<div>
|
||||
<ul style="margin-left:-2em;">
|
||||
% for section in chapter['sections']:
|
||||
<li> <div
|
||||
% if 'active' in section and section['active']:
|
||||
style="background-color:#aed0ea;"
|
||||
% endif
|
||||
>
|
||||
<a href='/courseware/${format_string(course_name)}/${format_string(chapter['name'])}/${format_string(section['name'])}'>${section['name']}</a> <br>
|
||||
<small><b>${section['format']}</b>
|
||||
% if 'time' in section and section['time']!="":
|
||||
(${int(section['time'])/60} min)
|
||||
% endif
|
||||
% if 'due' in section and section['due']!="":
|
||||
due ${section['due']}
|
||||
% endif
|
||||
</small>
|
||||
</div>
|
||||
% endfor
|
||||
</ul>
|
||||
</div>
|
||||
</%def>
|
||||
<h3><a href="#">${chapter['name']}</a></h3>
|
||||
|
||||
<ul>
|
||||
% for section in chapter['sections']:
|
||||
<li
|
||||
% if 'active' in section and section['active']:
|
||||
class="active"
|
||||
% endif
|
||||
>
|
||||
|
||||
<a href='/courseware/${format_string(course_name)}/${format_string(chapter['name'])}/${format_string(section['name'])}'>
|
||||
${section['name']}
|
||||
|
||||
<p>
|
||||
${section['format']}
|
||||
|
||||
% if 'time' in section and section['time']!="":
|
||||
(${int(section['time'])/60} min)
|
||||
% endif
|
||||
|
||||
% if 'due' in section and section['due']!="":
|
||||
due ${section['due']}
|
||||
% endif
|
||||
</p>
|
||||
</a>
|
||||
% endfor
|
||||
</ul>
|
||||
</%def>
|
||||
|
||||
% for chapter in toc:
|
||||
${make_chapter(chapter)}
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<h1> Activation Complete </h1>
|
||||
<h1>Activation Complete</h1>
|
||||
|
||||
<p> Now go <a href="/">log in</a> and try the course!
|
||||
<p> Now go <a href="/">log in</a> and try the course!</a>
|
||||
|
||||
@@ -21,35 +21,34 @@ $('#hide_acc').click(function() {
|
||||
});
|
||||
</script>
|
||||
|
||||
<div id="coursenav" align=right width=100%>
|
||||
<a href="/book">Textbook</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/courseware"><b>Courseware</b></a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/discussion">Discussion</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/wiki">Wiki</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/profile">Profile</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/s/help.html">Help</a> <span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/logout">Log out</a>
|
||||
</div>
|
||||
|
||||
<div id="coursenav" align=right width=100%>
|
||||
<a href="/book">Textbook</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/courseware"><b>Courseware</b></a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/discussion">Discussion</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/wiki">Wiki</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/profile">Profile</a>
|
||||
<span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/s/help.html">Help</a> <span class="ui-icon ui-icon-bullet" style="display:inline-block;"></span>
|
||||
<a href="/logout">Log out</a>
|
||||
</div>
|
||||
|
||||
<div id="bodyContent">
|
||||
<table width=100% cellpadding=0><tr>
|
||||
<td width=276 valign=top>
|
||||
<div id="accordion" style="position:relative; top:-6px; ">
|
||||
${accordion}
|
||||
</div>
|
||||
</td>
|
||||
<td valign=top>
|
||||
<div>
|
||||
${content}
|
||||
</div>
|
||||
</td>
|
||||
</tr></table>
|
||||
|
||||
<table width=100% cellpadding=0><tr>
|
||||
<td width=276 valign=top>
|
||||
<div id="accordion" style="position:relative; top:-6px; ">
|
||||
${accordion}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td valign=top>
|
||||
<div>
|
||||
${content}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
<div id="topWrapper">
|
||||
<div id="topBanner"></div>
|
||||
</div>
|
||||
|
||||
<div id="topnav">
|
||||
<ul>
|
||||
<li style="border:none">
|
||||
|
||||
59
main.html
59
main.html
@@ -1,42 +1,41 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title> MITX 6.002 </title>
|
||||
<link rel="stylesheet" href="/static/lib/jquery.treeview.css" type="text/css" media="all" />
|
||||
<link rel="stylesheet" href="/static/css/theme.css" type="text/css" media="all" />
|
||||
<link rel="stylesheet" href="/static/css/local.css" type="text/css" media="all" />
|
||||
<link href="/static/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"/>
|
||||
<style type="text/css">#slider { margin: 10px; }</style>
|
||||
<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//swfobject/swfobject.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/schematic.js"></script>
|
||||
<style type="text/css">#slider { margin: 10px; }</style>
|
||||
<!-- 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">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {inlineMath: [["\\(","\\)"]],
|
||||
displayMath: [["\\[","\\]"]]}
|
||||
});
|
||||
<title> MITX 6.002 </title>
|
||||
<link rel="stylesheet" href="/static/lib/jquery.treeview.css" type="text/css" media="all" />
|
||||
<link rel="stylesheet" href="/static/css/theme.css" type="text/css" media="all" />
|
||||
<link rel="stylesheet" href="/static/css/local.css" type="text/css" media="all" />
|
||||
<link href="/static/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"/>
|
||||
<style type="text/css">#slider { margin: 10px; }</style>
|
||||
<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//swfobject/swfobject.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/schematic.js"></script>
|
||||
<style type="text/css">#slider { margin: 10px; }</style>
|
||||
<!-- 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">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {inlineMath: [["\\(","\\)"]],
|
||||
displayMath: [["\\[","\\]"]]}
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="/static/lib/mathjax/MathJax.js?config=TeX-AMS_HTML-full"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
${self.body()}
|
||||
<div id="bottomWrapper">
|
||||
<div id="footer">
|
||||
<p style="padding-top:20px"> Copyright (c). 2011. MIT. <a href=http://creativecommons.org/licenses/by-sa/3.0/>Some rights reserved.</a>
|
||||
<!-- Template based on a design from http://www.dotemplate.com/ -- Donated $10 (pmitros) so we don't need to include credit. -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
${self.body()}
|
||||
|
||||
<div id="bottomWrapper">
|
||||
<p> Copyright (c). 2011. MIT. <a href=http://creativecommons.org/licenses/by-sa/3.0/>Some rights reserved.</a>
|
||||
<!-- Template based on a design from http://www.dotemplate.com/ -- Donated $10 (pmitros) so we don't need to include credit. -->
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
20
using.html
20
using.html
@@ -1,13 +1,15 @@
|
||||
<h1> Using the system </h1>
|
||||
<h1>Using the system</h1>
|
||||
|
||||
<ul>
|
||||
<li> During video playback, use the subtitles and the scroll bar to
|
||||
navigate. Clicking the subtitles is a fast way to skip forwards and
|
||||
backwards by small amounts.
|
||||
<li> If you are on a low-resolution display, the left navigation bar
|
||||
can be hidden by clicking on the set of three left arrows next to it.
|
||||
<li> If you need bigger or smaller fonts, use your browsers settings
|
||||
to scale them up or down. Under Google Chrome, this is done by
|
||||
pressing ctrl-plus, or ctrl-minus at the same time.
|
||||
<li>
|
||||
<p>During video playback, use the subtitles and the scroll bar to navigate. Clicking the subtitles is a fast way to skip forwards and backwards by small amounts.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>If you are on a low-resolution display, the left navigation bar can be hidden by clicking on the set of three left arrows next to it.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>If you need bigger or smaller fonts, use your browsers settings to scale them up or down. Under Google Chrome, this is done by pressing ctrl-plus, or ctrl-minus at the same time.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user