campaign: Print only the one-time donations since the new page is up.
[gnupg-doc.git] / web / donate / index.org
index 7cecc67..8c8dc4f 100644 (file)
@@ -1,3 +1,4 @@
+#                                                        -*- html -*-
 #+TITLE: GnuPG - Donate
 #+STARTUP: showall
 #+SETUPFILE: "../share/setup.inc"
@@ -19,6 +20,7 @@
     <script defer src="/share/3rdparty/bs-autohidingnavbar.js"></script>
     <script defer src="/share/3rdparty/bcswipe.js"></script>
     <script defer src="/share/campaign/campaign.js"></script>
+    <noscript><style>.lang-chooser .caret { display: none; }</style></noscript>
 
   </head>
   <body lang="en">
             <span class="icon-bar"></span>
           </button>
           <a class="navbar-brand" href="/" title="Home"><img class="navbar-brand" alt="GnuPG" src="/share/gnupg-lock-white-250x250.png"></a>
-         <a class="navbar-right visible-xs-inline pull-right btn btn-default btn-sm navbar-btn" style="margin-right: 10px" href="/donate/donate.html" role="button">♥ Support GnuPG</a>
+         <ul class="nav navbar-header pull-right visible-xs-inline-block lang-chooser lang-chooser-xs">
+           <li class="dropdown">
+             <!-- noscript: Link to the next language.  -->
+             <a href="/donate/index.de.html"
+                class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+               <span class="flag-icon flag-icon-usuk"></span> <span class="caret"></span></a>
+             <ul class="dropdown-menu" role="menu">
+               <li><a href="/donate/index.html">
+                   <span class="flag-icon flag-icon-usuk"></span> English</a></li>
+               <li><a href="/donate/index.de.html">
+                   <span class="flag-icon flag-icon-de  "></span> German</a></li>
+               <li><a href="/donate/index.fr.html">
+                   <span class="flag-icon flag-icon-fr  "></span> French</a></li>
+               <li><a href="/donate/index.ja.html">
+                   <span class="flag-icon flag-icon-jp  "></span> Japanese</a></li>
+             </ul>
+           </li>
+         </ul>
+         <a class="navbar-right visible-xs-inline pull-right btn btn-default btn-sm navbar-btn" style="margin-right: 10px" href="/donate/donate.html" role="button">♥ Donate</a>
         </div>
 
         <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav">
-            <li><a href="#home">Top</a></li>
             <li><a href="#dailyvideo">Daily Video</a></li>
             <li><a href="#about">About</a></li>
             <li><a href="#goals">Goals</a></li>
             <li><a href="#testimonials">Testimonials</a></li>
             <li><a href="#team">Team</a></li>
           </ul>
-          <a class="navbar-right hidden-xs btn btn-default btn-sm navbar-btn" href="/donate/donate.html" role="button">♥ Support GnuPG</a>
+         <ul class="nav navbar-nav navbar-right hidden-xs lang-chooser">
+           <li class="dropdown">
+             <!-- noscript: Link to the next language.  -->
+             <a href="/donate/index.de.html"
+                class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+               <span class="flag-icon flag-icon-usuk"></span> <span class="caret"></span></a>
+             <ul class="dropdown-menu" role="menu">
+               <li><a href="/donate/index.html">
+                   <span class="flag-icon flag-icon-usuk"></span> English</a></li>
+               <li><a href="/donate/index.de.html">
+                   <span class="flag-icon flag-icon-de  "></span> German</a></li>
+               <li><a href="/donate/index.fr.html">
+                   <span class="flag-icon flag-icon-fr  "></span> French</a></li>
+               <li><a href="/donate/index.ja.html">
+                   <span class="flag-icon flag-icon-jp  "></span> Japanese</a></li>
+             </ul>
+           </li>
+         </ul>
+          <a class="navbar-right hidden-xs btn btn-default btn-sm navbar-btn" href="/donate/donate.html" role="button">♥ Donate</a>
         </div><!--/.nav-collapse -->
       </div>
     </nav>
          <h1>GnuPG Fundraising Rally</h1>
        </div>
        <div class="col-xs-12 col-lg-8">
