protodiv demo
[oweals/finalsclub.git] / public / schools.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html>
3         <head>
4                 <title>FinalsClub.org</title>
5                 <link rel='stylesheet' href='/stylesheets/fc2.css'>
6
7                 <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
8                 <script type='text/javascript' src='/javascripts/es5-shim.min.js'></script>
9                 <script type='text/javascript' src='/javascripts/protodiv.js'></script>
10                 <script type='text/javascript' src='/socket.io/socket.io.js'></script>
11
12         <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
13         <meta name="apple-touch-icon" href="">
14         <meta name="icon" href="">
15
16         </head>
17
18         <body>
19
20
21                 <!-- masthead will be included dynamically -->
22                 <div class="masthead"><div class="logbar"><div class="loginstatus">&nbsp;
23                                 </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;
24                 </div></div>
25
26
27
28                 <div class="content">
29                         <div class="container1">
30                                 <h1>Universities</h1>
31
32                                 <div class="school" id=schoolproto>
33
34                                         <h2><a href="">__name__</a></h2>
35                                         <!-- ul>
36                                                 <li id=course_proto><a href="course/__courseid__">__coursename__</a></li>
37                                         </ul -->
38                                 </div>
39
40
41                         </div>
42                         <script>
43
44 // this will actually come from an AJAX call to a REST interface at "/api?..."
45 var schools = [
46         {
47                 name: "Berkeley",
48                 ref: "http://www.berkeley.edu/"
49                 courses: [
50                         { id: "4e6d1e9b42bbef522c000a8f", name: "History 12: Introduction to the Middle East" },
51                         { id: "4e8aa3f62e4b97e67b001f47", name: "ANTH160AC/ISF 160: The Forms of Folklorek" }
52                 }
53         }
54 ]
55                         ProtoDiv.replicate("schoolproto", schools);
56
57
58                         </script>
59                 </div>
60
61
62
63
64                 <!-- This is the footer - will be included dynamically -->
65                 <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
66                         </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>
67
68
69
70
71         </body>
72 </html>