public/index.html

   1 <!DOCTYPE html>
   2 <html class="no-js">
   3     <head>
   4         <title>FinalsClub.org: Online Social Note-Taking</title>
   5         <link rel="stylesheet" href="/assets/css/include.css" type="text/css" media="screen" />
   6         <script type="text/javascript" src="/assets/js/modernizr.custom.js"></script>
   7
   8         <script type='text/javascript' src='/javascripts/jquery.min.js'></script>
   9         <script type='text/javascript' src='/javascripts/jquery.tmpl.js'></script>
  10         <script type="text/javascript" src="/assets/js/init.js"></script>
  11         <script type='text/javascript' src='/javascripts/es5-shim.min.js'></script>
  12         <script type='text/javascript' src='/javascripts/protodiv.js'></script>
  13         <script type='text/javascript' src='/javascripts/main.js'></script>
  14         <script type='text/javascript'>
  15             TypekitConfig = {
  16                 kitId: 'cbx6gxx',
  17                 scriptTimeout: 3000
  18             };
  19
  20             (function() {
  21                 var h = document.getElementsByTagName('html')[0];
  22                 h.className += ' wf-loading';
  23
  24                 var t = setTimeout(function() {
  25                     h.className = h.className.replace(/(\s|^)wf-loading(\s|$)/g, '');
  26                     h.className += ' wf-inactive';
  27                 }, TypekitConfig.scriptTimeout);
  28
  29                 var tk = document.createElement('script');
  30                 tk.src = '//use.typekit.com/' + TypekitConfig.kitId + '.js';
  31                 tk.type = 'text/javascript';
  32                 tk.async = 'true';
  33
  34                 tk.onload = tk.onreadystatechange = function() {
  35                     var rs = this.readyState;
  36
  37                     if (rs && rs != 'complete' && rs != 'loaded') return;
  38                     clearTimeout(t);
  39                     try { Typekit.load(TypekitConfig); } catch (e) {}
  40                 };
  41
  42                 var s = document.getElementsByTagName('script')[0];
  43                 s.parentNode.insertBefore(tk, s);
  44             })();
  45         </script>
  46
  47     </head>
  48   <!--================================================================= -->
  49     <body>
  50         <header id="g-masthead">
  51             <div class="wrapper">
  52
  53                 <nav id="g-nav-user">
  54                     <ul>
  55                         <li class="first"><a href="#" class="username"></a></li>
  56                         <li><a href="/register" id="register_link">Register</a></li>
  57                         <li class="last"><a href="/login" id="login_link">Login</a></li>
  58                     </ul>
  59                 </nav>
  60
  61                 <div id="g-logo">
  62                     <a href="/">
  63                         <img src="/assets/img/logo.png" alt="FinalsClub - social notetaking" />
  64                     </a>
  65                 </div>
  66
  67                 <nav id="g-nav-main">
  68                     <ul>
  69                         <li><a href="/schools" id=school_link><span class="icon" alt="paperclip"></span>Courses</a></li>
  70                         <li><a href="http://blog.finalsclub.org" id="blog_link"><span class="icon" alt="align-lines"></span>Blog</a></li>
  71                         <li><a href="/archive" id=archive_link class="nav"><span class="icon" alt="book"></span>Library</a></li>
  72                         <!--
  73                         <li><a href="/press" id=press_link class="nav"><em class="icon"></em>Press</a></li>
  74                         -->
  75                         <li><a href="/profile" id=profile_link class="nav"><em class="icon"></em>Profile</a></li>
  76                         <!-- li><a href="#" class="donate"><em class="icon"></em><em class="lc yellow">Donate</em></a></li -->
  77                     </ul>
  78                 </nav>
  79                 <hr id="g-masthead-hr" />
  80             </div>
  81         </header>
  82         <div id="topofcontent"></div>
  83                                 <div class="wrapper">
  84                                         <div id="messages" class="page"><span id="PROTO_message" class="__type__">__msg__</span></div>
  85                                 </div>
  86         <div id="g-page">
  87             <div class="wrapper">
  88                 <style>
  89                     /* This related less to "styling" and more to UI "behavior" */
  90                     .page { display: none; }
  91                 </style>
  92
  93                 <noscript>
  94                     This site requires JavaScript to properly function.
  95                     Please enable JavaScript or use a modern browser such as
  96                     <a href="http://google.com/chrome">Google Chrome</a>
  97                     or
  98                     <a href="http://firefox.com">Firefox</a>.
  99                 </noscript>
 100
 101           <!--================================================================= -->
 102
 103                 <div class="page" id="pg_home">
 104                     <header class="subheader">
 105                         <h1>Welcome to FinalsClub.</h1>
 106                         <h2>Collaborate. Learn. Share.</h2>
 107                     </header>
 108                     <div id="intro">
 109
 110                         <section class="section-home" id="intro-video">
 111                             <h3 class="heading">Our Screencasts</h3>
 112                             <div class="video-wrapper">
 113                                 <!-- video loaded in main.js -->
 114                             </div>
 115                         </section>
 116
 117                         <section class="section-home" id="intro-text">
 118                             <h3>Our Mission</h3>
 119                             <p>
 120                                 To provide tools that make it dead simple for college students to collaborate during and after class, with peers and with instructers.  You can begin taking lecture notes online, and allow anyone to contribute.</p>
 121                             <p>
 122                                 You can also post questions that will be seen by the entire class, and get a response from your peers or instructor immediately. Sign up, or just have a look around. Let us know what you think. We need your feedback to make Finals Club the best that it can be.
 123                             </p>
 124                             <nav class="link-bar">
 125                                 <ul>
 126                                     <li><a href="/register" id="sign_up-link">Sign Up</a></li>
 127                                     <li class="last"><a href="#">Learn Something</a></li>
 128                                 </ul>
 129                             </nav>
 130                         </section>
 131
 132
 133
 134                         <section class="section-home" id="intro-schools">
 135                             <h4>Schools we support</h4>
 136                             <ul>
 137                                 <li><span class="school-name">Brown</span></li>
 138                                 <li><span class="school-name">Columbia</span></li>
 139                                 <li><span class="school-name">Cornell</span></li>
 140                                 <li><span class="school-name">Dartmouth</span></li>
 141                                 <li><span class="school-name">Harvard</span></li>
 142                                 <li><span class="school-name">Lock Haven</span></li>
 143                                 <li><span class="school-name">MIT</span></li>
 144                                 <li><span class="school-name">University of California</span></li>
 145                                 <li><span class="school-name">University of Pennsylvania</span></li>
 146                                 <li><span class="school-name">University of Texas</span></li>
 147                                 <li><span class="school-name">Yale</span></li>
 148                             </ul>
 149                         </section>
 150                     </div>
 151                 </div>
 152
 153           <!--=================================================================-->
 154
 155                 <div class="page" id="pg_schools">
 156
 157                     <header class="breadcrumb">
 158                         <a href="#"><span class="action">&#139; Back</span><span class="location">&nbsp;to Home</span></a>
 159                     </header>
 160
 161                     <header class="subheader">
 162                         <h1>Universities</h1>
 163                     </header>
 164
 165                     <div class="main-content">
 166                         <ul id="schools">
 167                         </ul>
 168                     </div>
 169                 </div>
 170
 171                 <script id="schoolTmpl" type="text/x-jquery-tmpl">
 172                     <li>
 173                         <a href="school/${_id}" class="school">
 174                             <img class="icon-pair" src="/assets/img/avatar-univerisity-generic.gif" alt="" />
 175                             <div class="text-pair">
 176                                 <span class="school_name">${name}</span>
 177                                 <!-- <h4>${description}</h4>-->
 178                                 <span class="number_of_courses">12 Courses, </span>
 179                                 <span class="number_of_notes">27 Notes</span>
 180                             </div>
 181                         </a>
 182                     </li>
 183                 </script>
 184
 185                 <script id="course" type="text/x-jquery-tmpl">
 186                     <li>${dept}: ${name} (${number})</li>
 187                 </script>
 188
 189             <!--=================================================================-->
 190
 191                 <div class=page id=pg_courses>
 192                     <header class="breadcrumb">
 193                         <a href="#"><span class="action">&#139; Back</span><span class="location">&nbsp;to Universities</span></a>
 194                     </header>
 195
 196                     <header class="subheader">
 197                         <h1><span id=school_name></span> Courses</h1>
 198                     </header>
 199
 200                     <div class="main-content">
 201
 202                         <span class="sub_menu" style="display:none;"></span>
 203
 204                         <div class="proto course" id=PROTO_course>
 205                             <div class="course-content">
 206                                 <a class="course-name" href="/course/___id__">__number__: __name__</a>
 207                                 <p class="course-description">
 208                                     This is placeholder description text, an intro to description in the nature of things that is quite and very and yes!</p>
 209                                 <div class=dept>__department__</div>
 210                             </div>
 211                             <aside class="course-data">
 212                                 <div class="course-data-item">
 213                                     <div class="course-data-number">20</div>
 214                                     <div class="course-data-description">notes</div>
 215                                 </div>
 216                             </aside>
 217                         </div>
 218
 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>
 222                             <div class="row">
 223                                 <div class="label">Course number</div>
 224                                 <div class="field">
 225                                     <input type="text" name="number">
 226                                 </div>
 227                             </div>
 228                             <div class="row">
 229                                 <div class="label">Course name</div>
 230                                 <div class="field">
 231                                     <input type="text" name="name">
 232                                 </div>
 233                             </div>
 234                             <div class="row">
 235                                 <div class="label">Course subject</div>
 236                                 <div class="field">
 237                                     <input type="text" name="subject">
 238                                 </div>
 239                             </div>
 240                             <div class="row">
 241                                 <div class="label">Course department</div>
 242                                 <div class="field">
 243                                     <input type="text" name="department">
 244                                 </div>
 245                             </div>
 246                             <div class="row">
 247                                 <div class="label">Instructor's Name</div>
 248                                 <div class="field">
 249                                     <input type="text" name="instructorName">
 250                                 </div>
 251                             </div>
 252                             <div class="row">
 253                                 <div class="label">Instructor's Email</div>
 254                                 <div class="field">
 255                                     <input type="text" name="email">
 256                                 </div>
 257                             </div>
 258                             <div class="row">
 259                                 <div class="label">&nbsp;</div>
 260                                 <div class="field">
 261                                     <button>Create Course</button>
 262                                 </div>
 263                             </div>
 264                         </form>
 265                     </div>
 266                 </div>
 267
 268                 <!--================================================================= -->
 269                 <div class=page id=pg_lectures>
 270                                                                         <header class="subheader">
 271                                                                                 <div class="proto lectures_head" id=PROTO_lectures_head>
 272                                                                                         <h2>Lectures for Course __number__ : __name__</h2>
 273                                                                                         <h4>Subject:<span class="light futura"> __subject__</span></h4>
 274                                                                                         <h4>Department:<span class="light futura"> __department__</span></h4>
 275                                                                                 </div>
 276                                                                                 <div class="proto lectures_instructor" id=PROTO_lectures_instructor>
 277                                                                                         <h4>Instructor: <span class="futura light"> __name__ <a href="mailto:__email__" class="instructor_email">__email__</span></h4>
 278                                                                                 </div>
 279                                                                         </header>
 280                                                                 <div class="main-content">
 281                                                                         <div class="lectures">
 282                                                                                 <div class="proto lecture" id=PROTO_lecture>
 283                                                                                         <div class=lecture-name>
 284                                                                                                 <a href="/lecture/___id__">__name__</a><br>
 285                                                                                                 Created: __date__<br>
 286                                                                                         </div>
 287                                                                                 </div>
 288                                                                         </div>
 289                                                                 </div>
 290                                                                 <div class="sidebar">
 291                                                                         <span class="sub_menu" style="display:none;">
 292                                                                                 <a href="" id="new_lecture">New Lecture</a>
 293                                                                         </span>
 294                                                                         <form method="POST" id="form_lecture" style="display:none;">
 295                                                                                 <h4>Create New Lecture</h4>
 296                                                                                 <p>Use this form to create a new lecture. After creating the lecture, you can then create a notes-taking session within it.</p>
 297                                                                                 <div class="row">
 298                                                                                         <div class="label">Lecture Name</div>
 299                                                                                         <div class="field">
 300                                                                                                 <input type="text" name="name">
 301                                                                                         </div>
 302                                                                                 </div>
 303                                                                                 <div class="row">
 304                                                                                         <div class="label">&nbsp;</div>
 305                                                                                         <div class="field">
 306                                                                                                 <button>Create Lecture</button>
 307                                                                                         </div>
 308                                                                                 </div>
 309                                                                         </form>
 310                                                                 </div>
 311                                                         </div>
 312           <!--================================================================= -->
 313                 <div class=page id=pg_notes>
 314                                                                         <header class="subheader">
 315                     <div class="proto notes_head" id=PROTO_notes_head>
 316                         <h2>Note pads for Course __number__ : __name__</h2>
 317                                                                                                 <h4>Subject:<span class="light futura">__subject__</span></h4>
 318                                                                                                 <h4>Department:<span class="light futura">__department__</span></h4>
 319                     </div>
 320                     <div class="proto notes_instructor" id=PROTO_notes_instructor>
 321                                                                                         <h4> Instructor: <span class="italic futura"> __name__ <a href="mailto:__email__" class="instructor_email">(__email__)</a></span></h4>
 322                     </div>
 323                     <div class="proto note" id=PROTO_note>
 324                         <div class=name>
 325                             <a href="/note/___id__">__name__</a> Visits: __visits__
 326                         </div>
 327                     </div>
 328             <div>
 329               <span class="sub_menu" style="display:none;">
 330                 <a href="" id="new_note">New Note Pad</a>
 331               </span>
 332               <form method="POST" id="form_note" style="display:none;">
 333                 <h1>Create New Note Pad</h1>
 334                 <p>Use this form to create a new note pad. You can then use this as a notes-taking session.</p>
 335                 <div class="row">
 336                   <div class="label">Note Pad Name</div>
 337                   <div class="field">
 338                     <input type="text" name="name">
 339                   </div>
 340                 </div>
 341                 <div class="row">
 342                   <div class="label">Private</div>
 343                   <div class="field">
 344                     <input type="checkbox" name="private" value="true">
 345                   </div>
 346                 </div>
 347                 <div class="row">
 348                   <div class="label">&nbsp;</div>
 349                   <div class="field">
 350                     <button>Create Note Pad</button>
 351                   </div>
 352                 </div>
 353               </form>
 354             </div>
 355                 </div>
 356           <!--================================================================= -->
 357                 <div class=page id=pg_archive_subjects>
 358                     <h1>Archived Subjects</h1>
 359                     <p>
 360                     Please browse our archive of past courses
 361                     covered at Harvard from 2008 through 2010.
 362                     </p>
 363                     <ul>
 364                         <li class=proto id=PROTO_archive_subject>
 365                             <a href="/archive/subject/__id__">__name__</a>
 366                         </li>
 367                     </ul>
 368
 369                 </div>
 370           <!--================================================================= -->
 371                 <div class=page id=pg_archive_courses>
 372                     <h1>Archived Courses</h1>
 373                     <ul>
 374                         <li class=proto id=PROTO_archive_course>
 375                             <a href="/archive/course/__id__">__name__</a>
 376                         </li>
 377                     </ul>
 378                 </div>
 379           <!--================================================================= -->
 380                 <div class=page id=pg_archive_notes>
 381                     <h1>Archived Notes</h1>
 382                     <ul>
 383                         <li class=proto id=PROTO_archive_note>
 384                             <a href="/archive/note/___id__">__topic__</a>
 385                         </li>
 386                     </ul>
 387                 </div>
 388           <!--================================================================= -->
 389                 <div class=page id=pg_archive_note_display>
 390                     <div id=PROTO_archive_note_display>
 391                         <h1>__topic__</h1>
 392                         <div>__text__</div>
 393                     </div>
 394                 </div>
 395           <!--================================================================= -->
 396                 <div class=page id=pg_register>
 397                     <h1>Create an Account</h1>
 398                     <form id="form_register" action="/register" method="POST">
 399                         <div class="zarea">
 400                             <div class="row">
 401                                 <div class="label">
 402                                     <label for="email">School email*</label>
 403                                 </div>
 404                                 <div class="field">
 405                                     <input type="text" name="email">
 406                                 </div>
 407                             </div>
 408                             <div class="row">
 409                                 <div class="label">
 410                                     <label for="password">Password*</label>
 411                                 </div>
 412                                 <div class="field">
 413                                     <input type="password" name="password">
 414                                 </div>
 415                             </div>
 416                             <div class="row">
 417                                 <div class="label">
 418                                     <label for="school">School*</label>
 419                                 </div>
 420                                 <div class="field">
 421                                     <select name="school">
 422                                         <option value="Harvard">Harvard</option>
 423                                         <option value="Berkeley">Berkeley</option>
 424                                         <option value="Brown">Brown</option>
 425                                         <option value="Columbia">Columbia</option>
 426                                         <!--
 427                                         <option value="Cornell">Cornell</option>
 428                                         <option value="Dartmouth">Dartmouth</option>
 429                                         <option value="MIT">MIT</option>
 430                                         <option value="Princeton">Princeton</option>
 431                                         <option value="Stanford">Stanford</option>
 432                                         <option value="UPenn">UPenn</option>
 433                                         <option value="University of Texas">University of Texas</option>
 434                                         <option value="Yale">Yale</option>
 435                                         <option value="Other">Other</option>
 436                                         -->
 437                                     </select>
 438                                 </div>
 439                             </div>
 440                             <div class="row">
 441                                 <div class="label">
 442                                     <label for="name">Site Handle</label>
 443                                 </div>
 444                                 <div class="field">
 445                                     <input type="text" name="name">
 446                                 </div>
 447                             </div>
 448                             <div class="row">
 449                                 <div class="label">
 450                                     <label for="affil">Affiliation</label>
 451                                 </div>
 452                                 <div class="field">
 453                                     <select name="affil">
 454                                         <option value="Student">Student</option>
 455                                         <option value="Teachers Assistant">Teachers Assistant</option>
 456                                     </select>
 457                                 </div>
 458                             </div>
 459                             <div class="row">
 460                                 <div class="label">
 461                                     &nbsp;
 462                                 </div>
 463                                 <div class="field">
 464                                     <button>Register</button>
 465                                 </div>
 466                             </div>
 467                         </div>
 468                     </form>
 469                 </div>
 470           <!--================================================================= -->
 471           <div class="page" id="pg_profile">
 472             <h1>User Profile</h1>
 473             <form id="form_profile" action="/profile" method="POST">
 474               <h2>Account Information</h2>
 475               <div class="area">
 476                 <div class="row">
 477                   <div class="label">
 478                     <span>Email</span>
 479                   </div>
 480                   <div class="field">
 481                     <span class="email"></span>
 482                   </div>
 483                 </div>
 484                 <div class="row">
 485                   <div class="label">
 486                     <label for="affiliation">Affiliation</label>
 487                   </div>
 488                   <div class="field">
 489                     <select id="affiliation" name="affiliation">
 490                       <option value="Student">Student</option>
 491                       <option value="Teachers Assistant">Teachers Assistant</option>
 492                     </select>
 493                   </div>
 494                 </div>
 495               </div>
 496               <h2>Profile Information</h2>
 497               <div class="area">
 498                 <div class="row">
 499                   <div class="label">
 500                     <label for="name">User Name</label>
 501                   </div>
 502                   <div class="field">
 503                     <input id="name" type="text" name="name" value="">
 504                   </div>
 505                 </div>
 506                 <div class="row">
 507                   <div class="label">
 508                     <label>&nbsp;</label>
 509                   </div>
 510                   <div class="field">
 511                     <input style="width: auto;" id="showName" type="checkbox" name="showName">
 512                     Display your real name in contributions
 513                   </div>
 514                 </div>
 515                   <!--
 516                 <div class="row">
 517                   <div class="label">
 518                     <label for="major">Major</label>
 519                   </div>
 520                   <div class="field">
 521                     <input id="major" type="text" name="major" value="">
 522                   </div>
 523                 </div>
 524                 <div class="row">
 525                   <div class="label">
 526                     <label for="bio">Bio</label>
 527                   </div>
 528                   <div class="field">
 529                     <input id="bio" type="text" name="bio" value="">
 530                   </div>
 531                 </div>
 532                 -->
 533               </div>
 534               <h2>Change Password</h2>
 535               <div class="area">
 536                 <div class="row">
 537                   <div class="label">
 538                     <label for="existingPassword">Old Password</label>
 539                   </div>
 540                   <div class="field">
 541                     <input id="existingPassword" type="password" name="existingPassword">
 542                   </div>
 543                 </div>
 544                 <div class="row">
 545                   <div class="label">
 546                     <label for="newPassword">New Password</label>
 547                   </div>
 548                   <div class="field">
 549                     <input id="newPassword" type="password" name="newPassword">
 550                   </div>
 551                 </div>
 552                 <div class="row">
 553                   <div class="label">
 554                     <label for="newPasswordConfirm">Confirm Password</label>
 555                   </div>
 556                   <div class="field">
 557                     <input id="newPasswordConfirm" type="password" name="newPasswordConfirm">
 558                   </div>
 559                 </div>
 560               </div>
 561               <div class="row">
 562                 <div class="label">&nbsp;</div>
 563                 <div class="field">
 564                   <button>Submit</button>
 565                 </div>
 566               </div>
 567             </form>
 568           </div>
 569           <!--================================================================= -->
 570                 <div class=page id=pg_login>
 571                                                                         <header class="subheader">
 572                                                                                 <h1>Login</h1>
 573                                                                         </header>
 574                                                                         <div class="main-content">
 575                     <form id="form_login" action="/login" method="POST">
 576                         <div class="zarea">
 577                             <div class="row">
 578                                 <div class="label">
 579                                     <label for="email">School email</label>
 580                                 </div>
 581                                 <div class="field">
 582                                     <input type="text" name="email" size="15" value="joe@sleepless.com">
 583                                 </div>
 584                             </div>
 585                             <div class="row">
 586                                 <div class="label">
 587                                     <label for="password">Password</label>
 588                                 </div>
 589                                 <div class="field">
 590                                     <input type="password" name="password" size="15">
 591                                 </div>
 592                             </div>
 593                             <div class="row">
 594                                 <div class="label">&nbsp;
 595                                 </div>
 596                                 <div class="field">
 597                                     <button class="major">Login</button>
 598                                     <span class="reglink">
 599                                         <a href="/resetpass">Forgot password?</a>
 600                                     </span>
 601                                 </div>
 602                             </div>
 603                             <div class="row">
 604                                 <div class="label">&nbsp;
 605                                 </div>
 606                                 <div class="field">
 607                                     <span class="reglink">
 608                                         <a href="/register">Create an Account</a>
 609                                     </span>
 610                                 </div>
 611                             </div>
 612                         </div>
 613                     </form>
 614                 </div>
 615                                                         </div>
 616           <!--================================================================= -->
 617           <div class="page" id="pg_resetpass">
 618             <h1>Password Reset</h1>
 619             <form id="form_resetpass" action="/resetpass" method="POST">
 620               <div class="zarea">
 621                 <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>
 622                 <div class="row">
 623                   <div class="label">
 624                     <label for="email">School email</label>
 625                   </div>
 626                   <div class="field">
 627                     <input type="text" name="email" size="15" value="">
 628                   </div>
 629                 </div>
 630                 <div class="row">
 631                   <div class="label">&nbsp;</div>
 632                   <div style="min-width: 200px" class="field">
 633                     <button>Reset</button>
 634                   </div>
 635                 </div>
 636               </div>
 637             </form>
 638           </div>
 639           <!--================================================================= -->
 640           <div class="page" id="pg_resetpw">
 641             <h1>Password Reset</h1>
 642             <form id="form_resetpw" action="/resetpw" method="POST">
 643               <div class="zarea">
 644                 <p>To verify and reset your password, type the full email address and your new password twice, then click submit.</p>
 645                 <div class="row">
 646                   <div class="label">
 647                     <label for="email">Email</label>
 648                   </div>
 649                   <div class="field">
 650                     <input type="text" name="email" size="15" value="">
 651                   </div>
 652                 </div>
 653                 <div class="row">
 654                   <div class="label">
 655                     <label for="pass1">New Password</label>
 656                   </div>
 657                   <div class="field">
 658                     <input type="password" name="pass1" size="15" value="">
 659                   </div>
 660                 </div>
 661                 <div class="row">
 662                   <div class="label">
 663                     <label for="pass2">Repeat New Password</label>
 664                   </div>
 665                   <div class="field">
 666                     <input type="password" name="pass2" size="15" value="">
 667                   </div>
 668                 </div>
 669                 <div class="row">
 670                   <div class="label">&nbsp;</div>
 671                   <div style="min-width: 200px" class="field">
 672                     <button>Reset</button>
 673                   </div>
 674                 </div>
 675               </div>
 676             </form>
 677           </div>
 678                 <div class=page id=pg_conduct>
 679                     <div class="conduct">
 680                         <h1>Code of Conduct</h1>
 681                         <p class="academic">
 682                             <img src="/images/keep-it-academic.png" alt="Keep it academic.">
 683                         </p>
 684                         <p class="vague">
 685                             This directive is deliberately vague to
 686                             accommodate creative humor, insight, and exploration.<br>
 687                             Disruptive or irrelevant material, however,
 688                             will be subject to removal.<br>
 689                             Just keep it academic, and we'll all be better off.<br>
 690                         </p>
 691                     </div>
 692                 </div>
 693
 694                 <div class=page id=pg_legal>
 695                         <div >
 696                                 <p>These Terms of Service ("Terms") govern your access to and use of the services, websites, and
 697 applications offered by FinalsClub (the "Service"). Your access to and use of the Service is
 698 conditioned on your acceptance of and compliance with these Terms. By accessing or using the
 699 Service you agree to be bound by these Terms.</p>
 700
 701 <h2>Use of the Service</h2>
 702 <p>You may use the Service only if you can form a binding contract with FinalsClub, and only in
 703 compliance with these Terms and all applicable local, state, national, and international laws,
 704 rules and regulations. You must provide us accurate information, including your real name, when
 705 you create your account on FinalsClub.</p>
 706
 707 <p>We may, without prior notice, change the Service; stop providing the Service or features of the
 708 Service, to you or to users generally; or create usage limits for the Service.
 709 You are responsible for safeguarding the password that you use to access the Service and for
 710 any activities or actions under your password. We encourage you to use "strong" passwords
 711 (that use a combination of upper and lower case letters, numbers and symbols) with your
 712 account. FinalsClub will not be liable for any loss or damage arising from your failure to comply
 713 with these requirements.</p>
 714
 715 <h2>User Content</h2>
 716
 717 <p>"Content" means any information, text, graphics, or other materials uploaded, downloaded or
 718 appearing on the Service. You retain ownership of all Content you submit, post, display, or
 719 otherwise make available on the Service. </p>
 720
 721 <h2>Your License to FinalsClub</h2>
 722
 723 <p>By submitting, posting or displaying Content on or through the
 724 Service, you grant us permission
 725 to share all content under a Creative Commons Attribution-Share Alike
 726 3.0 Unported (CC BY-SA
 727 3.0) license.  For more information, see
 728 http://creativecommons.org/licenses/by-sa/3.0.  Note
 729 that exceptions can be made upon request.  Or, if you would like more
 730 information, please feel
 731 free to contact us (link to the contact page).
 732 You agree that this license includes the right for other users of the
 733 Service to modify your
 734 Content, and for FinalsClub to make your Content available to others for
 735  the publication,
 736 distribution, syndication, or broadcast of such Content on other media
 737 and services, subject to
 738 our terms and conditions for such Content use. Such additional uses by
 739 FinalsClub or others
 740 may be made with no compensation paid to you with respect to the Content
 741  that you submit,
 742 post, transmit or otherwise make available through the Service.We may
 743 modify or adapt your Content in order to transmit, display or distribute
 744  it over computer
 745 networks and in various media and/or make changes to your Content as are
 746  necessary to
 747 conform and adapt that Content to any requirements or limitations of any
 748  networks, devices,
 749 services or media.</p>
 750
 751 <h2>FinalsClub's Licenses to You</h2>
 752
 753 <p>Subject to these Terms, FinalsClub gives you a worldwide,
 754 royalty-free, non-assignable and nonexclusive license to re-post any of
 755 the Content on FinalsClub anywhere on the rest of the web
 756 provided that the Content was added to the Service after April 22, 2008,
 757  and provided that the
 758 user who created the content has not explicitly marked the content as
 759 not for reproduction, and
 760 provided that you: (a) do not modify the Content; (b) attribute
 761 FinalsClub with a human and
 762 machine-followable link (an A tag) linking back to the page displaying
 763 the original source of the
 764 content on FinalsClub.org (c) upon request, either by FinalsClub or a
 765 user, remove the user's
 766 name from Content which the user has subsequently made anonymous; (d)
 767 upon request, either
 768 by FinalsClub or by a user who contributed to the Content, make a
 769 reasonable effort to update a
 770 particular piece of Content to the latest version on FinalsClub.org; and
 771  (e) upon request, either
 772 by FinalsClub or by a user who contributed to the Content, make a
 773 reasonable attempt to delete
 774 Content that has been deleted on FinalsClub.org.
 775 Your Content will be viewable by other users of the Service and through
 776 third party services and
 777 websites. You should only provide Content that you are comfortable
 778 sharing with others under
 779 these Terms.
 780 All Content, whether publicly posted or privately transmitted, is the
 781 sole responsibility of the
 782 person who originated such Content. We may not monitor or control the
 783 Content posted via the
 784 Service. Any use of or reliance on any Content or materials posted via
 785 the Service or obtained by
 786 you through the Service is at your own risk. We do not endorse, support,
 787  represent or guarantee
 788 the completeness, truthfulness, accuracy, or reliability of any Content
 789 or communications posted
 790 via the Service or endorse any opinions expressed via the Service. You
 791 understand that by using
 792 the Service, you may be exposed to Content that might be offensive,
 793 harmful, inaccurate or
 794 otherwise inappropriate. Under no circumstances will FinalsClub be
 795 liable in any way for any
 796 Content, including, but not limited to, any errors or omissions in any
 797 Content, or any loss or
 798 damage of any kind incurred as a result of the use of any Content made
 799 available via the Service
 800 or broadcast elsewhere.
 801 </p><p>You are responsible for your use of the Service, for any Content
 802 you provide, and for any
 803 consequences thereof, including the use of your Content by other users
 804 and third parties
 805 partners. You understand that your Content may be republished and if you
 806  do not have the right
 807 to submit Content for such use, it may subject you to liability.
 808 FinalsClub will not be responsible
 809 or liable for any use of your Content by FinalsClub in accordance with
 810 these Terms. You
 811 represent and warrant that you have all the rights, power and authority
 812 necessary to grant the
 813 rights granted herein to any Content that you submit.We reserve the
 814 right at all times (but will not have an obligation) to remove or refuse
 815  to distribute
 816 any Content on the Service and to terminate users or reclaim usernames.
 817 We also reserve the
 818 right to access, read, preserve, and disclose any information as we
 819 reasonably believe is
 820 necessary to (i) satisfy any applicable law, regulation, legal process
 821 or governmental request, (ii)
 822 enforce the Terms, including investigation of potential violations
 823 hereof, (iii) detect, prevent, or
 824 otherwise address fraud, security or technical issues, (iv) respond to
 825 user support requests, or (v)
 826 protect the rights, property or safety of FinalsClub, its users and the
 827 public.
 828 Rules
 829 You must not do any of the following while accessing or using the
 830 Service: (i) use the Service for
 831 any unlawful purposes or for promotion of illegal activities; (ii) post
 832 any Content (as defined
 833 below) or use the Service in violation of any applicable law (including
 834 intellectual property laws,
 835 right of privacy or publicity laws, and any laws of a non-U.S.
 836 jurisdiction applicable to you), or
 837 any contractual or other legal obligation; (iii) post Content that is
 838 hateful, abusive, threatening,
 839 profane, or otherwise objectionable; (iv) post Content or use the
 840 Service to create an impression
 841 that you know is incorrect, misleading, or deceptive, including by
 842 impersonating others or
 843 otherwise misrepresenting your affiliation with a person or entity; (v)
 844 publish or post other
 845 people's private or personally identifiable information without their
 846 express authorization and
 847 permission; (vi) use the Service for the purpose of spamming anyone;
 848 (vii) publish or link to
 849 malicious content intended to damage or disrupt another user's browser
 850 or computer or to
 851 compromise a user's privacy; (viii) access or tamper with non-public
 852 areas of the Service,
 853 FinalsClub's computer systems, or the technical delivery systems of
 854 FinalsClub's providers; (ix)
 855 probe, scan, or test the vulnerability of any system or network or
 856 breach or circumvent any
 857 security or authentication measures; (x) access or search or attempt to
 858 access or search the
 859 Service by any means (automated or otherwise) other than through the
 860 currently available,
 861 published interfaces that are provided by FinalsClub (and only pursuant
 862 to those terms and
 863 conditions), unless you have been specifically allowed to do so in a
 864 separate agreement with
 865 FinalsClub (crawling the Service is permissible in accordance with these
 866  Terms, but scraping the
 867 Service without the prior consent of FinalsClub except as permitted by
 868 these Terms is expressly
 869 prohibited); (xi) forge any TCP/IP packet header or any part of the
 870 header information in any
 871 email or posting, or in any way use the Service to send altered,
 872 deceptive or false sourceidentifying information; or (xii) interfere
 873 with or disrupt (or attempt to do so) the access of any
 874 user, host or network, including, without limitation, sending a virus,
 875 overloading, flooding,
 876 spamming, mail-bombing the Service, or by scripting the creation of
 877 Content in such a manner
 878 as to interfere with or create an undue burden on the Service.</p>
 879
 880 <h2>Proprietary Rights</h2>
 881
 882 <p>All right, title, and interest in and to the Service (excluding
 883 Content provided by users) are and
 884 will remain the exclusive property of FinalsClub and its licensors. The
 885 Service is protected by
 886 copyright, trademark, and other laws of both the United States and
 887 foreign countries. Except asexpressly provided herein, nothing in the
 888 Terms gives you a right to use the FinalsClub name or
 889 any of the FinalsClub trademarks, logos, domain names, and other
 890 distinctive brand features.
 891 Any feedback, comments, or suggestions you may provide regarding the
 892 Service is entirely
 893 voluntary and we will be free to use such feedback, comments or
 894 suggestions as we see fit and
 895 without any obligation to you. </p>
 896
 897 <h2>Copyright Policy</h2>
 898
 899 <p>FinalsClub respects the intellectual property rights of others and expects users of the Service to
 900 do the same. We will respond to notices of alleged copyright infringement that comply with
 901 applicable law and are properly provided to us. If you believe that your Content has been copied
 902 in a way that constitutes copyright infringement, please provide our copyright agent with the
 903 following information in accordance with the Digital Millennium Copyright Act: (i) a physical or
 904 electronic signature of the copyright owner or a person authorized to act on their behalf; (ii)
 905 identification of the copyrighted work claimed to have been infringed; (iii) identification of the
 906 material that is claimed to be infringing or to be the subject of infringing activity and that is to be
 907 removed or access to which is to be disabled, and information reasonably sufficient to permit us
 908 to locate the material; (iv) your contact information, including your address, telephone number,
 909 and an email address; (v) a statement by you that you have a good faith belief that use of the
 910 material in the manner complained of is not authorized by the copyright owner, its agent, or the
 911 law; and (vi) a statement that the information in the notification is accurate, and, under penalty of
 912 perjury, that you are authorized to act on behalf of the copyright owner.
 913 Our designated copyright agent for notice of alleged copyright infringement or other legal
 914 notices regarding Content appearing on the Service is:
 915 FinalsClub, Inc.
 916 Attn: Copyright Agent
 917 1132 Massachusetts Avenue
 918 Cambridge, MA 02138
 919 Email: copyright@FinalsClub.org
 920 Please note that in addition to being forwarded to the person who provided the allegedly illegal
 921 content, we may send a copy of your notice (with your personal information removed) to Chilling
 922 Effects (www.chillingeffects.org) for publication and/or annotation. You can see an example of
 923 such a publication athttp://www.chillingeffects.org/fairuse/notice.cgi?NoticeID=16887. A link to
 924 your published notice will be displayed on FinalsClub in place of the removed content.
 925 We reserve the right to remove Content alleged to be infringing or otherwise illegal without prior
 926 notice and at our sole discretion. In appropriate circumstances, FinalsClub will also terminate a
 927 user's account if the user is determined to be a repeat infringer.
 928 PrivacyFinalsClub values your privacy.  We will never sell any personal user information stored on
 929 FinalsClub.org with any third-party corporations or organizations without your express consent.
 930 By using the Service you consent to the transfer of your information to the United States and/or
 931 other countries for storage, processing and use by FinalsClub.  Note that user information stored
 932 with any of our affiliate services, such as PBworks.com, is subject to the terms of service of
 933 those service-providers.  Please consult the respective Terms of Service for any affiliate services
 934 for specific details.</p>
 935
 936 <h2>Links</h2>
 937
 938 <p>The Service may contain links to third-party websites or resources. You acknowledge and agree
 939 that we are not responsible or liable for: (i) the availability or accuracy of such websites or
 940 resources; or (ii) the content, products, or services on or available from such websites or
 941 resources. Links to such websites or resources do not imply any endorsement by FinalsClub of
 942 such websites or resources or the content, products, or services available from such websites or
 943 resources. You acknowledge sole responsibility for and assume all risk arising from your use of
 944 any such websites or resources.
 945
 946 </p><h2>Disclaimers; Indemnity</h2>
 947
 948 <p>Your access to and use of the Service or any Content is at your own risk. You understand and
 949 agree that the Service is provided to you on an "AS IS" and "AS AVAILABLE" basis. Without
 950 limiting the foregoing, FINALSCLUB AND ITS PARTNERS DISCLAIM ANY WARRANTIES,
 951 EXPRESS OR IMPLIED, OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR
 952 NON-INFRINGEMENT. We make no warranty and disclaim all responsibility and liability for the
 953 completeness, accuracy, availability, timeliness, security or reliability of the Service or any
 954 content thereon. FinalsClub will not be responsible or liable for any harm to your computer
 955 system, loss of data, or other harm that results from your access to or use of the Service, or any
 956 Content. You also agree that FinalsClub has no responsibility or liability for the deletion of, or the
 957 failure to store or to transmit, any Content and other communications maintained by the Service.
 958 We make no warranty that the Service will meet your requirements or be available on an
 959 uninterrupted, secure, or error-free basis. No advice or information, whether oral or written,
 960 obtained from FinalsClub or through the Service, will create any warranty not expressly made
 961 herein.</p>
 962 <p>TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, FINALSCLUB AND ITS
 963 AFFILIATES, OFFICERS, EMPLOYEES, AGENTS, PARTNERS AND LICENSORS WILL NOT
 964  BE
 965 LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL OR
 966 PUNITIVE
 967 DAMAGES, INCLUDING WITHOUT LIMITATION, LOSS OF PROFITS, DATA, USE,
 968 GOOD-WILL,
 969 OR OTHER INTANGIBLE LOSSES, RESULTING FROM (i) YOUR ACCESS TO OR USE OF
 970 OR
 971 INABILITY TO ACCESS OR USE THE SERVICE; (ii) ANY CONDUCT OR CONTENT OF
 972 ANY
 973 THIRD PARTY ON THE SERVICE, INCLUDING WITHOUT LIMITATION, ANY
 974 DEFAMATORY,
 975 OFFENSIVE OR ILLEGAL CONDUCT OF OTHER USERS OR THIRD PARTIES; (iii) ANY
 976 CONTENT OBTAINED FROM THE SERVICE; AND (iv) UNAUTHORIZED ACCESS, USE
 977 ORALTERATION OF YOUR TRANSMISSIONS OR CONTENT, WHETHER BASED ON
 978 WARRANTY,
 979 CONTRACT, TORT (INCLUDING NEGLIGENCE) OR ANY OTHER LEGAL THEORY, WHETHER
 980 OR NOT FINALSCLUB HAS BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGE,
 981 AND
 982 EVEN IF A REMEDY SET FORTH HEREIN IS FOUND TO HAVE FAILED OF ITS
 983 ESSENTIAL
 984 PURPOSE.</p>
 985 <p>Some jurisdictions do not allow the exclusion of certain warranties or the exclusion or limitation
 986 of liability for consequential or incidental damages, so the limitations above may not apply to
 987 you.
 988 If anyone brings a claim against us related to your actions or Content on the Service, or actions
 989 or Content by or from someone using your account, you will indemnify and hold us harmless
 990 from and against all damages, losses, and expenses of any kind (including reasonable legal fees
 991 and costs) related to such claim.</p>
 992 <h2>General Terms</h2>
 993 <p>These Terms and any action related thereto will be governed by the laws of the State of
 994 California without regard to or application of its conflict of law provisions or your state or country
 995 of residence. Unless submitted to arbitration as set forth in the following paragraph, all claims,
 996 legal proceedings or litigation arising in connection with the Service will be brought solely in
 997 Santa Clara County, California, and you consent to the jurisdiction of and venue in such courts
 998 and waive any objection as to inconvenient forum.
 999 For any claim (excluding claims for injunctive or other equitable relief) under these Terms where
