archive pages working with 1page, 1st pass
[oweals/finalsclub.git] / public / index.html
index b3154435404dab44bec07dff0ab6da797774e0dd..82b0b9a3028eec35beefcddd8fc00d737c0b68c2 100644 (file)
@@ -6,13 +6,13 @@
 
                <!-- XXX Some SEO here would be nice -->
 
-               <link rel='stylesheet' href='stylesheets/fc2.css'>
+               <link rel='stylesheet' href='/stylesheets/fc2.css'>
 
-               <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='socket.io/socket.io.js'></script>
-               <script type='text/javascript' src='javascripts/protodiv.js'></script>
-               <script type='text/javascript' src='javascripts/main.js'></script>
+               <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='/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()">Start Here!</a>
+                                                       <a href="javascript:goPage('/schools')">Start Here!</a>
                                                        <a href="http://blog.finalsclub.org">Blog</a>
-                                                       <a href="javascript:goArchivedSubjects()">Archive</a>
-                                                       <a href="javascript:goPress()">Press</a>
-                                                       <a href="javascript:goRegister()">Create an Account</a>
-                                                       <a href="javascript:goLogin()" 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>
@@ -88,7 +88,7 @@
 
                        <div class=page id=pg_schools>
                                <h1>Universities</h1>
-                               <div class="school" id=PROTO_school onclick="goCourses('__name__', '___id__', __i__)">
+                               <div class="school" id=PROTO_school onclick="goPage('/school/___id__')">
                                        <div class=name>__name__</div>
                                        <div class=desc>__description__</div>
                                </div>
                                <div class=course id=PROTO_course>
                                        <div class=dept>__department__</div>
                                        <div class=name>
-                                               <a href="javascript:goLectures('___id__')">__number__: __name__</a>
+                                               <a href="javascript:goPage('/course/___id__')">__number__: __name__</a>
                                        </div>
                                </div>
                        </div>
 
 
                        <div class=page id=pg_lectures>
-                               <h1>Lectures for <span id=course_name></span></h1>
+                               <div class=lectures_head id=PROTO_lectures_head>
+                                       <h1>Lectures for Course __number__ : __name__</h1>
+                                       Subject: __subject__<br>
+                                       Department: __department__<br>
+                               </div>
+                               <div class=lectures_instructor id=PROTO_lectures_instructor>
+                                       Instructor: __name__ (__email__)<br>
+                               </div>
                                <div class=lecture id=PROTO_lecture>
                                        <div class=name>
-                                               <a href="javascript:goPads('___id__')">__name__</a>
+                                               <a href="javascript:goPage('/lecture/___id__')">__name__</a><br>
+                                               Created: __date__<br>
                                        </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=page id=pg_notes>
+                               <h1>Notepads </h1>
+                               <div class=note id=PROTO_note>
                                        <div class=name>
-                                               <a href="">__name__</a>
+                                               <a href="/note/___id__">__name__</a>
                                        </div>
                                </div>
                        </div>
 
 
 
-                       <div class=page id=pg_archive>
+                       <div class=page id=pg_archive_subjects>
                                <h1>Archived Subjects</h1>
                                <p>
                                Please browse our archive of past courses
                                covered at Harvard from 2008 through 2010.
                                </p>
                                <ul>
-                                       <li id=PROTO_archived_subjects>
-                                               <a href="/archive/subject/__id__">__title__</a>
+                                       <li id=PROTO_archive_subject>
+                                               <a href="javascript:goPage('/archive/subject/__id__')">__name__</a>
+                                       </li>
+                               </ul>
+
+                       </div>
+
+
+
+                       <div class=page id=pg_archive_courses>
+                               <h1>Archived Courses</h1>
+                               <ul>
+                                       <li id=PROTO_archive_course>
+                                               <a href="javascript:goPage('/archive/course/__id__')">__name__</a>
+                                       </li>
+                               </ul>
+
+                       </div>
+
+
+
+                       <div class=page id=pg_archive_notes>
+                               <h1>Archived Notes</h1>
+                               <ul>
+                                       <li id=PROTO_archive_note>
+                                               <a href="/archive/note/___id__">__topic__</a>
                                        </li>
                                </ul>
 
 
 
 
+                       <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">&nbsp;
+                                                       </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">&nbsp;
+                                                       </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>
 
 
 
+                       <div class=page id=pg_notfound>
+                               <h1>Page Not Found</h1>
+                               Sorry, there is no content for this page.
+                       </div>
+
+
 
 
                </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>