6 <link rel="stylesheet" href="assets/css/include.css" type="text/css" media="screen" />
7 <script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
8 <script type="text/javascript" src="assets/js/load.js"></script>
9 <script type="text/javascript" src="http://use.typekit.com/cbx6gxx.js"></script>
10 <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
12 <script type='text/javascript' src='/javascripts/jquery.min.js'></script>
13 <script type='text/javascript' src='/javascripts/es5-shim.min.js'></script>
14 <script type='text/javascript' src='/javascripts/protodiv.js'></script>
15 <script type='text/javascript' src='/javascripts/main.js'></script>
16 <script type='text/javascript' src='/socket.io/socket.io.js'></script>
22 <div class="container-12 highlight">
24 <a id="logo" href="/">
25 <img src="assets/img/logo-light.png" alt="FinalsClub" />
29 <div id="login_status" style="display:none;">Currently logged in as <span class="username"></span></div>
30 <nav id="user-nav" class="small">
32 <li>Hi, <span class="username"></span></li>
33 <li><a href="#">Logout</a></li>
36 <nav id="main-nav" class="small">
38 <li><a href="/schools" class="active"><em class="icon"></em>Courses</a></li>
39 <li><a href="http://blog.finalsclub.org"><em class="icon"></em>Blog</a></li>
40 <li><a href="/archive"><em class="icon"></em>Library</a></li>
41 <li><a href="/press"><em class="icon"></em>Press</a></li>
42 <li id=register_link><a href="/register"><em class="icon"></em>Register</a></li>
43 <li id=profile_link><a href="/profile"><em class="icon"></em>Profile</a></li>
44 <li id=login_link><a href="/login"><em class="icon"></em>Profile</a></li>
45 <li><a href="#" class="donate"><em class="icon"></em><em class="lc yellow">Donate</em></a></li>
51 <hr class="stripes" />
52 <div id="topofcontent"></div>
53 <div id="messages" class="page"><span id="PROTO_message" class="__type__">__msg__</span></div>
58 ***********************************************************
60 <div class="padded-loose">
61 <h1 class="large-huge spaced centered">Welcome to FinalsClub! <span class="small">Collaborate. Learn. Share.</span></h1>
64 <div class="grid-10 grid-centered">
65 <div class="padded-loose">
66 <p class="no-top-margin">
67 Thank you for visiting FinalsClub.org, a 501(c)(3) non-profit open education
68 project dedicated to helping college students share knowledge freely online. While you learn better, faster, and smarter by using FinalsClub with your classmates,
69 we also encourage you to share your scholarship to benefit curious minds everywhere.
72 Getting started is easy. Just register with your school email address and confirm
73 your account. Then find your courses or add a new ones. You can also browse our
74 Library to learn something new. Thank you for helping us improve access to education,
75 one lecture at a time.
80 <div class="button-set vertical half-width centered-rt-parent half-width-buttons">
81 <button class="green">Sign Up</button>
82 <button class="blue">Learn Something</button>
86 <div class="container-12 spacer">
87 <hr class="stripes spacer" />
90 <h3 class="heading">Check out our Screencasts</h3>
91 <div class="video-wrapper">
92 <iframe src="http://player.vimeo.com/video/30647271?title=0&byline=0&portrait=0&color=367da9" width="460" height="259" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </div>
95 <h3 class="heading">We currently support the following schools</h3>
98 <li><em class="sprite-school brown">Brown Logo</em></li>
99 <li><em class="sprite-school columbia">Columbia Logo</em></li>
100 <li><em class="sprite-school cornell">Cornell Logo</em></li>
101 <li><em class="sprite-school dartmouth">Dartmouth Logo</em></li>
102 <li><em class="sprite-school shield">School Logo</em></li>
103 <li><em class="sprite-school mit">MIT Logo</em></li>
104 <li><em class="sprite-school lock_haven">Lock Haven Logo</em></li>
105 <li><em class="sprite-school cal">Cal Tech Logo</em></li>
106 <li><em class="sprite-school texas">University of Texas Logo</em></li>
107 <li><em class="sprite-school yale">Yale Logo</em></li>
108 <li><em class="sprite-school penn">Penn Logo</em></li>
109 <li><em class="sprite-school harvard">Harvad Logo</em></li>
114 ***********************************************************
118 /* The is here is because it's related less to "styling" and more to UI "behavior" */
119 .page { display: none; }
123 This site requires JavaScript to properly function. Please enable JavaScript or use a modern browser such as <a href="http://google.com/chrome">Google Chrome</a> or <a href="http://firefox.com">Firefox</a>.
127 <div class=page id=pg_home>
134 <div class="grid-12">
135 <div class="padded-loose">
136 <h1 class="large-huge spaced centered">Welcome to FinalsClub! <span class="small">Collaborate. Learn. Share.</span></h1>
140 <div class="grid-10 grid-centered">
141 <div class="padded-loose">
142 <p class="no-top-margin">
143 Thank you for visiting FinalsClub.org, a 501(c)(3) non-profit open education
144 project dedicated to helping college students share knowledge freely online. While you learn better, faster, and smarter by using FinalsClub with your classmates,
145 we also encourage you to share your scholarship to benefit curious minds everywhere.
148 Getting started is easy. Just register with your school email address and confirm
149 your account. Then find your courses or add a new ones. You can also browse our
150 Library to learn something new. Thank you for helping us improve access to education,
151 one lecture at a time.
157 <div class="grid-12">
158 <div class="button-set vertical half-width centered-rt-parent half-width-buttons">
159 <button class="green">Sign Up</button>
160 <button class="blue">Learn Something</button>
165 <div class="container-12 spacer">
166 <hr class="stripes spacer" />
169 <h3 class="heading">Check out our Screencasts</h3>
170 <div class="video-wrapper">
171 <iframe src="http://player.vimeo.com/video/30647271?title=0&byline=0&portrait=0&color=367da9" width="460" height="259" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </div>
174 <h3 class="heading">We currently support the following schools</h3>
175 <div class="schools">
177 <li><em class="sprite-school brown">Brown Logo</em></li>
178 <li><em class="sprite-school columbia">Columbia Logo</em></li>
179 <li><em class="sprite-school cornell">Cornell Logo</em></li>
180 <li><em class="sprite-school dartmouth">Dartmouth Logo</em></li>
181 <li><em class="sprite-school shield">School Logo</em></li>
182 <li><em class="sprite-school mit">MIT Logo</em></li>
183 <li><em class="sprite-school lock_haven">Lock Haven Logo</em></li>
184 <li><em class="sprite-school cal">Cal Tech Logo</em></li>
185 <li><em class="sprite-school texas">University of Texas Logo</em></li>
186 <li><em class="sprite-school yale">Yale Logo</em></li>
187 <li><em class="sprite-school penn">Penn Logo</em></li>
188 <li><em class="sprite-school harvard">Harvad Logo</em></li>
197 <div class=page id=pg_schools>
198 <h1>Universities</h1>
199 <div class="proto school" id=PROTO_school onclick="goPage('/school/___id__')">
200 <div class=name>__name__</div>
201 <div class=desc>__description__</div>
207 <div class=page id=pg_courses>
208 <h1>Courses for <span id=school_name></span></h1>
209 <div class="proto course" id=PROTO_course>
210 <div class=dept>__department__</div>
212 <a href="/course/___id__">__number__: __name__</a>
216 <span class="sub_menu" style="display:none;">
217 <a href="" id="new_course">New Course</a>
219 <form method="POST" id="form_course" style="display:none;">
220 <h1>Create New Course</h1>
221 <p>Use this form to create a new course. After creating the course, you can create a lecture within it.</p>
223 <div class="label">Course number</div>
225 <input type="text" name="number">
229 <div class="label">Course name</div>
231 <input type="text" name="name">
235 <div class="label">Course subject</div>
237 <input type="text" name="subject">
241 <div class="label">Course department</div>
243 <input type="text" name="department">
247 <div class="label">Instructor's Name</div>
249 <input type="text" name="instructorName">
253 <div class="label">Instructor's Email</div>
255 <input type="text" name="email">
259 <div class="label"> </div>
261 <button>Create Course</button>
270 <div class=page id=pg_lectures>
271 <div class="proto lectures_head" id=PROTO_lectures_head>
272 <h1>Lectures for Course __number__ : __name__</h1>
273 Subject: __subject__<br>
274 Department: __department__<br>
276 <div class="proto lectures_instructor" id=PROTO_lectures_instructor>
277 Instructor: __name__ <span class="instructor_email">(__email__)</span><br>
279 <div class="proto lecture" id=PROTO_lecture>
281 <a href="/lecture/___id__">__name__</a><br>
282 Created: __date__<br>
286 <span class="sub_menu" style="display:none;">
287 <a href="" id="new_lecture">New Lecture</a>
289 <form method="POST" id="form_lecture" style="display:none;">
290 <h1>Create New Lecture</h1>
291 <p>Use this form to create a new lecture. After creating the lecture, you can then create a notes-taking session within it.</p>
293 <div class="label">Lecture Name</div>
295 <input type="text" name="name">
299 <div class="label"> </div>
301 <button>Create Lecture</button>
310 <div class=page id=pg_notes>
311 <div class="proto notes_head" id=PROTO_notes_head>
312 <h1>Note pads for Course __number__ : __name__</h1>
313 Subject: __subject__<br>
314 Department: __department__<br>
316 <div class="proto notes_instructor" id=PROTO_notes_instructor>
317 Instructor: __name__ <span class="instructor_email">(__email__)</span><br>
319 <div class="proto note" id=PROTO_note>
321 <a href="/note/___id__">__name__</a> Visits: __visits__
325 <span class="sub_menu" style="display:none;">
326 <a href="" id="new_note">New Note Pad</a>
328 <form method="POST" id="form_note" style="display:none;">
329 <h1>Create New Note Pad</h1>
330 <p>Use this form to create a new note pad. You can then use this as a notes-taking session.</p>
332 <div class="label">Note Pad Name</div>
334 <input type="text" name="name">
338 <div class="label">Private</div>
340 <input type="checkbox" name="private" value="true">
344 <div class="label"> </div>
346 <button>Create Note Pad</button>
355 <div class=page id=pg_archive_subjects>
356 <h1>Archived Subjects</h1>
358 Please browse our archive of past courses
359 covered at Harvard from 2008 through 2010.
362 <li class=proto id=PROTO_archive_subject>
363 <a href="/archive/subject/__id__">__name__</a>
371 <div class=page id=pg_archive_courses>
372 <h1>Archived Courses</h1>
374 <li class=proto id=PROTO_archive_course>
375 <a href="/archive/course/__id__">__name__</a>
383 <div class=page id=pg_archive_notes>
384 <h1>Archived Notes</h1>
386 <li class=proto id=PROTO_archive_note>
387 <a href="/archive/note/___id__">__topic__</a>
394 <div class=page id=pg_archive_note_display>
395 <div id=PROTO_archive_note_display>
403 <div class=page id=pg_register>
404 <h1>Create an Account</h1>
405 <form id="form_register" action="/register" method="POST">
409 <label for="email">Email</label>
412 <input type="text" name="email">
417 <label for="password">Password</label>
420 <input type="password" name="password">
425 <label for="school">School</label>
428 <select name="school">
429 <option value="Berkeley">Berkeley</option>
430 <option value="Brown">Brown</option>
431 <option value="Columbia">Columbia</option>
432 <option value="Cornell">Cornell</option>
433 <option value="Dartmouth">Dartmouth</option>
434 <option value="Harvard">Harvard</option>
435 <option value="MIT">MIT</option>
436 <option value="Princeton">Princeton</option>
437 <option value="Stanford">Stanford</option>
438 <option value="UPenn">UPenn</option>
439 <option value="University of Texas">University of Texas</option>
440 <option value="Yale">Yale</option>
441 <option value="Other">Other</option>
447 <label for="name">Name</label>
450 <input type="text" name="name">
455 <label for="affil">Affiliation</label>
458 <select name="affil">
459 <option value="Student">Student</option>
460 <option value="Teachers Assistant">Teachers Assistant</option>
469 <button>Register</button>
476 <div class="page" id="pg_profile">
477 <h1>User Profile</h1>
478 <form id="form_profile" action="/profile" method="POST">
479 <h2>Account Information</h2>
486 <span class="email"></span>
491 <label for="affiliation">Affiliation</label>
494 <select id="affiliation" name="affiliation">
495 <option value="Student">Student</option>
496 <option value="Teachers Assistant">Teachers Assistant</option>
501 <h2>Profile Information</h2>
505 <label for="name">User Name</label>
508 <input id="name" type="text" name="name" value="">
513 <label> </label>
516 <input style="width: auto;" id="showName" type="checkbox" name="showName">
517 Display your real name in contributions
523 <label for="major">Major</label>
526 <input id="major" type="text" name="major" value="">
531 <label for="bio">Bio</label>
534 <input id="bio" type="text" name="bio" value="">
539 <h2>Change Password</h2>
543 <label for="existingPassword">Old Password</label>
546 <input id="existingPassword" type="password" name="existingPassword">
551 <label for="newPassword">New Password</label>
554 <input id="newPassword" type="password" name="newPassword">
559 <label for="newPasswordConfirm">Confirm Password</label>
562 <input id="newPasswordConfirm" type="password" name="newPasswordConfirm">
567 <div class="label"> </div>
569 <button>Submit</button>
576 <div class=page id=pg_login>
578 <form id="form_login" action="/login" method="POST">
582 <label for="email">Email</label>
585 <input type="text" name="email" size="15" value="joe@sleepless.com">
590 <label for="password">Password</label>
593 <input type="password" name="password" size="15">
597 <div class="label">
600 <button class="major">Login</button>
601 <span class="reglink">
602 <a href="/resetpass">Forgot password?</a>
607 <div class="label">
610 <span class="reglink">
611 <a href="/register">Create an Account</a>
619 <div class="page" id="pg_resetpass">
620 <h1>Password Reset</h1>
621 <form id="form_resetpass" action="/resetpass" method="POST">
623 <p>To reset your password, enter your email address click "Reset". An email will be sent to you with a link to reset your password.</p>
626 <label for="email">Email</label>
629 <input type="text" name="email" size="15" value="">
633 <div class="label"> </div>
634 <div style="min-width: 200px" class="field">
635 <button>Reset</button>
642 <div class="page" id="pg_resetpw">
643 <h1>Password Reset</h1>
644 <form id="form_resetpw" action="/resetpw" method="POST">
646 <p>To verify and reset your password, type the full email address and your new password twice, then click submit.</p>
649 <label for="email">Email</label>
652 <input type="text" name="email" size="15" value="">
657 <label for="pass1">New Password</label>
660 <input type="password" name="pass1" size="15" value="">
665 <label for="pass2">Repeat New Password</label>
668 <input type="password" name="pass2" size="15" value="">
672 <div class="label"> </div>
673 <div style="min-width: 200px" class="field">
674 <button>Reset</button>
681 <div class=page id=pg_conduct>
682 <div class="conduct">
683 <h1>Code of Conduct</h1>
685 <img src="/images/keep-it-academic.png" alt="Keep it academic.">
688 This directive is deliberately vague to
689 accommodate creative humor, insight, and exploration.<br>
690 Disruptive or irrelevant material, however,
691 will be subject to removal.<br>
692 Just keep it academic, and we'll all be better off.<br>
700 <div class=page id=pg_press>
701 <h1>FinalsClub in the Press</h1>
703 <img src="/images/boston.com.png" class="press">
704 <p class="date">December 13, 2009</p>
705 <p>Plenty of Harvard graduates have traded on the fame and prestige of their alma mater, but few have done so the way Andrew Magliozzi has. The year he graduated, 2005, he started a tutoring company located steps from Harvard Yard, with a name, Veritas, that is the motto of his storied alma mater.</p>
706 <p>Then, two years ago, Magliozzi started up a side project called Finalsclub.org.</p>
708 <a href="http://www.boston.com/bostonglobe/ideas/articles/2009/12/13/freeharvardeducationcom">Read more ...</a>
713 <img src="/images/harvard-crimson.jpg" class="press">
714 <p class="date">Wednesday, February 18, 2009</p>
715 <p>A rapidly growing course preparatory Web site, FinalsClub.org, is moving forward with a plan to expand its site in spite of controversy over the legality of the venture. </p>
716 <p>The Web site, which allows students to share notes, create study groups, and blog about lectures and sections, recently hired 10 Harvard College students to serve as BETA testers for the site. </p>
718 <a href="http://www.thecrimson.com/article/2009/2/18/finalscluborg-passes-punch-span-stylefont-weight-boldcorrection">Read more ...</a>
723 <img src="/images/blown-to-bits.png" class="press">
724 <p class="date">September 27th, 2009</p>
725 <p>Computer Science professor and former Dean of Harvard, Harry Lewis, embraces FinalsClub's work and its guiding principle of open education. Even as Harvard University has not been wholly sympathetic to the FinalsClub mission, invoking the Copyright Act of 1976, assuming a similar position to other major institutions such as University of Texas, Lewis supports working towards the proverbial "temple of the free exchange of ideas." A course he taught in the Harvard Extension School was also shared freely online. </p>
727 <a href="http://www.bitsbook.com/2009/09/a-harvard-skirmish-in-the-copyright-wars">Read more ...</a>
735 <div class=page id=pg_notfound>
736 <h1>Page Not Found</h1>
737 Sorry, there is no content for this page.
746 <hr class="stripes bordered" />
748 <div class="footer small">
749 <div class="container-12">
750 <div class="grid-12">
751 <nav id="footer-nav">
753 <li><a href="#">Code of Conduct</a></li>
754 <li><a href="#">About</a></li>
755 <li><a href="#">Contact</a></li>
756 <li><a href="#">Legal</a></li>
757 <li><a href="#">Team</a></li>
760 <p>Copyright 2011 Finals Club. All rights reserved.</p>
761 <div class="creative_commons">
762 <div class="section">
763 <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
764 <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" />
768 <div class="section">
769 This work is licensed under a
770 <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.