public/index.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         <!--
   4
   5                  Currently tested with:
   6
   7                                                 Mac             Windows
   8                                          ______________________
   9                         Chrome  |       15              -
  10                         Safari  |       5               -
  11                         FF              |       8               8
  12                         IE              |       N/A             9
  13
  14         -->
  15
  16         <head>
  17                 <title>FinalsClub.org</title>
  18
  19                 <!-- XXX Some SEO here would be nice -->
  20
  21                 <link rel='stylesheet' href='/stylesheets/fc2.css'>
  22
  23                 <script type='text/javascript' src='/javascripts/jquery.min.js'></script>
  24                 <script type='text/javascript' src='/javascripts/es5-shim.min.js'></script>
  25                 <script type='text/javascript' src='/socket.io/socket.io.js'></script>
  26                 <script type='text/javascript' src='/javascripts/protodiv.js'></script>
  27                 <script type='text/javascript' src='/javascripts/main.js'></script>
  28
  29                 <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
  30                 <meta name="apple-touch-icon" href=""> <!-- XXX -->
  31                 <meta name="icon" href="">
  32
  33         </head>
  34
  35         <body>
  36
  37                 <div class="masthead">
  38                         <div class="logbar">
  39                                 <div class="loginstatus">&nbsp;</div>
  40                         </div>
  41                         <div class="navbar">
  42                                 <table>
  43                                         <tr>
  44                                                 <td>
  45                                                         <a href="/"><img src="/images/finals-club-wht.png" class="logo"/></a>
  46                                                 </td>
  47                                                 <td class="menu">
  48                                                         <a href="javascript:goPage('/schools')">Start Here!</a>
  49                                                         <a href="http://blog.finalsclub.org">Blog</a>
  50                                                         <a href="javascript:goPage('/archive')">Archive</a>
  51                                                         <a href="javascript:goPage('/press')">Press</a>
  52                                                         <a href="javascript:goPage('/register')">Create an Account</a>
  53                                                         <a href="javascript:goPage('/login')" class="special">Login</a>
  54                                                 </td>
  55                                         </tr>
  56                                 </table>
  57                         </div>
  58                         <div class="logbar">&nbsp;</div>
  59                 </div>
  60
  61                 <div id="topofcontent"></div>
  62
  63
  64
  65                 <div class="content">
  66
  67                         <style>
  68                                 /* The is here is because it's related less to "styling" and more to UI "behavior" */
  69                                 .page { display: none; }
  70                         </style>
  71
  72
  73
  74
  75                         <div class=page id=pg_home>
  76                                 <div class="contenthome">
  77                                         <div class="tagline">
  78                                                 <p>
  79                                                 Welcome to FinalsClub.org, a 501(c)(3) non-profit
  80                                                 open education project dedicated to helping college
  81                                                 students collaborate, learn, and share their
  82                                                 knowledge freely online.
  83                                                 </p>
  84                                                 <p>
  85                                                 Please create an account with your school email address
  86                                                 to try our tools or browse our course archive to learn
  87                                                 something new.
  88                                                 Thank you for helping us improve access to education,
  89                                                 one lecture at a time.
  90                                                 </p>
  91                                                 <p></p>
  92                                                 <div id="learnsomething" class="button green">Learn something &gt;&gt; </div>
  93                                                 <p></p>
  94                                                 <iframe src="http://player.vimeo.com/video/30647271?title=0&amp;byline=0&amp;portrait=0" width="350" height="250" frameborder="0" webkitallowfullscreen="webkitAllowFullScreen" allowfullscreen="allowFullScreen"></iframe>
  95                                         </div>
  96                                 </div>
  97
  98                         </div>
  99
 100
 101
 102                         <div class=page id=pg_schools>
 103                                 <h1>Universities</h1>
 104                                 <div class="proto school" id=PROTO_school onclick="goPage('/school/___id__')">
 105                                         <div class=name>__name__</div>
 106                                         <div class=desc>__description__</div>
 107                                 </div>
 108                         </div>
 109
 110
 111
 112                         <div class=page id=pg_courses>
 113                                 <h1>Courses for <span id=school_name></span></h1>
 114                                 <div class="proto course" id=PROTO_course>
 115                                         <div class=dept>__department__</div>
 116                                         <div class=name>
 117                                                 <a href="javascript:goPage('/course/___id__')">__number__: __name__</a>
 118                                         </div>
 119                                 </div>
 120                         </div>
 121
 122
 123
 124                         <div class=page id=pg_lectures>
 125                                 <div class="proto lectures_head" id=PROTO_lectures_head>
 126                                         <h1>Lectures for Course __number__ : __name__</h1>
 127                                         Subject: __subject__<br>
 128                                         Department: __department__<br>
 129                                 </div>
 130                                 <div class="proto lectures_instructor" id=PROTO_lectures_instructor>
 131                                         Instructor: __name__ (__email__)<br>
 132                                 </div>
 133                                 <div class="proto lecture" id=PROTO_lecture>
 134                                         <div class=name>
 135                                                 <a href="javascript:goPage('/lecture/___id__')">__name__</a><br>
 136                                                 Created: __date__<br>
 137                                         </div>
 138                                 </div>
 139                         </div>
 140
 141
 142
 143                         <div class=page id=pg_notes>
 144                                 <h1>Notepads </h1>
 145                                 <div class="proto note" id=PROTO_note>
 146                                         <div class=name>
 147                                                 <a href="/note/___id__">__name__</a>
 148                                         </div>
 149                                 </div>
 150                         </div>
 151
 152
 153
 154                         <div class=page id=pg_archive_subjects>
 155                                 <h1>Archived Subjects</h1>
 156                                 <p>
 157                                 Please browse our archive of past courses
 158                                 covered at Harvard from 2008 through 2010.
 159                                 </p>
 160                                 <ul>
 161                                         <li class=proto id=PROTO_archive_subject>
 162                                                 <a href="javascript:goPage('/archive/subject/__id__')">__name__</a>
 163                                         </li>
 164                                 </ul>
 165
 166                         </div>
 167
 168
 169
 170                         <div class=page id=pg_archive_courses>
 171                                 <h1>Archived Courses</h1>
 172                                 <ul>
 173                                         <li class=proto id=PROTO_archive_course>
 174                                                 <a href="javascript:goPage('/archive/course/__id__')">__name__</a>
 175                                         </li>
 176                                 </ul>
 177
 178                         </div>
 179
 180
 181
 182                         <div class=page id=pg_archive_notes>
 183                                 <h1>Archived Notes</h1>
 184                                 <ul>
 185                                         <li class=proto id=PROTO_archive_note>
 186                                                 <a href="javascript:goPage('/archive/note/___id__')">__topic__</a>
 187                                         </li>
 188                                 </ul>
 189                         </div>
 190
 191
 192
 193                         <div class=page id=pg_archive_note_display>
 194                                 <div id=PROTO_archive_note_display>
 195                                         <h1>__topic__</h1>
 196                                         <div>__text__</div>
 197                                 </div>
 198                         </div>
 199
 200
 201
 202                         <div class=page id=pg_register>
 203                                 <h1>Create an Account</h1>
 204                                 <form id="credentials" action="/register" method="POST">
 205                                         <div class="zarea">
 206                                                 <div class="row">
 207                                                         <div class="label">
 208                                                                 <label for="email">Email</label>
 209                                                         </div>
 210                                                         <div class="field">
 211                                                                 <input type="text" name="email">
 212                                                         </div>
 213                                                 </div>
 214                                                 <div class="row">
 215                                                         <div class="label">
 216                                                                 <label for="password">Password</label>
 217                                                         </div>
 218                                                         <div class="field">
 219                                                                 <input type="password" name="password">
 220                                                         </div>
 221                                                 </div>
 222                                                 <div class="row">
 223                                                         <div class="label">
 224                                                                 <label for="school">School</label>
 225                                                         </div>
 226                                                         <div class="field">
 227                                                                 <select name="school">
 228                                                                         <option value="Berkeley">Berkeley</option>
 229                                                                         <option value="Brown">Brown</option>
 230                                                                         <option value="Columbia">Columbia</option>
 231                                                                         <option value="Cornell">Cornell</option>
 232                                                                         <option value="Dartmouth">Dartmouth</option>
 233                                                                         <option value="Harvard">Harvard</option>
 234                                                                         <option value="MIT">MIT</option>
 235                                                                         <option value="Princeton">Princeton</option>
 236                                                                         <option value="Stanford">Stanford</option>
 237                                                                         <option value="UPenn">UPenn</option>
 238                                                                         <option value="University of Texas">University of Texas</option>
 239                                                                         <option value="Yale">Yale</option>
 240                                                                         <option value="Other">Other</option>
 241                                                                 </select>
 242                                                         </div>
 243                                                 </div>
 244                                                 <div class="row">
 245                                                         <div class="label">
 246                                                                 <label for="name">Name</label>
 247                                                         </div>
 248                                                         <div class="field">
 249                                                                 <input type="text" name="name">
 250                                                         </div>
 251                                                 </div>
 252                                                 <div class="row">
 253                                                         <div class="label">
 254                                                                 <label for="affil">Affiliation</label>
 255                                                         </div>
 256                                                         <div class="field">
 257                                                                 <select name="affil">
 258                                                                         <option value="Student">Student</option>
 259                                                                         <option value="Teachers Assistant">Teachers Assistant</option>
 260                                                                 </select>
 261                                                         </div>
 262                                                 </div>
 263                                                 <div class="row">
 264                                                         <div class="label">
 265                                                                 &nbsp;
 266                                                         </div>
 267                                                         <div class="field">
 268                                                                 <button>Register</button>
 269                                                         </div>
 270                                                 </div>
 271                                         </div>
 272                                 </form>
 273                         </div>
 274
 275
 276
 277                         <div class=page id=pg_login>
 278                                 <h1>Login</h1>
 279                                 <form id="credentials" action="/login" method="POST">
 280                                         <div class="zarea">
 281                                                 <div class="row">
 282                                                         <div class="label">
 283                                                                 <label for="email">Email</label>
 284                                                         </div>
 285                                                         <div class="field">
 286                                                                 <input type="text" name="email" size="15" value="joe@sleepless.com">
 287                                                         </div>
 288                                                 </div>
 289                                                 <div class="row">
 290                                                         <div class="label">
 291                                                                 <label for="password">Password</label>
 292                                                         </div>
 293                                                         <div class="field">
 294                                                                 <input type="password" name="password" size="15">
 295                                                         </div>
 296                                                 </div>
 297                                                 <div class="row">
 298                                                         <div class="label">&nbsp;
 299                                                         </div>
 300                                                         <div class="field">
 301                                                                 <button class="major">Login</button>
 302                                                                 <span class="reglink">
 303                                                                         <a href="/resetpw">Forgot password?</a>
 304                                                                 </span>
 305                                                         </div>
 306                                                 </div>
 307                                                 <div class="row">
 308                                                         <div class="label">&nbsp;
 309                                                         </div>
 310                                                         <div class="field">
 311                                                                 <span class="reglink">
 312                                                                         <a href="/register">Create an Account</a>
 313                                                                 </span>
 314                                                         </div>
 315                                                 </div>
 316                                         </div>
 317                                 </form>
 318                         </div>
 319
 320
 321                         <div class=page id=pg_conduct>
 322                                 <div class="conduct">
 323                                         <h1>Code of Conduct</h1>
 324                                         <p class="academic">
 325                                                 <img src="/images/keep-it-academic.png" alt="Keep it academic.">
 326                                         </p>
 327                                         <p class="vague">
 328                                                 This directive is deliberately vague to
 329                                                 accommodate creative humor, insight, and exploration.<br>
 330                                                 Disruptive or irrelevant material, however,
 331                                                 will be subject to removal.<br>
 332                                                 Just keep it academic, and we'll all be better off.<br>
 333                                         </p>
 334                                 </div>
 335                         </div>
 336
 337
 338
 339
 340                         <div class=page id=pg_press>
 341                                 <h1>FinalsClub in the Press</h1>
 342                                 <div class="press">
 343                                         <img src="/images/boston.com.png" class="press">
 344                                         <p class="date">December 13, 2009</p>
 345                                         <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>
 346                                         <p>Then, two years ago, Magliozzi started up a side project called Finalsclub.org.</p>
 347                                         <p class="readmore">
 348                                         <a href="http://www.boston.com/bostonglobe/ideas/articles/2009/12/13/freeharvardeducationcom">Read more ...</a>
 349                                         </p>
 350                                 </div>
 351                                 <hr>
 352                                 <div class="press">
 353                                         <img src="/images/harvard-crimson.jpg" class="press">
 354                                         <p class="date">Wednesday, February 18, 2009</p>
 355                                         <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>
 356                                         <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>
 357                                         <p class="readmore">
 358                                         <a href="http://www.thecrimson.com/article/2009/2/18/finalscluborg-passes-punch-span-stylefont-weight-boldcorrection">Read more ...</a>
 359                                         </p>
 360                                 </div>
 361                                 <hr>
 362                                 <div class="press">
 363                                         <img src="/images/blown-to-bits.png" class="press">
 364                                         <p class="date">September 27th, 2009</p>
 365                                         <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>
 366                                         <p class="readmore">
 367                                         <a href="http://www.bitsbook.com/2009/09/a-harvard-skirmish-in-the-copyright-wars">Read more ...</a>
 368                                         </p>
 369                                 </div>
 370                         </div>
 371
 372
 373
 374
 375                         <div class=page id=pg_notfound>
 376                                 <h1>Page Not Found</h1>
 377                                 Sorry, there is no content for this page.
 378                         </div>
 379
 380
 381
 382
 383                 </div>
 384
 385
 386
 387
 388                 <div class="footer">
 389                         <table>
 390                                 <tr>
 391                                         <td class="col1">
 392                                                 <div class="logo">
 393                                                         <img src="/images/finals-club-wht.png" title="FinalsClub.org" class="lilogo"/>
 394                                                 </div>
 395                                                 <div>Copyright 2011</div>
 396                                                 <div>All Rights Reserved</div>
 397                                         </td>
 398                                         <td class="col2">
 399                                                 <a href="javascript:goPage('/conduct')">Code of Conduct</a>
 400                                                 <a href="http://blog.finalsclub.org/about.html">About</a>
 401                                                 <a href="http://blog.finalsclub.org/contact.html">Contact</a>
 402                                                 <a href="http://blog.finalsclub.org/legal.html">Legal</a>
 403                                                 <a href="http://blog.finalsclub.org/team.html">Team</a>
 404                                         </td>
 405                                 </tr>
 406                         </table>
 407                 </div>
 408                 <div class="footerer">
 409                         <p>
 410                                 This work is licensed under a
 411                                 Creative Commons Attribution-ShareAlike 3.0
 412                                 United States License
 413                         </p>
 414                         <p>
 415                                 <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>
 416                                 <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>
 417                         </p>
 418                 </div>
 419
 420
 421
 422
 423         </body>
 424 </html>