-         <div class="embed-responsive embed-responsive-16by9 camp-video" data-embed="yB3V1YP8cKw">
-           <img src="http://i0.kym-cdn.com/photos/images/facebook/001/217/711/afd.jpg_large">
+         <div class="embed-responsive embed-responsive-16by9 camp-video" data-embed="main">
+           <img src="/share/campaign/img/thumbs/main.jpg">
            <div class="play-button"></div>
-           <div class="video-text">Click to start the video (requires JavaScript from YouTube).</div>
+           <div class="video-text">Click to start the video
+              <noscript><br />
+                <span style="font-size: 60%"
+                      >(requires JavaScript from YouTube.)
+                </span>
+              </noscript>
+            </div>
+          </div>
        </div>
 
        <div class="col-xs-12 hidden-lg">
            </div>
            <div class="col-xs-12 col-sm-6 col-lg-12">
              <a class="btn btn-primary btn-lg btn-block" role="button"
-                 href="/cgi-bin/procdonate.cgi?mode=preset;plan=12-10-eur"
+                 href="/cgi-bin/procdonate.cgi?mode=preset&plan=12-10-eur"
                  >Donate 10&thinsp;€ a month</a>
              <div class="row" style="margin-top: 1em;">
                <div class="col-xs-6">
                  <a class="btn btn-default btn-md btn-block" role="button"
-                     href="/cgi-bin/procdonate.cgi?mode=preset;plan=12-5-eur"
+                     href="/cgi-bin/procdonate.cgi?mode=preset&plan=12-5-eur"
                      >5&thinsp;€ a month</a>
                </div>
                <div class="col-xs-6">
                  <a class="btn btn-default btn-md btn-block" role="button"
-                     href="/cgi-bin/procdonate.cgi?mode=preset;plan=12-20-eur"
+                     href="/cgi-bin/procdonate.cgi?mode=preset&plan=12-20-eur"
                      >20&thinsp;€ a month</a>
                </div>
              </div>
     <div id="dailyvideo" class="camp-gutter camp-gutter-clump container">
       <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
-         <h2>Video of the Day: Rick Astley <small>GnuPG will never gonna give you up</small></h2>
+         <h2>Video of the Day: Alex Abdo
+            <small>American Civil Liberties Union (ACLU)</small>
+          </h2>
          <div class="row">
            <div class="col-lg-10 col-lg-offset-0">
-             <div class="embed-responsive embed-responsive-16by9 camp-video" data-embed="DLzxrzFCyOs">
-               <img src="http://i0.kym-cdn.com/photos/images/facebook/001/217/711/afd.jpg_large">
+             <div class="embed-responsive embed-responsive-16by9 camp-video"
+                  data-embed="alex,andre,benjamin"
+                   data-embed-list="PLjX3x3GHoOWKs-VCjFBu_Yk5l1-l9mJzi">
+               <img src="/share/campaign/img/thumbs/alex.jpg">
                <div class="play-button"></div>
-               <div class="video-text">Click to start the video (requires JavaScript from YouTube).</div>
+               <div class="video-text">Click to start the video
+                  <noscript><br />
+                    <span style="font-size: 60%"
+                          >(requires JavaScript from YouTube.)
+                    </span>
+                  </noscript>
+                </div>
+              </div>
            </div>
          </div>
+         <p class="vid-howto">
+           There is a new video every day! Click the menu
+           <img src="/share/campaign/img/vidmenu.svg" style="height:
+           1em; vertical-align: baseline;" aria-hidden="true"/> to
+           select more videos.
+         </p>
        </div>
       </div>
     </div>
@@ -178,14 +239,14 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
             >For the past 20 years</a>, GnuPG has helped protect online
            communication.</strong>
            <a href="https://www.eff.org/de/about/staff/cindy-cohn">Cindy
-           Cohn<img src="/share/campaign/img/headshots/cindy-cohn.png"
+           Cohn<img src="/share/campaign/img/headshots/cindy-cohn.jpg"
            alt="Picture of Cindy Cohn" class="camp-headshot
            pull-right"></a>, Executive Director
            of the <a href="https://www.eff.org/">Electronic Frontier
            Foundation</a> (EFF), describes GnuPG as <i>"the way that
            I most often communicate with people who are in need
            around the
