karmaworld/templates/about.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3 {% load humanize %}
   4
   5 {% block pagestyle %}
   6   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/about.css">
   7 {% endblock %}
   8
   9 {% block title %}
  10   Mission, Vision, Team &amp; Scoreboard
  11 {% endblock %}
  12
  13 {% block content %}
  14   <section id="about_content">
  15
  16     <div class="row">
  17       {% comment %}
  18       <div id="hero_image" class="twelve columns">
  19         <div id="hero_image_caption_container">
  20           <div class="row">
  21             <div id="hero_image_caption" class="seven columns offset-by-one">
  22             <!-- <p>Meet the KarmaNotes team: Andrew, Charles, Bob, & Seth.</p> -->
  23             </div><!-- /hero_image_caption -->
  24           </div>
  25         </div><!-- /hero_image_caption_container -->
  26       </div><!-- /hero_image -->
  27       {% endcomment %}
  28       <div class="small-12 columns flex-video vimeo">
  29         <iframe src="http://player.vimeo.com/video/66370775" title="0" width="960" height="436" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  30       </div>
  31
  32     </div>
  33
  34     <div class="row">
  35       <div id="about_copy_header" class="small-12 columns large-10 large-offset-1 ">
  36         Help us spread the academic wealth.
  37       </div>
  38     </div>
  39
  40     <div class="row">
  41       <div id="about_copy_body" class="small-12 columns large-10 large-offset-1">
  42         <p>KarmaNotes empowers college students to share course notes, study guides, and other digial learning resources online. By exchanging knowledge on KarmaNotes, everyone benefits from access to a growing database of knowledge.</p>
  43         <p>All content on KarmaNotes is licensed Creative Commons and all code is <a href="https://github.com/FinalsClub/karmaworld">free and open source</a>. We also maintain full compliance with the Digital Millennium Copyright Act.</p>
  44         <p>Beyond the ivory tower, KarmaNotes is a network with the potential to digitize education, one lecture at a time.  Like a give-a-penny jar, KarmaNotes collects knowledge for the common good. Best of all, our capacity is practically limitless, and withdrawals are entirely free. </p>
  45         <p>KarmaNotes is improving access to learning resources thanks to support from the William and Flora Hewlett Foundation and generous scholars like you. Want to get involved or learn more? Please <a href="mailto:info@finalsclub.org?Subject=Karma%20question">contact us</a> or support our mission with a tax-deductible charitable donation to the FinalsClub Foundation.</p>
  46       </div> <!--/about_copy_body-->
  47
  48
  49     </div>
  50
  51
  52     <div id="" class="row panel">
  53
  54       <div id="donate-text" class="small-12 small-centered columns large-6 large-uncentered">
  55         <div class="row">
  56           <div id="donate_copy_header" class="">Love KarmaNotes?</div>
  57           <!-- /donate_copy_header -->
  58         </div> <!--.row-->
  59         <div class="row">
  60           <div id="donate_copy_body" class="">Support free and open education.</div>
  61           <!-- /donate_copy_body -->
  62         </div> <!--.row-->
  63       </div> <!--small-12 columns large-8-->
  64
  65
  66       <div class="small-12 small-centered columns large-6 large-uncentered">
  67         <!-- Amazon form submit for donations -->
  68         <form id="amazon-donate-form" action="https://authorize.payments.amazon.com/pba/paypipeline" method="post">
  69           <input type="hidden" name="returnUrl" value="http://KarmaNotes.org" >
  70           <input type="hidden" name="processImmediate" value="1" >
  71           <input type="hidden" name="accessKey" value="11SEM03K88SD016FS1G2" >
  72           <input type="hidden" name="signatureMethod" value="HmacSHA256" >
  73           <input type="hidden" name="collectShippingAddress" value="1" >
  74           <input type="hidden" name="isDonationWidget" value="1" >
  75           <input type="hidden" name="amazonPaymentsAccountId" value="RLXQCTZFRUFP5TMB3RMQC4LKDXN6AKE874PGB9" >
  76           <input type="hidden" name="referenceId" value="FinalsClub.org Inc" >
  77           <input type="hidden" name="cobrandingStyle" value="logo" >
  78           <input type="hidden" name="immediateReturn" value="1" >
  79           <input type="hidden" name="description" value="Support the free exchange of student learning resources" >
  80           <input type="hidden" name="abandonUrl" value="http://KarmaNotes.org" >
  81           <input type="hidden" name="signatureVersion" value="2" >
  82           <input type="hidden" name="signature" value="0eQB5Jxoa1rE+NuI7IupDKQUZSjfLwQeZdFnSSwFa+A=" >
  83           <!-- Default donation amount -->
  84           <input type="hidden" name="amount" value="USD 20" >
  85
  86           <button id="donate_button" class="button large round expand"  type="submit">
  87             DONATE
  88           </button>
  89         </form>
  90       </div> <!--small-12 columns large-6 -->
  91
  92     </div> <!-- donate button container-->
  93
  94     <div class="row">
  95       <div class="small-12 columns large-10 large-offset-1">
  96         <div id="leaderboard_header">
  97           University Karma Leaderboard
  98         </div><!-- /leaderboard_header -->
  99       </div>
 100     </div>
 101
 102     <div class="row">
 103       <div class="small-12 columns large-10 large-offset-1">
 104         <div id="leaderboard_copy">
 105           These schools are aces at sharing the academic wealth
 106         </div>
 107       </div><!-- /leaderboard_copy -->
 108     </div>
 109
 110
 111     <div class="row">
 112       <div id="leaderboard_table" class="small-10 columns small-offset-1">
 113
 114         {% for school in schools %}
 115         <div class="row leaderboard_item">
 116           <div class="small-1 column leaderboard_rank">
 117             {{ forloop.counter }}
 118           </div>
 119           <div class="small-8 columns leaderboard_school">
 120             {{ school.name }}
 121           </div> <!-- /leaderboard_school -->
 122           <div class="small-1 column  leaderboard_score">
 123             {{ school.file_count }}
 124           </div> <!-- /leaderboard_score -->
 125         </div> <!-- /leaderboard_item -->
 126         {% endfor %}
 127
 128       </div> <!-- /leaderboard_table -->
 129     </div>
 130
 131   </section><!--/about_content-->
 132 {% endblock %}