added more protodiv demo code
authorJoe Hitchens <joe@sleepless.com>
Fri, 11 Nov 2011 19:15:05 +0000 (11:15 -0800)
committerJoe Hitchens <joe@sleepless.com>
Fri, 11 Nov 2011 19:15:05 +0000 (11:15 -0800)
public/courses.html [new file with mode: 0644]

diff --git a/public/courses.html b/public/courses.html
new file mode 100644 (file)
index 0000000..e1354f0
--- /dev/null
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+       <head>
+               <title>FinalsClub.org</title>
+               <link rel='stylesheet' href='/stylesheets/fc2.css'>
+
+               <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/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>
+
+       <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="">
+       <meta name="icon" href="">
+
+       </head>
+
+       <body>
+
+
+               <!-- masthead will be included dynamically -->
+               <div class="masthead"><div class="logbar"><div class="loginstatus">&nbsp;
+                               </div></div><div class="navbar"><table><tr><td><a href="/"><img src="/images/finals-club-wht.png" class="logo"/></a></td><td class="menu"><a href="/schools">Courses</a><a href="http://blog.finalsclub.org">Blog</a><a href="/archive">Archive</a><a href="/press">Press</a><a href="/register">Create an Account</a><!-- span(class='sub_menu')--><a href="/login" class="special">Login</a></td></tr></table></div><div class="logbar">&nbsp;
+               </div></div>
+
+
+
+               <div class="content">
+                       <div class="container1">
+
+                               <h1>Courses for <span id=school_name>Berkeley</span></h1>
+
+                               <ul>
+                                       <li id=course_proto><a href="course/__id__">__name__</a></li>
+                               </ul>
+
+                       </div>
+                       <script>
+
+
+                       var school = document.location.search.match(/school=([^&]+)/)[1]
+                       $("#school_name").html(school);
+
+                       // this will actually come from an AJAX call to a REST interface at "/api?..."
+                       var courses = [
+                               { id: "4e6d1e9b42bbef522c000a8f", name: "History 12: Introduction to the Middle East" },
+                               { id: "4e8aa3f62e4b97e67b001f47", name: "ANTH160AC/ISF 160: The Forms of Folklorek" }
+                       ]
+
+                       ProtoDiv.replicate("course_proto", courses);
+
+                       </script>
+               </div>
+
+
+
+
+               <!-- This is the footer - will be included dynamically -->
+               <div class="footer"><table><tr><td class="col1"><div class="logo"><img src="/images/finals-club-wht.png" title="FinalsClub.org" class="lilogo"/></div><div>Copyright 2011</div><div>All Rights Reserved</div></td><td class="col2"><a href="/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><a href="http://blog.finalsclub.org/team.html">Team</a></td></tr></table></div><div class="footerer"><p>This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 United States License
+                       </p><p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png"/></a><a href="http://mixpanel.com/f/partner"><img alt="Real Time Web Analytics" src="http://mixpanel.com/site_media/images/partner/badge_blue.png" style="border-width:0;margin:2px;"/></a></p></div>
+
+
+
+
+       </body>
+</html>