-           world."</i>  <a href="https://www.buzzfeed.com/sheerafrenkel"><img src="/share/campaign/img/headshots/sheera-frenkel.png"
+           world."</i>  <a href="https://www.buzzfeed.com/sheerafrenkel"><img src="/share/campaign/img/headshots/sheera-frenkel.jpg"
            alt="Picture of Sheera Frenkel" class="camp-headshot
            pull-left">Sheera
            Frenkel</a>, Foreign Correspondent for BuzzFeed News,
@@ -204,7 +265,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
             power <a href="https://en.wikipedia.org/wiki/Linux#Market_share_and_uptake">two-thirds
             of all servers on the Internet</a>.  And, GnuPG is widely
             used by organizations and companies.  For instance, Arthur
-            Jordan<img src="/share/campaign/img/headshots/arthur-jordan.png"
+            Jordan<img src="/share/campaign/img/headshots/arthur-jordan.jpg"
             alt="Picture of Arthur Jordan"
             class="camp-headshot pull-left">, Vice-President of
             Information Technology at 2U, told us:
@@ -227,12 +288,18 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
             amazing.  Not only did he receive enough money to fund
             himself, but <strong>he pulled in
             250&#x202f;000&nbsp;euros in small donations</strong>, and
-            Stripe, Facebook and the Linux Foundatation each committed
+            Stripe, Facebook and the Linux Foundation each committed
             to donating about 50&#x202f;000&nbsp;euros per year.
          </p>
-         <div class="text-center">
-           <img src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-small.jpg" id="camp-openpgp-conf">
-           <p id="camp-caption-openpgp-conf">The GnuPG Team at OpenPGP.conf 2016</p>
+          <div class="pull-right text-center team-img">
+            <a
+href="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-small.jpg"
+           ><img id="camp-openpgp-conf"
+src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
+              /></a>
+           <p id="camp-caption-openpgp-conf">
+               The GnuPG Team at OpenPGP.conf 2016
+            </p>
          </div>
          <p class="text-justify">
            <strong>Given this amazing response, Werner decided to
@@ -269,7 +336,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
               <p id="camp-caption-gnuk" class="text-center">The Gnuk Token</p>
            </div>
            This money will firstly allow us to continue our
-           maintenance of GnuPG.  It will also be used to fund our
+           maintenance of GnuPG.  We also intend to use it to fund our
            work on the Gnuk security token.  And, one new project
            that it will support is a book called "An Advanced
            Introduction to GnuPG."  A book for developers who want to
@@ -282,7 +349,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
          <p class="text-justify">
            <strong>Our stretch goal is to double this number of
            donations</strong>.  If 4000&nbsp;people donate just 5 or
-           10 Euros each month, then we will continue to grow the
+           10 Euros each month, then we intend to grow the
            team, and dedicate them to helping other projects in the
            GnuPG ecosystem.  One project that we really want to
            contribute to
@@ -301,7 +368,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            attorney-client conversations.  And, free software-based
            operating systems use GnuPG to verify software updates.
          </p>
-         <p style="font-size: 22px;">So, if you are convinced as we
+         <p class="text-justify" style="font-size: 22px;">So, if you are convinced as we
            are that this work is essential to protecting democracy
            and privacy, then <strong>please help us to continue our
            work and stay independent</strong>.</p>
@@ -313,7 +380,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
       <div class="container">
        <div class="row">
          <div class="col-sm-10 col-sm-offset-1">
-            <h2>What we will do</h2>
+            <h2>What we intend to do</h2>
          </div>
        </div>
        <div class="row goals is-table-row">
@@ -330,7 +397,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
              </div>
              <div class="col-xs-12 col-sm-6">
                <div class="goal goal-3">
