public/index.html

   1 <!DOCTYPE html>
   2 <html class="no-js">
   3
   4         <head>
   5
   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>
  11
  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>
  17
  18         </head>
  19
  20         <body>
  21                 <div class="header">
  22                         <div class="container-12 highlight">
  23                                         <div class="grid-3">
  24                                                 <a id="logo" href="/">
  25                                                         <img src="assets/img/logo-light.png" alt="FinalsClub" />
  26                                                 </a>
  27                                         </div>
  28                                         <div class="grid-9">
  29 <div id="login_status" style="display:none;">Currently logged in as <span class="username"></span></div>
  30                                                 <nav id="user-nav" class="small">
  31                                                         <ul>
  32                                                                 <li>Hi, <span class="username"></span></li>
  33                                                                 <li><a href="#">Logout</a></li>
  34                                                         </ul>
  35                                                 </nav>
  36                                                 <nav id="main-nav" class="small">
  37                                                         <ul>
  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>
  46                                                         </ul>
  47                                                 </nav>
  48                                         </div>
  49                         </div>
  50                 </div>
  51                 <hr class="stripes" />
  52                 <div id="topofcontent"></div>
  53                 <div id="messages" class="page"><span id="PROTO_message" class="__type__">__msg__</span></div>
  54                 <div class="content">
  55                         <div class="container-12">
  56
  57                 <div id="messages" class="page">
  58                         <div id="PROTO_message" class="__type__">__msg__</div>
  59                 </div>
  60
  61                         <!--
  62                         ***********************************************************
  63                                 <div class="grid-12">
  64                                         <div class="padded-loose">
  65                                                 <h1 class="large-huge spaced centered">Welcome to FinalsClub! <span class="small">Collaborate. Learn. Share.</span></h1>
  66                                         </div>
  67                                 </div>
  68                                 <div class="grid-10 grid-centered">
  69                                         <div class="padded-loose">
  70                                                 <p class="no-top-margin">
  71                                                         Thank you for visiting FinalsClub.org, a 501(c)(3) non-profit open education
  72                                                         project dedicated to helping college students share knowledge freely online.  While you learn better, faster, and smarter by using FinalsClub with your classmates,
  73                                                         we also encourage you to share your scholarship to benefit curious minds everywhere.
  74                                                 </p>
  75                                                 <p>
  76                                                         Getting started is easy.  Just register with your school email address and confirm
  77                                                         your account.  Then find your courses or add a new ones.  You can also browse our
  78                                                         Library to learn something new.  Thank you for helping us improve access to education,
  79                                                         one lecture at a time.
  80                                                 </p>
  81                                         </div>
  82                                 </div>
  83                                 <div class="grid-12">
  84                                         <div class="button-set vertical half-width centered-rt-parent half-width-buttons">
  85                                                 <button class="green">Sign Up</button>
  86                                                 <button class="blue">Learn Something</button>
  87                                         </div>
  88                                 </div>
  89                         </div>
  90                         <div class="container-12 spacer">
  91                           <hr class="stripes spacer" />
  92
  93                                 <div class="grid-6">
  94                                         <h3 class="heading">Check out our Screencasts</h3>
  95                                         <div class="video-wrapper">
  96                                                 <iframe src="http://player.vimeo.com/video/30647271?title=0&amp;byline=0&amp;portrait=0&amp;color=367da9" width="460" height="259" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>              </div>
  97                                         </div>
  98                                 <div class="grid-6">
  99                                         <h3 class="heading">We currently support the following schools</h3>
 100                                         <div class="schools">
 101                                                 <ul>
 102                                                         <li><em class="sprite-school brown">Brown Logo</em></li>
 103                                                         <li><em class="sprite-school columbia">Columbia Logo</em></li>
 104                                                         <li><em class="sprite-school cornell">Cornell Logo</em></li>
 105                                                         <li><em class="sprite-school dartmouth">Dartmouth Logo</em></li>
 106                                                         <li><em class="sprite-school shield">School Logo</em></li>
 107                                                         <li><em class="sprite-school mit">MIT Logo</em></li>
 108                                                         <li><em class="sprite-school lock_haven">Lock Haven Logo</em></li>
 109                                                         <li><em class="sprite-school cal">Cal Tech Logo</em></li>
 110                                                         <li><em class="sprite-school texas">University of Texas Logo</em></li>
 111                                                         <li><em class="sprite-school yale">Yale Logo</em></li>
 112                                                         <li><em class="sprite-school penn">Penn Logo</em></li>
 113                                                         <li><em class="sprite-school harvard">Harvad Logo</em></li>
 114                                                 </ul>
 115                                         </div>
 116                                 </div>
 117                         </div>
 118                         ***********************************************************
 119                         -->
 120
 121                         <style>
 122                                 /* The is here is because it's related less to "styling" and more to UI "behavior" */
 123                                 .page { display: none; }
 124                         </style>
 125
 126       <noscript>
 127         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>.
 128       </noscript>
 129
 130
 131                         <div class=page id=pg_home>
 132
 133
 134
 135
 136
 137
 138                                 <div class="grid-12">
 139                                         <div class="padded-loose">
 140                                                 <h1 class="large-huge spaced centered">Welcome to FinalsClub! <span class="small">Collaborate. Learn. Share.</span></h1>
 141                                         </div>
 142                                 </div>
 143
 144                                 <div class="grid-10 grid-centered">
 145                                         <div class="padded-loose">
 146                                                 <p class="no-top-margin">
 147                                                         Thank you for visiting FinalsClub.org, a 501(c)(3) non-profit open education
 148                                                         project dedicated to helping college students share knowledge freely online.  While you learn better, faster, and smarter by using FinalsClub with your classmates,
 149                                                         we also encourage you to share your scholarship to benefit curious minds everywhere.
 150                                                 </p>
 151                                                 <p>
 152                                                         Getting started is easy.  Just register with your school email address and confirm
 153                                                         your account.  Then find your courses or add a new ones.  You can also browse our
 154                                                         Library to learn something new.  Thank you for helping us improve access to education,
 155                                                         one lecture at a time.
 156                                                 </p>
 157                                         </div>
 158                                 </div>
 159
 160
 161                                 <div class="grid-12">
 162                                         <div class="button-set vertical half-width centered-rt-parent half-width-buttons">
 163                                                 <button class="green">Sign Up</button>
 164                                                 <button class="blue">Learn Something</button>
 165                                         </div>
 166                                 </div>
 167
 168
 169                                 <div class="container-12 spacer">
 170                                   <hr class="stripes spacer" />
 171
 172                                         <div class="grid-6">
 173                                                 <h3 class="heading">Check out our Screencasts</h3>
 174                                                 <div class="video-wrapper">
 175                                                         <iframe src="http://player.vimeo.com/video/30647271?title=0&amp;byline=0&amp;portrait=0&amp;color=367da9" width="460" height="259" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>              </div>
 176                                                 </div>
 177                                         <div class="grid-6">
 178                                                 <h3 class="heading">We currently support the following schools</h3>
 179                                                 <div class="schools">
 180                                                         <ul>
 181                                                                 <li><em class="sprite-school brown">Brown Logo</em></li>
 182                                                                 <li><em class="sprite-school columbia">Columbia Logo</em></li>
 183                                                                 <li><em class="sprite-school cornell">Cornell Logo</em></li>
 184                                                                 <li><em class="sprite-school dartmouth">Dartmouth Logo</em></li>
 185                                                                 <li><em class="sprite-school shield">School Logo</em></li>
 186                                                                 <li><em class="sprite-school mit">MIT Logo</em></li>
 187                                                                 <li><em class="sprite-school lock_haven">Lock Haven Logo</em></li>
 188                                                                 <li><em class="sprite-school cal">Cal Tech Logo</em></li>
 189                                                                 <li><em class="sprite-school texas">University of Texas Logo</em></li>
 190                                                                 <li><em class="sprite-school yale">Yale Logo</em></li>
 191                                                                 <li><em class="sprite-school penn">Penn Logo</em></li>
 192                                                                 <li><em class="sprite-school harvard">Harvad Logo</em></li>
 193                                                         </ul>
 194                                                 </div>
 195                                         </div>
 196                                 </div>
 197                         </div>
 198
 199
 200
 201                         <div class=page id=pg_schools>
 202                                 <h1>Universities</h1>
 203                                 <div class="proto school" id=PROTO_school onclick="goPage('/school/___id__')">
 204                                         <div class=name>__name__</div>
 205                                         <div class=desc>__description__</div>
 206                                 </div>
 207                         </div>
 208
 209
 210
 211                         <div class=page id=pg_courses>
 212                                 <h1>Courses for <span id=school_name></span></h1>
 213                                 <div class="proto course" id=PROTO_course>
 214                                         <div class=dept>__department__</div>
 215                                         <div class=name>
 216                                                 <a href="/course/___id__">__number__: __name__</a>
 217                                         </div>
 218                                 </div>
 219         <div>
 220           <span class="sub_menu" style="display:none;">
 221             <a href="" id="new_course">New Course</a>
 222           </span>
 223           <form method="POST" id="form_course" style="display:none;">
 224             <h1>Create New Course</h1>
 225             <p>Use this form to create a new course. After creating the course, you can create a lecture within it.</p>
 226             <div class="row">
 227               <div class="label">Course number</div>
 228               <div class="field">
 229                 <input type="text" name="number">
 230               </div>
 231             </div>
 232             <div class="row">
 233               <div class="label">Course name</div>
 234               <div class="field">
 235                 <input type="text" name="name">
 236               </div>
 237             </div>
 238             <div class="row">
 239               <div class="label">Course subject</div>
 240               <div class="field">
 241                 <input type="text" name="subject">
 242               </div>
 243             </div>
 244             <div class="row">
 245               <div class="label">Course department</div>
 246               <div class="field">
 247                 <input type="text" name="department">
 248               </div>
 249             </div>
 250             <div class="row">
 251               <div class="label">Instructor's Name</div>
 252               <div class="field">
 253                 <input type="text" name="instructorName">
 254               </div>
 255             </div>
 256             <div class="row">
 257               <div class="label">Instructor's Email</div>
 258               <div class="field">
 259                 <input type="text" name="email">
 260               </div>
 261             </div>
 262             <div class="row">
 263               <div class="label">&nbsp;</div>
 264               <div class="field">
 265                 <button>Create Course</button>
 266               </div>
 267             </div>
 268           </form>
 269         </div>
 270                         </div>
 271
 272
 273
 274                         <div class=page id=pg_lectures>
 275                                 <div class="proto lectures_head" id=PROTO_lectures_head>
 276                                         <h1>Lectures for Course __number__ : __name__</h1>
 277                                         Subject: __subject__<br>
 278                                         Department: __department__<br>
 279                                 </div>
 280                                 <div class="proto lectures_instructor" id=PROTO_lectures_instructor>
 281                                         Instructor: __name__ <span class="instructor_email">(__email__)</span>
 282                                 </div>
 283                                 <div class="proto lecture" id=PROTO_lecture>
 284                                         <div class=name>
 285                                                 <a href="/lecture/___id__">__name__</a>
 286                                         </div>
 287                                         <div class=created>
 288                                                 Created: __date__
 289                                         </div>
 290                                 </div>
 291         <div>
 292           <span class="sub_menu" style="display:none;">
 293             <a href="" id="new_lecture">New Lecture</a>
 294           </span>
 295           <form method="POST" id="form_lecture" style="display:none;">
 296             <h1>Create New Lecture</h1>
 297             <p>Use this form to create a new lecture. After creating the lecture, you can then create a notes-taking session within it.</p>
 298             <div class="row">
 299               <div class="label">Lecture Name</div>
 300               <div class="field">
 301                 <input type="text" name="name">
 302               </div>
 303             </div>
 304             <div class="row">
 305               <div class="label">&nbsp;</div>
 306               <div class="field">
 307                 <button>Create Lecture</button>
 308               </div>
 309             </div>
 310           </form>
 311         </div>
 312                         </div>
 313
 314
 315
 316                         <div class=page id=pg_notes>
 317                                 <div class="proto notes_head" id=PROTO_notes_head>
 318                                         <h1>Note pads for Course __number__ : __name__</h1>
 319                                         Subject: __subject__<br>
 320                                         Department: __department__<br>
 321                                 </div>
 322                                 <div class="proto notes_instructor" id=PROTO_notes_instructor>
 323           Instructor: __name__ <span class="instructor_email">(__email__)</span><br>
 324                                 </div>
 325                                 <div class="proto note" id=PROTO_note>
 326                                         <div class=name>
 327                                                 <a href="/note/___id__">__name__</a><br>
 328                                         </div>
 329                                         <div class=visits>
 330                                                 Visits: __visits__
 331                                         </div>
 332                                 </div>
 333         <div>
 334           <span class="sub_menu" style="display:none;">
 335             <a href="" id="new_note">New Note Pad</a>
 336           </span>
 337           <form method="POST" id="form_note" style="display:none;">
 338             <h1>Create New Note Pad</h1>
 339             <p>Use this form to create a new note pad. You can then use this as a notes-taking session.</p>
 340             <div class="row">
 341               <div class="label">Note Pad Name</div>
 342               <div class="field">
 343                 <input type="text" name="name">
 344               </div>
 345             </div>
 346             <div class="row">
 347               <div class="label">Private</div>
 348               <div class="field">
 349                 <input type="checkbox" name="private" value="true">
 350               </div>
 351             </div>
 352             <div class="row">
 353               <div class="label">&nbsp;</div>
 354               <div class="field">
 355                 <button>Create Note Pad</button>
 356               </div>
 357             </div>
 358           </form>
 359         </div>
 360                         </div>
 361
 362
 363
 364                         <div class=page id=pg_archive_subjects>
 365                                 <h1>Archived Subjects</h1>
 366                                 <p>
 367                                 Please browse our archive of past courses
 368                                 covered at Harvard from 2008 through 2010.
 369                                 </p>
 370                                 <ul>
 371                                         <li class=proto id=PROTO_archive_subject>
 372                                                 <a href="/archive/subject/__id__">__name__</a>
 373                                         </li>
 374                                 </ul>
 375
 376                         </div>
 377
 378
 379
 380                         <div class=page id=pg_archive_courses>
 381                                 <h1>Archived Courses</h1>
 382                                 <ul>
 383                                         <li class=proto id=PROTO_archive_course>
 384                                                 <a href="/archive/course/__id__">__name__</a>
 385                                         </li>
 386                                 </ul>
 387
 388                         </div>
 389
 390
 391
 392                         <div class=page id=pg_archive_notes>
 393                                 <h1>Archived Notes</h1>
 394                                 <ul>
 395                                         <li class=proto id=PROTO_archive_note>
 396                                                 <a href="/archive/note/___id__">__topic__</a>
 397                                         </li>
 398                                 </ul>
 399                         </div>
 400
 401
 402
 403                         <div class=page id=pg_archive_note_display>
 404                                 <div id=PROTO_archive_note_display>
 405                                         <h1>__topic__</h1>
 406                                         <div>__text__</div>
 407                                 </div>
 408                         </div>
 409
 410
 411
 412                         <div class=page id=pg_register>
 413                                 <h1>Create an Account</h1>
 414                                 <form id="form_register" action="/register" method="POST">
 415                                         <div class="zarea">
 416                                                 <div class="row">
 417                                                         <div class="label">
 418                                                                 <label for="email">Email</label>
 419                                                         </div>
 420                                                         <div class="field">
 421                                                                 <input type="text" name="email">
 422                                                         </div>
 423                                                 </div>
 424                                                 <div class="row">
 425                                                         <div class="label">
 426                                                                 <label for="password">Password</label>
 427                                                         </div>
 428                                                         <div class="field">
 429                                                                 <input type="password" name="password">
 430                                                         </div>
 431                                                 </div>
 432                                                 <div class="row">
 433                                                         <div class="label">
 434                                                                 <label for="school">School</label>
 435                                                         </div>
 436                                                         <div class="field">
 437                                                                 <select name="school">
 438                                                                         <option value="Berkeley">Berkeley</option>
 439                                                                         <option value="Brown">Brown</option>
 440                                                                         <option value="Columbia">Columbia</option>
 441                                                                         <option value="Cornell">Cornell</option>
 442                                                                         <option value="Dartmouth">Dartmouth</option>
 443                                                                         <option value="Harvard">Harvard</option>
 444                                                                         <option value="MIT">MIT</option>
 445                                                                         <option value="Princeton">Princeton</option>
 446                                                                         <option value="Stanford">Stanford</option>
 447                                                                         <option value="UPenn">UPenn</option>
 448                                                                         <option value="University of Texas">University of Texas</option>
 449                                                                         <option value="Yale">Yale</option>
 450                                                                         <option value="Other">Other</option>
 451                                                                 </select>
 452                                                         </div>
 453                                                 </div>
 454                                                 <div class="row">
 455                                                         <div class="label">
 456                                                                 <label for="name">Name</label>
 457                                                         </div>
 458                                                         <div class="field">
 459                                                                 <input type="text" name="name">
 460                                                         </div>
 461                                                 </div>
 462                                                 <div class="row">
 463                                                         <div class="label">
 464                                                                 <label for="affil">Affiliation</label>
 465                                                         </div>
 466                                                         <div class="field">
 467                                                                 <select name="affil">
 468                                                                         <option value="Student">Student</option>
 469                                                                         <option value="Teachers Assistant">Teachers Assistant</option>
 470                                                                 </select>
 471                                                         </div>
 472                                                 </div>
 473                                                 <div class="row">
 474                                                         <div class="label">
 475                                                                 &nbsp;
 476                                                         </div>
 477                                                         <div class="field">
 478                                                                 <button>Register</button>
 479                                                         </div>
 480                                                 </div>
 481                                         </div>
 482                                 </form>
 483                         </div>
 484
 485       <div class="page" id="pg_profile">
 486         <h1>User Profile</h1>
 487         <form id="form_profile" action="/profile" method="POST">
 488           <h2>Account Information</h2>
 489           <div class="area">
 490             <div class="row">
 491               <div class="label">
 492                 <span>Email</span>
 493               </div>
 494               <div class="field">
 495                 <span class="email"></span>
 496               </div>
 497             </div>
 498             <div class="row">
 499               <div class="label">
 500                 <label for="affiliation">Affiliation</label>
 501               </div>
 502               <div class="field">
 503                 <select id="affiliation" name="affiliation">
 504                   <option value="Student">Student</option>
 505                   <option value="Teachers Assistant">Teachers Assistant</option>
 506                 </select>
 507               </div>
 508             </div>
 509           </div>
 510           <h2>Profile Information</h2>
 511           <div class="area">
 512             <div class="row">
 513               <div class="label">
 514                 <label for="name">User Name</label>
 515               </div>
 516               <div class="field">
 517                 <input id="name" type="text" name="name" value="">
 518               </div>
 519             </div>
 520             <div class="row">
 521               <div class="label">
 522                 <label>&nbsp;</label>
 523               </div>
 524               <div class="field">
 525                 <input style="width: auto;" id="showName" type="checkbox" name="showName">
 526                 Display your real name in contributions
 527               </div>
 528             </div>
 529               <!--
 530             <div class="row">
 531               <div class="label">
 532                 <label for="major">Major</label>
 533               </div>
 534               <div class="field">
 535                 <input id="major" type="text" name="major" value="">
 536               </div>
 537             </div>
 538             <div class="row">
 539               <div class="label">
 540                 <label for="bio">Bio</label>
 541               </div>
 542               <div class="field">
 543                 <input id="bio" type="text" name="bio" value="">
 544               </div>
 545             </div>
 546             -->
 547           </div>
 548           <h2>Change Password</h2>
 549           <div class="area">
 550             <div class="row">
 551               <div class="label">
 552                 <label for="existingPassword">Old Password</label>
 553               </div>
 554               <div class="field">
 555                 <input id="existingPassword" type="password" name="existingPassword">
 556               </div>
 557             </div>
 558             <div class="row">
 559               <div class="label">
 560                 <label for="newPassword">New Password</label>
 561               </div>
 562               <div class="field">
 563                 <input id="newPassword" type="password" name="newPassword">
 564               </div>
 565             </div>
 566             <div class="row">
 567               <div class="label">
 568                 <label for="newPasswordConfirm">Confirm Password</label>
 569               </div>
 570               <div class="field">
 571                 <input id="newPasswordConfirm" type="password" name="newPasswordConfirm">
 572               </div>
 573             </div>
 574           </div>
 575           <div class="row">
 576             <div class="label">&nbsp;</div>
 577             <div class="field">
 578               <button>Submit</button>
 579             </div>
 580           </div>
 581         </form>
 582       </div>
 583
 584
 585                         <div class=page id=pg_login>
 586                                 <h1>Login</h1>
 587                                 <form id="form_login" action="/login" method="POST">
 588                                         <div class="zarea">
 589                                                 <div class="row">
 590                                                         <div class="label">
 591                                                                 <label for="email">Email</label>
 592                                                         </div>
 593                                                         <div class="field">
 594                                                                 <input type="text" name="email" size="15" value="joe@sleepless.com">
 595                                                         </div>
 596                                                 </div>
 597                                                 <div class="row">
 598                                                         <div class="label">
 599                                                                 <label for="password">Password</label>
 600                                                         </div>
 601                                                         <div class="field">
 602                                                                 <input type="password" name="password" size="15">
 603                                                         </div>
 604                                                 </div>
 605                                                 <div class="row">
 606                                                         <div class="label">&nbsp;
 607                                                         </div>
 608                                                         <div class="field">
 609                                                                 <button class="major">Login</button>
 610                                                                 <span class="reglink">
 611                                                                         <a href="/resetpass">Forgot password?</a>
 612                                                                 </span>
 613                                                         </div>
 614                                                 </div>
 615                                                 <div class="row">
 616                                                         <div class="label">&nbsp;
 617                                                         </div>
 618                                                         <div class="field">
 619                                                                 <span class="reglink">
 620                                                                         <a href="/register">Create an Account</a>
 621                                                                 </span>
 622                                                         </div>
 623                                                 </div>
 624                                         </div>
 625                                 </form>
 626                         </div>
 627
 628       <div class="page" id="pg_resetpass">
 629         <h1>Password Reset</h1>
 630         <form id="form_resetpass" action="/resetpass" method="POST">
 631           <div class="zarea">
 632             <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>
 633             <div class="row">
 634               <div class="label">
 635                 <label for="email">Email</label>
 636               </div>
 637               <div class="field">
 638                 <input type="text" name="email" size="15" value="">
 639               </div>
 640             </div>
 641             <div class="row">
 642               <div class="label">&nbsp;</div>
 643               <div style="min-width: 200px" class="field">
 644                 <button>Reset</button>
 645               </div>
 646             </div>
 647           </div>
 648         </form>
 649       </div>
 650
 651       <div class="page" id="pg_resetpw">
 652         <h1>Password Reset</h1>
 653         <form id="form_resetpw" action="/resetpw" method="POST">
 654           <div class="zarea">
 655             <p>To verify and reset your password, type the full email address and your new password twice, then click submit.</p>
 656             <div class="row">
 657               <div class="label">
 658                 <label for="email">Email</label>
 659               </div>
 660               <div class="field">
 661                 <input type="text" name="email" size="15" value="">
 662               </div>
 663             </div>
 664             <div class="row">
 665               <div class="label">
 666                 <label for="pass1">New Password</label>
 667               </div>
 668               <div class="field">
 669                 <input type="password" name="pass1" size="15" value="">
 670               </div>
 671             </div>
 672             <div class="row">
 673               <div class="label">
 674                 <label for="pass2">Repeat New Password</label>
 675               </div>
 676               <div class="field">
 677                 <input type="password" name="pass2" size="15" value="">
 678               </div>
 679             </div>
 680             <div class="row">
 681               <div class="label">&nbsp;</div>
 682               <div style="min-width: 200px" class="field">
 683                 <button>Reset</button>
 684               </div>
 685             </div>
 686           </div>
 687         </form>
 688       </div>
 689
 690                         <div class=page id=pg_conduct>
 691                                 <div class="conduct">
 692                                         <h1>Code of Conduct</h1>
 693                                         <p class="academic">
 694                                                 <img src="/images/keep-it-academic.png" alt="Keep it academic.">
 695                                         </p>
 696                                         <p class="vague">
 697                                                 This directive is deliberately vague to
 698                                                 accommodate creative humor, insight, and exploration.<br>
 699                                                 Disruptive or irrelevant material, however,
 700                                                 will be subject to removal.<br>
 701                                                 Just keep it academic, and we'll all be better off.<br>
 702                                         </p>
 703                                 </div>
 704                         </div>
 705
 706
 707
 708
 709                         <div class=page id=pg_press>
 710                                 <h1>FinalsClub in the Press</h1>
 711                                 <div class="press">
 712                                         <img src="/images/boston.com.png" class="press">
 713                                         <p class="date">December 13, 2009</p>
 714                                         <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>
 715                                         <p>Then, two years ago, Magliozzi started up a side project called Finalsclub.org.</p>
 716                                         <p class="readmore">
 717                                         <a href="http://www.boston.com/bostonglobe/ideas/articles/2009/12/13/freeharvardeducationcom">Read more ...</a>
 718                                         </p>
 719                                 </div>
 720                                 <hr>
 721                                 <div class="press">
 722                                         <img src="/images/harvard-crimson.jpg" class="press">
 723                                         <p class="date">Wednesday, February 18, 2009</p>
 724                                         <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>
 725                                         <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>
 726                                         <p class="readmore">
 727                                         <a href="http://www.thecrimson.com/article/2009/2/18/finalscluborg-passes-punch-span-stylefont-weight-boldcorrection">Read more ...</a>
 728                                         </p>
 729                                 </div>
 730                                 <hr>
 731                                 <div class="press">
 732                                         <img src="/images/blown-to-bits.png" class="press">
 733                                         <p class="date">September 27th, 2009</p>
 734                                         <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>
 735                                         <p class="readmore">
 736                                         <a href="http://www.bitsbook.com/2009/09/a-harvard-skirmish-in-the-copyright-wars">Read more ...</a>
 737                                         </p>
 738                                 </div>
 739                         </div>
 740
 741
 742
 743
 744                         <div class=page id=pg_notfound>
 745                                 <h1>Page Not Found</h1>
 746                                 Sorry, there is no content for this page.
 747                         </div>
 748
 749
 750
 751
 752                 </div>
 753
 754
 755                 <hr class="stripes bordered" />
 756
 757                 <div class="footer small">
 758                         <div class="container-12">
 759                                 <div class="grid-12">
 760                                         <nav id="footer-nav">
 761                                                 <ul>
 762                                                         <li><a href="#">Code of Conduct</a></li>
 763                                                         <li><a href="#">About</a></li>
 764                                                         <li><a href="#">Contact</a></li>
 765                                                         <li><a href="#">Legal</a></li>
 766                                                         <li><a href="#">Team</a></li>
 767                                                 </ul>
 768                                         </nav>
 769                                         <p>Copyright 2011 Finals Club.  All rights reserved.</p>
 770                                         <div class="creative_commons">
 771                                                 <div class="section">
 772                                                         <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
 773                                                                 <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" />
 774                                                         </a>
 775                                                         <br />
 776                                                 </div>
 777                                                 <div class="section">
 778                                                         This work is licensed under a
 779                                                         <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
 780                                                 </div>
 781                                         </div>
 782                                 </div>
 783                         </div>
 784                 </div>
 785         </body>
 786 </html>