1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5 <title>FinalsClub.org</title>
7 <!-- XXX Some SEO here would be nice -->
9 <link rel='stylesheet' href='/stylesheets/fc2.css'>
11 <script type='text/javascript' src='/javascripts/jquery.min.js'></script>
12 <script type='text/javascript' src='/javascripts/es5-shim.min.js'></script>
13 <script type='text/javascript' src='/javascripts/protodiv.js'></script>
14 <script type='text/javascript' src='/javascripts/main.js'></script>
15 <script type='text/javascript' src='/socket.io/socket.io.js'></script>
17 <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
18 <meta name="apple-touch-icon" href=""> <!-- XXX -->
19 <meta name="icon" href="">
25 <div class="masthead">
27 <div class="loginstatus"><div id="login_status" class="page"><div id="PROTO_login_info">Currently logged in as <span class="username">__name__</span></div></div></div>
33 <a href="/"><img src="/images/finals-club-wht.png" class="logo"/></a>
36 <a href="/schools">Start Here!</a>
37 <a href="http://blog.finalsclub.org">Blog</a>
38 <a href="/archive">Archive</a>
39 <a href="/press">Press</a>
40 <a href="/register" id="register_link">Create an Account</a>
41 <a href="/profile" id="profile_link" style="display:none;">Profile</a>
42 <a href="/login" id="login_link" class="special">Login</a>
47 <div class="logbar"> </div>
50 <div id="topofcontent"></div>
52 <div id="messages" class="page"><span id="PROTO_message" class="__type__">__msg__</span></div>
56 /* The is here is because it's related less to "styling" and more to UI "behavior" */
57 .page { display: none; }
63 <div class=page id=pg_home>
64 <div class="contenthome">
67 Welcome to FinalsClub.org, a 501(c)(3) non-profit
68 open education project dedicated to helping college
69 students collaborate, learn, and share their
70 knowledge freely online.
73 Please create an account with your school email address
74 to try our tools or browse our course archive to learn
76 Thank you for helping us improve access to education,
77 one lecture at a time.
80 <div id="learnsomething" class="button green">Learn something >> </div>
82 <div id="screencast"></div>
90 <div class=page id=pg_schools>
92 <div class="proto school" id=PROTO_school onclick="goPage('/school/___id__')">
93 <div class=name>__name__</div>
94 <div class=desc>__description__</div>
100 <div class=page id=pg_courses>
101 <h1>Courses for <span id=school_name></span></h1>
102 <div class="proto course" id=PROTO_course>
103 <div class=dept>__department__</div>
105 <a href="/course/___id__">__number__: __name__</a>
109 <span class="sub_menu">
110 <a href="" id="new_course" style="display:none;">New Course</a>
112 <form method="POST" id="form_course" style="display:none;">
113 <h1>Create New Course</h1>
114 <p>Use this form to create a new course. After creating the course, you can create a lecture within it.</p>
116 <div class="label">Course number</div>
118 <input type="text" name="number">
122 <div class="label">Course name</div>
124 <input type="text" name="name">
128 <div class="label">Course subject</div>
130 <input type="text" name="subject">
134 <div class="label">Course department</div>
136 <input type="text" name="department">
140 <div class="label">Instructor's Name</div>
142 <input type="text" name="instructorName">
146 <div class="label">Instructor's Email</div>
148 <input type="text" name="email">
152 <div class="label"> </div>
154 <button>Create Course</button>
163 <div class=page id=pg_lectures>
164 <div class="proto lectures_head" id=PROTO_lectures_head>
165 <h1>Lectures for Course __number__ : __name__</h1>
166 Subject: __subject__<br>
167 Department: __department__<br>
169 <div class="proto lectures_instructor" id=PROTO_lectures_instructor>
170 Instructor: __name__ (__email__)<br>
172 <div class="proto lecture" id=PROTO_lecture>
174 <a href="/lecture/___id__">__name__</a><br>
175 Created: __date__<br>
179 <span class="sub_menu">
180 <a href="" id="new_lecture" style="display:none;">New Lecture</a>
182 <form method="POST" id="form_lecture" style="display:none;">
183 <h1>Create New Lecture</h1>
184 <p>Use this form to create a new lecture. After creating the lecture, you can then create a notes-taking session within it.</p>
186 <div class="label">Lecture Name</div>
188 <input type="text" name="name">
192 <div class="label"> </div>
194 <button>Create Lecture</button>
203 <div class=page id=pg_notes>
205 <div class="proto note" id=PROTO_note>
207 <a href="/note/___id__">__name__</a>
211 <span class="sub_menu">
212 <a href="" id="new_note" style="display:none;">New Note Pad</a>
214 <form method="POST" id="form_note" style="display:none;">
215 <h1>Create New Note Pad</h1>
216 <p>Use this form to create a new note pad. You can then use this as a notes-taking session.</p>
218 <div class="label">Note Pad Name</div>
220 <input type="text" name="name">
224 <div class="label">Private</div>
226 <input type="checkbox" name="private" value="true">
230 <div class="label"> </div>
232 <button>Create Note Pad</button>
241 <div class=page id=pg_archive_subjects>
242 <h1>Archived Subjects</h1>
244 Please browse our archive of past courses
245 covered at Harvard from 2008 through 2010.
248 <li class=proto id=PROTO_archive_subject>
249 <a href="/archive/subject/__id__">__name__</a>
257 <div class=page id=pg_archive_courses>
258 <h1>Archived Courses</h1>
260 <li class=proto id=PROTO_archive_course>
261 <a href="/archive/course/__id__">__name__</a>
269 <div class=page id=pg_archive_notes>
270 <h1>Archived Notes</h1>
272 <li class=proto id=PROTO_archive_note>
273 <a href="/archive/note/___id__">__topic__</a>
280 <div class=page id=pg_archive_note_display>
281 <div id=PROTO_archive_note_display>
289 <div class=page id=pg_register>
290 <h1>Create an Account</h1>
291 <form id="form_register" action="/register" method="POST">
295 <label for="email">Email</label>
298 <input type="text" name="email">
303 <label for="password">Password</label>
306 <input type="password" name="password">
311 <label for="school">School</label>
314 <select name="school">
315 <option value="Berkeley">Berkeley</option>
316 <option value="Brown">Brown</option>
317 <option value="Columbia">Columbia</option>
318 <option value="Cornell">Cornell</option>
319 <option value="Dartmouth">Dartmouth</option>
320 <option value="Harvard">Harvard</option>
321 <option value="MIT">MIT</option>
322 <option value="Princeton">Princeton</option>
323 <option value="Stanford">Stanford</option>
324 <option value="UPenn">UPenn</option>
325 <option value="University of Texas">University of Texas</option>
326 <option value="Yale">Yale</option>
327 <option value="Other">Other</option>
333 <label for="name">Name</label>
336 <input type="text" name="name">
341 <label for="affil">Affiliation</label>
344 <select name="affil">
345 <option value="Student">Student</option>
346 <option value="Teachers Assistant">Teachers Assistant</option>
355 <button>Register</button>
362 <div class="page" id="pg_profile">
363 <h1>User Profile</h1>
364 <form id="form_profile" action="/profile" method="POST">
365 <h2>Account Information</h2>
372 <span class="email"></span>
377 <label for="affiliation">Affiliation</label>
380 <select id="affiliation" name="affiliation">
381 <option value="Student">Student</option>
382 <option value="Teachers Assistant">Teachers Assistant</option>
387 <h2>Profile Information</h2>
391 <label for="name">User Name</label>
394 <input id="name" type="text" name="name" value="">
399 <label> </label>
402 <input style="width: auto;" id="showName" type="checkbox" name="showName">
403 Display your real name in contributions
409 <label for="major">Major</label>
412 <input id="major" type="text" name="major" value="">
417 <label for="bio">Bio</label>
420 <input id="bio" type="text" name="bio" value="">
425 <h2>Change Password</h2>
429 <label for="existingPassword">Old Password</label>
432 <input id="existingPassword" type="password" name="existingPassword">
437 <label for="newPassword">New Password</label>
440 <input id="newPassword" type="password" name="newPassword">
445 <label for="newPasswordConfirm">Confirm Password</label>
448 <input id="newPasswordConfirm" type="password" name="newPasswordConfirm">
453 <div class="label"> </div>
455 <button>Submit</button>
462 <div class=page id=pg_login>
464 <form id="form_login" action="/login" method="POST">
468 <label for="email">Email</label>
471 <input type="text" name="email" size="15" value="joe@sleepless.com">
476 <label for="password">Password</label>
479 <input type="password" name="password" size="15">
483 <div class="label">
486 <button class="major">Login</button>
487 <span class="reglink">
488 <a href="/resetpw">Forgot password?</a>
493 <div class="label">
496 <span class="reglink">
497 <a href="/register">Create an Account</a>
505 <div class="page" id="pg_resetpass">
506 <h1>Password Reset</h1>
507 <form id="form_resetpass" action="/resetpass" method="POST">
509 <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>
512 <label for="email">Email</label>
515 <input type="text" name="email" size="15" value="">
519 <div class="label"> </div>
520 <div style="min-width: 200px" class="field">
521 <button>Reset</button>
528 <div class="page" id="pg_resetpw">
529 <h1>Password Reset</h1>
530 <form id="form_resetpw" action="/resetpw" method="POST">
532 <p>To verify and reset your password, type the full email address and your new password twice, then click submit.</p>
535 <label for="email">Email</label>
538 <input type="text" name="email" size="15" value="">
543 <label for="pass1">New Password</label>
546 <input type="password" name="pass1" size="15" value="">
551 <label for="pass2">Repeat New Password</label>
554 <input type="password" name="pass2" size="15" value="">
558 <div class="label"> </div>
559 <div style="min-width: 200px" class="field">
560 <button>Reset</button>
567 <div class=page id=pg_conduct>
568 <div class="conduct">
569 <h1>Code of Conduct</h1>
571 <img src="/images/keep-it-academic.png" alt="Keep it academic.">
574 This directive is deliberately vague to
575 accommodate creative humor, insight, and exploration.<br>
576 Disruptive or irrelevant material, however,
577 will be subject to removal.<br>
578 Just keep it academic, and we'll all be better off.<br>
586 <div class=page id=pg_press>
587 <h1>FinalsClub in the Press</h1>
589 <img src="/images/boston.com.png" class="press">
590 <p class="date">December 13, 2009</p>
591 <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>
592 <p>Then, two years ago, Magliozzi started up a side project called Finalsclub.org.</p>
594 <a href="http://www.boston.com/bostonglobe/ideas/articles/2009/12/13/freeharvardeducationcom">Read more ...</a>
599 <img src="/images/harvard-crimson.jpg" class="press">
600 <p class="date">Wednesday, February 18, 2009</p>
601 <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>
602 <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>
604 <a href="http://www.thecrimson.com/article/2009/2/18/finalscluborg-passes-punch-span-stylefont-weight-boldcorrection">Read more ...</a>
609 <img src="/images/blown-to-bits.png" class="press">
610 <p class="date">September 27th, 2009</p>
611 <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>
613 <a href="http://www.bitsbook.com/2009/09/a-harvard-skirmish-in-the-copyright-wars">Read more ...</a>
621 <div class=page id=pg_notfound>
622 <h1>Page Not Found</h1>
623 Sorry, there is no content for this page.
639 <img src="/images/finals-club-wht.png" title="FinalsClub.org" class="lilogo"/>
641 <div>Copyright 2011</div>
642 <div>All Rights Reserved</div>
645 <a href="/conduct">Code of Conduct</a>
646 <a href="http://blog.finalsclub.org/about.html">About</a>
647 <a href="http://blog.finalsclub.org/contact.html">Contact</a>
648 <a href="http://blog.finalsclub.org/legal.html">Legal</a>
649 <a href="http://blog.finalsclub.org/team.html">Team</a>
654 <div class="footerer">
656 This work is licensed under a
657 Creative Commons Attribution-ShareAlike 3.0
658 United States License
661 <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>
662 <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>