-                 <h3><img src="/share/campaign/img/token.svg" style="height: 1em; vertical-align: baseline;" aria-hidden="true"/>Gnuk</h3>
+                 <h3><img src="/share/campaign/img/token.svg" style="height: 1em; vertical-align: baseline;" aria-hidden="true"/> Gnuk</h3>
                  <p>The <a href="https://www.fsij.org/category/gnuk.html">Gnuk</a>
                    is a fully free software and open schematic
                    security token developed by Niibe.  We want to
@@ -384,7 +451,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            <div id="myCarousel" class="carousel slide visible-lg" data-interval="false">
 
              <div class="carousel-inner" role="listbox">
-               <div class="item">
+               <div class="item active">
                  <!-- Slide 1 -->
 
                  <div class="row">
@@ -457,7 +524,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                    <div class="col-xs-4">
                      <div class="card">
                        <div class="card-img">
-                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmore.jpg" />
+                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmor.jpg" />
                        </div>
                        <div class="card-text">
                          <div class="card-quote">
@@ -471,7 +538,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                            effective. -->
                          </div>
                          <div class="card-meta">
-                           <div class="card-name">Daniel Kahn Gillmore</div>
+                           <div class="card-name">Daniel Kahn Gillmor</div>
                            <!-- <div class="card-title">Debian Developer</div> -->
                            <div class="card-title">Senior Staff Technologist</div>
                            <div class="card-org">American Civil Liberties Union (ACLU)</div>
@@ -510,7 +577,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                          </div>
                          <div class="card-meta">
                            <div class="card-name">Jason Reich</div>
-                           <div class="card-title">Directory of Security</div>
+                           <div class="card-title">Director of Security</div>
                            <div class="card-org">BuzzFeed</div>
                          </div>
                        </div>
@@ -650,7 +717,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                  </div>
 
                </div>
-               <div class="item active">
+               <div class="item">
                  <!-- Slide 5 -->
 
                  <div class="row">
@@ -704,7 +771,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                        <div class="card-text">
                          <div class="card-quote">
                            “GPG hasn't saved our butt yet, but the
-                           fact that it is there is&mdash;it let's us
+                           fact that it is there is&mdash;it lets us
                            sleep easier at night.”
                          </div>
                          <div class="card-meta">
@@ -735,7 +802,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
 
            <!-- CAROUSEL SM -->
 
-           <div id="myCarouselMedium" class="carousel slide visible-sm visible-md" data-interval="false" aria-hidden="true">
+           <div id="myCarouselMedium" class="carousel slide hidden-xs hidden-lg" data-interval="false" aria-hidden="true">
 
              <div class="carousel-inner" role="listbox">
                <div class="item active">
@@ -811,7 +878,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                    <div class="col-sm-6">
                      <div class="card">
                        <div class="card-img">
-                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmore.jpg" />
+                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmor.jpg" />
                        </div>
                        <div class="card-text">
                          <div class="card-quote">
@@ -825,7 +892,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                            effective. -->
                          </div>
                          <div class="card-meta">
-                           <div class="card-name">Daniel Kahn Gillmore</div>
+                           <div class="card-name">Daniel Kahn Gillmor</div>
                            <!-- <div class="card-title">Debian Developer</div> -->
                            <div class="card-title">Senior Staff Technologist</div>
                            <div class="card-org">American Civil Liberties Union (ACLU)</div>
@@ -871,7 +938,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                          </div>
                          <div class="card-meta">
                            <div class="card-name">Jason Reich</div>
-                           <div class="card-title">Directory of Security</div>
+                           <div class="card-title">Director of Security</div>
                            <div class="card-org">BuzzFeed</div>
                          </div>
                        </div>
@@ -1085,7 +1152,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            <div id="myCarouselSmall" class="carousel slide visible-xs" data-interval="false" aria-hidden="true">
 
              <div class="carousel-inner" role="listbox">
-               <div class="item">
+               <div class="item active">
                  <!-- Slide 1 XS -->
 
                  <div class="row">
@@ -1172,7 +1239,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                    <div class="col-xs-12">
                      <div class="card">
                        <div class="card-img">
-                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmore.jpg" />
+                         <img class="card-img-right" src="/share/campaign/img/cards/daniel-kahn-gillmor.jpg" />
                        </div>
                        <div class="card-text">
                          <div class="card-quote">