1000 the total amount of the award sought is less than $10,000, the party requesting relief may elect
1001 to resolve the dispute through binding non-appearance-based arbitration. The party electing
1002 such arbitration shall initiate the arbitration through an established alternative dispute resolution
1003 ("ADR") provider mutually agreed upon by the parties. The ADR provider and the parties must
1004 comply with the following rules: a) the arbitration shall be conducted by telephone, online and/or
1005 be solely based on written submissions, as selected by the party initiating the arbitration; b) the
1006 arbitration shall not involve any personal appearance by the parties or witnesses unless
1007 otherwise mutually agreed by the parties; and c) any judgment on the award rendered by the
1008 arbitrator may be entered in any court of competent jurisdiction.
1009 These Terms are the entire and exclusive agreement between FinalsClub and you regarding the
1010 Service (excluding any services for which you have a separate agreement with FinalsClub that is
1011 explicitly in addition or in place of these Terms), and these Terms supersede and replace any
1012 prior agreements between FinalsClub and you regarding the Service.
1013 The failure of FinalsClub to enforce any right or provision of these Terms will not be deemed a
1014 waiver of such right or provision. In the event that any provision of these Terms is held to be
1015 invalid or unenforceable, the remaining provisions of these Terms will remain in full force and
1016 effect.We may revise these Terms from time to time. The most current version will always be on this
1017 page (or such other page as the Service may indicate). If the revision, in our sole discretion, is
1018 material we will notify you via posting to our website or e-mail to the email associated with your
1019 account. By continuing to access or use the Service after those revisions become effective, you
1020 agree to be bound by the revised Terms.</p>
1021
1022 <p>The Service is operated and provided by FinalsClub, Inc., 1132 Massachusetts Avenue
1023 Cambridge, MA 02138. If you have questions about these Terms, please contact Andrew ~at~
1024 FinalsClub d0t org</p>
1025                         </div>
1026                 </div>
1027
1028
1029
1030                 <div class=page id=pg_press>
1031                     <h1>FinalsClub in the Press</h1>
1032                     <div class="press">
1033                         <img src="/images/boston.com.png" class="press">
1034                         <p class="date">December 13, 2009</p>
1035                         <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>
1036                         <p>Then, two years ago, Magliozzi started up a side project called Finalsclub.org.</p>
1037                         <p class="readmore">
1038                         <a href="http://www.boston.com/bostonglobe/ideas/articles/2009/12/13/freeharvardeducationcom">Read more ...</a>
1039                         </p>
1040                     </div>
1041                     <hr>
1042                     <div class="press">
1043                         <img src="/images/harvard-crimson.jpg" class="press">
1044                         <p class="date">Wednesday, February 18, 2009</p>
1045                         <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>
1046                         <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>
1047                         <p class="readmore">
1048                         <a href="http://www.thecrimson.com/article/2009/2/18/finalscluborg-passes-punch-span-stylefont-weight-boldcorrection">Read more ...</a>
1049                         </p>
1050                     </div>
1051                     <hr>
1052                     <div class="press">
1053                         <img src="/images/blown-to-bits.png" class="press">
1054                         <p class="date">September 27th, 2009</p>
1055                         <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>
1056                         <p class="readmore">
1057                         <a href="http://www.bitsbook.com/2009/09/a-harvard-skirmish-in-the-copyright-wars">Read more ...</a>
1058                         </p>
1059                     </div>
1060                 </div>
1061                 <div class=page id=pg_notfound>
1062                     <h1>Page Not Found</h1>
1063                     Sorry, there is no content for this page.
1064                 </div>
1065
1066             <div id="g-footer">
1067                 <nav id="g-nav-footer">
1068                     <ul>
1069                         <li><a href="/conduct">Conduct</a></li>
1070                         <li><a href="https://github.com/finalsclubdev/FinalsClub/">Code</a></li>
1071                         <li><a href="http://blog.finalsclub.org/about.html">About</a></li>
1072                         <li><a href="http://blog.finalsclub.org/contact.html">Contact</a></li>
1073                         <li><a href="/legal">Legal</a></li>
1074                         <li><a href="http://blog.finalsclub.org/team.html">Team</a></li>
1075                     </ul>
1076                 </nav>
1077                 <div id="g-footer-copyright">
1078                     <p>Finals Club is a 501c3 non-profit organization.</p>
1079                     <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
1080                         <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" />
1081                     </a>
1082                     This site is licensed under a
1083                     <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
1084                 </div>
1085             </div>
1086         </div>
1087
1088     <!-- start Mixpanel --><script type="text/javascript">var mpq=[];mpq.push(["init","252cf14807e7553594607c10b64418b5"]);(function(){var b,a,e,d,c;b=document.createElement("script");b.type="text/javascript";b.async=true;b.src=(document.location.protocol==="https:"?"https:":"http:")+"//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(b,a);e=function(f){return function(){mpq.push([f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","track","track_links","track_forms","register","register_once","identify","name_tag","set_config"];for(c=0;c<d.length;c++){mpq[d[c]]=e(d[c])}})(); </script><!-- end Mixpanel -->
1089     </body>
1090 </html>