campaign: Add text about the first look media partnering.
[gnupg-doc.git] / web / donate / index.org
index a7e8ffa..3bc16d1 100644 (file)
@@ -20,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>
            <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>
        </div>
       </div>
+      <div class="row">
+       <div class="col-sm-10 col-sm-offset-1">
+          <br /><p class="lead"><b>For each recurring
+              donation, <a href="https://www.firstlook.media/">First Look
+                Media</a></b>, the parent organization
+            of <a href="https://theintercept.com/">The Intercept</a> and
+            Laura Poitras' <a href="https://fieldofvision.org/">Field of
+              Vision</a>, <b>will match the first 12 months</b> of your
+              gift (up to 25&#x202f;000&nbsp;USD)!
+          </p>
+        </div>
+      </div>
     </div>
 
     <div class="camp-gutter container-fluid flying-locks">
     <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: Sze Ming
+            <small><a href="https://sinarproject.org/en">Sinar Project</a></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="p7ULsUdBMwM,6qQt5_kJGnY,FpO6ePjIyVs" data-embed-list="PLjX3x3GHoOWLdrpy17aX5JaCnea2_CxBa">
-               <img src="/share/campaign/img/thumbs/6qQt5_kJGnY.jpg">
+                  data-embed="votd"
+                   data-embed-list="PLjX3x3GHoOWKs-VCjFBu_Yk5l1-l9mJzi">
+               <img src="/share/campaign/img/thumbs/votd.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>
@@ -182,14 +251,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,
@@ -208,7 +277,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:
@@ -231,11 +300,10 @@ 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="pull-right text-center"
-               style="width: 50%; margin-left: 1em; margin-top: 0.5em;">
+          <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"
@@ -280,7 +348,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
               <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
@@ -289,11 +357,11 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
            tradeoffs, and common pitfalls; for digital security
            trainers who need to understand GnuPG to be able to make
            sound recommendations to users; and, of course,
-           for for enthusiasts.
+           for enthusiasts.
          <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
@@ -312,7 +380,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
            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>
@@ -324,7 +392,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
       <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">
@@ -341,7 +409,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
              </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
@@ -354,7 +422,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
              <div class="col-xs-12 col-sm-6">
                <div class="goal goal-2">
                  <h3><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Book</h3>
-                 <p>We want to improve documentation.  On major
+                 <p>We want to improve documentation.  One major
                     project in this area is a book that we have
                     started to write called <i>An Advanced
                     Introduction to GnuPG</i>, which will explain how
@@ -468,7 +536,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                    <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">
@@ -482,7 +550,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                            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>
@@ -521,7 +589,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                          </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>
@@ -715,7 +783,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                        <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">
@@ -746,7 +814,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
 
            <!-- 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">
@@ -822,7 +890,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                    <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">
@@ -836,7 +904,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                            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>
@@ -882,7 +950,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                          </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>
@@ -1183,7 +1251,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                    <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">
@@ -1197,7 +1265,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                            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>
@@ -1251,7 +1319,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                          </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>
@@ -1489,7 +1557,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
                        <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">
@@ -1640,6 +1708,7 @@ src="https://www.gnupg.org/ftp/media/openpgp.conf/2016/gnupg-team-smaller.jpg"
         <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>
   </div>