@@ -1186,7 +1253,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                            effective. -->
                          </div>
                          <div class="card-meta">
-                           <div class="card-name">Daniel Kahn Gillmore</div>
+                           <div class="card-name">Daniel Kahn Gillmor</div>
                            <!-- <div class="card-title">Debian Developer</div> -->
                            <div class="card-title">Senior Staff Technologist</div>
                            <div class="card-org">American Civil Liberties Union</div>
@@ -1240,7 +1307,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                          </div>
                          <div class="card-meta">
                            <div class="card-name">Jason Reich</div>
-                           <div class="card-title">Directory of Security</div>
+                           <div class="card-title">Director of Security</div>
                            <div class="card-org">BuzzFeed</div>
                          </div>
                        </div>
@@ -1410,7 +1477,7 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                  </div>
 
                </div>
-               <div class="item active">
+               <div class="item">
                  <!-- Slide 13 XS -->
 
                  <div class="row">
@@ -1464,8 +1531,32 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
                      </div>
                    </div>
                  </div>
-
                </div>
+
+               <div class="item">
+                 <!-- Slide 15 XS -->
+
+                 <div class="row">
+                   <div class="col-xs-12">
+                     <div class="card">
+                       <div class="card-img">
+                         <img class="card-img-left" src="/share/campaign/img/cards/john-pershing.jpg" />
+                       </div>
+                       <div class="card-text">
+                         <div class="card-quote">
+                           “GPG hasn't saved our butt yet, but the
+                           fact that it is there is&mdash;it lets us
+                           sleep easier at night.”
+                         </div>
+                         <div class="card-meta">
+                           <div class="card-name">John Pershing</div>
+                           <div class="card-title">Distinguished Developer</div>
+                           <div class="card-org">1010data</div>
+                         </div>
+                       </div>
+                     </div>
+                   </div>
+                 </div>
              </div>
              <div class="text-center">
                <!--
@@ -1490,14 +1581,14 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
     </div>
     <!-- End of testimonials.  -->
 
-    <div id="team" class="camp-gutter container">
-      <div class="row">
+<div id="team" class="camp-gutter container">
+<div class="row">
        <div class="col-xs-12">
          <h2>Who we are</h2>
        </div>
-      </div>
+</div>
 
-      <div class="row">
+<div class="row">
        <!-- Werner -->
        <div class="camp-who col-md-6">
          <div class="media">
@@ -1524,9 +1615,9 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            </div>
          </div>
        </div>
-      </div>
+</div>
 
-      <div class="row">
+<div class="row">
        <!-- Justus -->
        <div class="camp-who col-md-6">
          <div class="media">
@@ -1553,9 +1644,9 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            </div>
          </div>
        </div>
-      </div>
+</div>
 
-      <div class="row">
+<div class="row">
        <!-- Kai -->
        <div class="camp-who col-md-6">
          <div class="media">
@@ -1581,16 +1672,37 @@ href="https://lists.gnupg.org/pipermail/gnupg-devel/1997-December/014131.html"
            </div>
          </div>
        </div>
-      </div>
-      <div class="camp-final-pitch row">
-       <div class="col">
-         <center>
-           <a class="btn btn-primary btn-lg" href="/donate/donate.html" role="button">Donate now!</a>
-         </center>
-       </div>
+</div>
+
+<div class="camp-final-pitch row">
+  <div class="col">
+      <center>
+        <a class="btn btn-primary btn-lg" href="/donate/donate.html" role="button">Donate now!</a>
+      </center>
+    </div>
+  </div>
+</div>
+</div>
+
+<div class="camp-gutter container-fluid" id="camp-footer">
+  <div class="container">
+    <div class="row">
+      <div id="cpyright">
+        <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
+          <img alt="CC-BY-SA 4.0" style="border: 0"
+                src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
+        This web page is
+        Copyright 2017 The GnuPG Project and licensed under a
+        <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
+        Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
+        <a href="/copying.html">copying</a> for details.
+        See the <a href="/imprint.html">Imprint</a>.
       </div>
     </div>
-  </body>
+  </div>
+</div>
+
+</body>
 </html>
 #+END_HTML