<script type='text/javascript' src='javascripts/jquery.min.js'></script>
<script type='text/javascript' src='javascripts/es5-shim.min.js'></script>
- <script type='text/javascript' src='javascripts/protodiv.js'></script>
<script type='text/javascript' src='socket.io/socket.io.js'></script>
+ <script type='text/javascript' src='javascripts/protodiv.js'></script>
+ <script type='text/javascript' src='javascripts/main.js'></script>
<meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
<meta name="apple-touch-icon" href=""> <!-- XXX -->
<a href="/"><img src="/images/finals-club-wht.png" class="logo"/></a>
</td>
<td class="menu">
- <a href="javascript:goSchools()">Courses</a>
+ <a href="javascript:goPage('/schools')">Start Here!</a>
<a href="http://blog.finalsclub.org">Blog</a>
- <a href="/archive">Archive</a>
- <a href="javascript:goPress()">Press</a>
- <a href="javascript:goRegister()">Create an Account</a>
- <a href="/login" class="special">Login</a>
+ <a href="javascript:goPage('/archive')">Archive</a>
+ <a href="javascript:goPage('/press')">Press</a>
+ <a href="javascript:goPage('/register')">Create an Account</a>
+ <a href="javascript:goPage('/login')" class="special">Login</a>
</td>
</tr>
</table>
<div class="logbar"> </div>
</div>
+ <div id="topofcontent"></div>
+
<div class="content">
<div class=page id=pg_schools>
<h1>Universities</h1>
- <div class="school" id=PROTO_school>
- <div class=name>
- <a href="javascript:goCourses('__name__')">__name__</a>
- (__numCourses__ courses)
- </div>
+ <div class="school" id=PROTO_school onclick="goPage('/school/___id__')">
+ <div class=name>__name__</div>
+ <div class=desc>__description__</div>
</div>
</div>
<div class=page id=pg_courses>
<h1>Courses for <span id=school_name></span></h1>
+ <div class=course id=PROTO_course>
+ <div class=dept>__department__</div>
+ <div class=name>
+ <a href="javascript:goLectures('___id__')">__number__: __name__</a>
+ </div>
+ </div>
+ </div>
+
+
+ <div class=page id=pg_lectures>
+ <h1>Lectures for <span id=course_name></span></h1>
+ <div class=lecture id=PROTO_lecture>
+ <div class=name>
+ <a href="javascript:goPads('___id__')">__name__</a>
+ </div>
+ </div>
+ </div>
+
+
+
+ <div class=page id=pg_pads>
+ <h1>Notepads for <span id=lecture_name></span></h1>
+ <div class=pad id=PROTO_pad>
+ <div class=name>
+ <a href="">__name__</a>
+ </div>
+ </div>
+ </div>
+
+
+
+ <div class=page id=pg_archive>
+ <h1>Archived Subjects</h1>
+ <p>
+ Please browse our archive of past courses
+ covered at Harvard from 2008 through 2010.
+ </p>
<ul>
- <li id=PROTO_course><a href="course/__id__">__name__</a></li>
+ <li id=PROTO_archived_subjects>
+ <a href="/archive/subject/__id__">__title__</a>
+ </li>
</ul>
- </div>
+ </div>
+ <div class=page id=pg_login>
+ <h1>Login</h1>
+ <form id="credentials" action="/login" method="POST">
+ <div class="zarea">
+ <div class="row">
+ <div class="label">
+ <label for="email">Email</label>
+ </div>
+ <div class="field">
+ <input type="text" name="email" size="15" value="joe@sleepless.com">
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ <label for="password">Password</label>
+ </div>
+ <div class="field">
+ <input type="password" name="password" size="15">
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ </div>
+ <div class="field">
+ <button class="major">Login</button>
+ <span class="reglink">
+ <a href="/resetpw">Forgot password?</a>
+ </span>
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ </div>
+ <div class="field">
+ <span class="reglink">
+ <a href="/register">Create an Account</a>
+ </span>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+
+
<div class=page id=pg_conduct>
<div class="conduct">
<h1>Code of Conduct</h1>
-<script>
-
- /* This is the core logic for the main page. */
-
-
- /* Convert a JSON string to an object, or null if unparseable */
- function j2o(json) { try { return JSON.parse(json); } catch(e) { return null; } }
-
- /* Convert an object to a JSON string (just easier to type than "JSON.stringify" */
- function o2j(obj) { return JSON.stringify(obj); }
-
-
- // hide all page divs, then show just the one with the given id
- function hideAllPages() {
- $(".page").fadeOut(100);
- }
- function showPage(id) {
- $("#pg_"+id).fadeIn(100);
- }
-
-
-
- var schools = []
-
- function goSchools() {
- hideAllPages();
- $.get("/schools", {}, function(response) {
- if(typeof response == 'object')
- schools = response.schools
- ProtoDiv.reset("PROTO_school");
- ProtoDiv.replicate("PROTO_school", schools);
- showPage("schools")
- });
- }
-
-
-
- var courses = []
-
- function goCourses(name) {
- hideAllPages();
- $("#school_name").html(name);
-// $.get("/courses", {}, function(response) {
-// if(typeof response == 'object')
-// courses = response.courses
-var courses = [
- { id: "4e6d1e9b42bbef522c000a8f", name: "History 12: Introduction to the Middle East" },
- { id: "4e8aa3f62e4b97e67b001f47", name: "ANTH160AC/ISF 160: The Forms of Folklorek" }
-]
- ProtoDiv.reset("PROTO_course");
- ProtoDiv.replicate("PROTO_course", courses);
- showPage("courses")
-// });
- }
-
-
- function goRegister() {
- hideAllPages();
- // xxx clear fields?
- // xxx change FORM to use AJAX
- showPage("register");
- }
-
-
- function goPress() {
- hideAllPages();
- showPage("press");
- }
-
-
- function goConduct() {
- hideAllPages();
- showPage("conduct");
- }
-
-
-
- showPage("home");
+ <div class=page id=pg_notfound>
+ <h1>Page Not Found</h1>
+ Sorry, there is no content for this page.
+ </div>
-</script>
</div>
<div>All Rights Reserved</div>
</td>
<td class="col2">
- <a href="javascript:goConduct()">Code of Conduct</a>
+ <a href="javascript:goPage('/conduct')">Code of Conduct</a>
<a href="http://blog.finalsclub.org/about.html">About</a>
<a href="http://blog.finalsclub.org/contact.html">Contact</a>
<a href="http://blog.finalsclub.org/legal.html">Legal</a>