center the FSF donation item on its own row
[fsf-giving-guide.git] / v9 / givingguide.html
index 8fa5b68d156acac90487ea38c73d988ac15e0ae5..d0dd52d37a924c240655cf917f9c55312ac26379 100644 (file)
         <ul class="nav navbar-nav">
           <li><a class="animated fadeIn" href="https://www.fsf.org/about/">About the FSF</a></li>
           <li><a class="animated fadeIn" href="https://www.fsf.org/campaigns/">Campaigns</a></li>
-          <li><a class="animated fadeIn" href="https://my.fsf.org/donate?pk_campaign=fall18&pk_kwd=ggdonate">Donate</a></li>
+          <li><a class="animated fadeIn" href="https://my.fsf.org/join?pk_campaign=fall18&pk_kwd=ggjoin">Join</a></li>
           <li><a class="animated fadeIn" href="https://shop.fsf.org/">Shop</a>
           </ul>
 
         <h2 class="title text-center">Smartphones</h2>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6" style="position:relative">
+          <h5 class="text-center">Galaxy S3 with Replicant</h5>
             <img src="img/products/mobile_n2.png" alt="replicant phone" class="center-block" />
-            <h5 class="text-center">Galaxy S3 with Replicant</h5>
+  
 
             <!-- Buy/Download Button   -->
             <a id="get-item" class="btn get-item" role="button" data-toggle="collapse" href="#sellers" aria-expanded="false" aria-controls="sellers" style="display:none">
             <!-- End Buy/Download button -->
 
             <ul class="pros">
- <p>Why it's cool: Your smartphone is so much more than a phone: it's a tiny computer you carry with you every day, and for many people around the world, it's their only Internet-enabled device. Choosing one of these phones lets you bring software freedom everywhere you go. You <i>can</i> have a phone that respects your freedoms while still making calls, running your favorite apps, and sending all the text messages you want.</p>
+ <p>Why it's cool: Your smartphone is so much more than a phone: it's a tiny computer you carry with you every day, and for many people around the world, it's their only Internet-enabled device. Choosing one of these phones lets you bring software freedom everywhere you go. You <i>can</i> run your favorite apps and send all the text messages you want, while still running free software.</p>
 
 <p>         You can also get an <a href="https://tehnoetic.com/tehnoetic-s2-phone-replicant">S2</a> or an <a "https://tehnoetic.com/tet-n2">N2 phone/tablet</a>, complete with Replicant.</p>
             </ul>
         <h3 class="title text-center">Laptops</h3>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
-            <img src="img/products/t400.png" alt="t400" class="center-block" />
             <h5 class="text-center">T400 with GNU/Linux</h5>
+            <img src="img/products/t400.png" alt="t400" class="center-block" />
 
 
            
         <h3 class="title text-center">Compact Laptops</h3>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
+                <h5 class="text-center">X200 with GNU/Linux</h5> 
             <img src="img/products/x200.png" alt="x200" class="center-block" />
-            <h5 class="text-center">X200 with GNU/Linux</h5>
+
            
             <!-- Buy/Download Button   -->
             <a id="get-item-compact" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-compact" aria-expanded="false" aria-controls="sellers-compact" style="display:none">
         <h3 class="title text-center">Convertible Laptops/Tablets</h3>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
+                       <h5 class="text-center">X200t with GNU/Linux</h5>
             <img src="https://static.fsf.org/nosvn/images/technoethical-x200t.png" alt="Technoethical convertible tablet laptop" class="center-block" />
-            <h5 class="text-center">X200t with GNU/Linux</h5>
+
 
             <!-- Buy/Download Button   -->
             <a id="get-item-convertible" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-convertible" aria-expanded="false" aria-controls="sellers-convertible" style="display:none">
         <h3 class="title text-center">Desktops</h3>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
+                       <h5 class="text-center">D16 Workstation with GNU/Linux</h5>
             <img src="img/products/desktop.png" alt="The Workstation, a tower computer by Vikings" class="center-block" />
-            <h5 class="text-center">D16 Workstation with GNU/Linux</h5>
            
             <!-- Buy/Download Button   -->
             <a id="get-item-desktop" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-desktop" aria-expanded="false" aria-controls="sellers-desktop" style="display:none">
         <h3 class="title text-center">3D Printers</h3>
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
+                       <h5 class="text-center">LulzBot Mini</h5>
             <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
-            <h5 class="text-center">LulzBot Mini</h5>
+
 
             <!-- Buy/Download Button   -->
             <a id="get-item-print" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-print" aria-expanded="false" aria-controls="sellers-print" style="display:none">
@@ -680,8 +684,9 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
 <div class="container">
         <div class="row is-table-row">
           <div class="col-md-5 col-sm-6">
-            <img src="https://shop.fsf.org/sites/default/files/styles/product_full/public/randomnumber.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" style="height: 140px"/>
-           <h5 class="text-center">NeuG USB True Random Number Generator</h5>
+                   <h5 class="text-center">NeuG USB True Random Number Generator</h5>
+            <img src="https://shop.fsf.org/sites/default/files/styles/product_full/public/randomnumber.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" style="height: 140px; margin-bottom: 110px"/>
+
 
             <!-- Buy/Download Button   -->
             <a id="get-item-random-number-generator" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-random-number-generator" aria-expanded="false" aria-controls="sellers-random-number-generator" style="display:none; top:205px;">
@@ -690,7 +695,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
               <span class="sale" >sale</span>
               <!-- End Sale -->
             </a>
-            <div class="collapse" id="random-number-generator">
+            <div class="collapse" id="sellers-random-number-generator">
               <div class="center-block seller-group">
 
                 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
@@ -701,7 +706,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
             </div>
 
             <script>
-            document.getElementById('get-item-long-range-adapter').style.display = '';
+            document.getElementById('get-item-random-number-generator').style.display = '';
             </script>
             <noscript>
               <div class="center-block seller-group">
@@ -719,7 +724,8 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
           </div>
           <div class="col-md-7 col-sm-6">
             </h5>
-            <ul class="pros">
+<ul class="pros">
+  <li>The perfect present for the cryptogeek in your life.</li>
               <li>FST-01 (Flying Stone Tiny ZERO-ONE) is a tiny USB 32-bit computer based on a free (as in freedom) hardware design.</li>
              <li>NeuG is an implementation of a true random number generator (TRNG) for STM32F103 MCU.</li>
             </ul>
@@ -731,8 +737,8 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
        
         <div class="row is-table-row">
           <div class="col-md-5 col-sm-6 recommended-img">
+                       <h5 class="text-center">Mini Wi-Fi Adapter</h5>
             <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
-               <h5 class="text-center">Mini Wi-Fi Adapter</h5>
 
             <!-- Buy/Download Button   -->
             <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none; top:205px;">
@@ -781,7 +787,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
             </ul>
            </div>
 
-           <div class="good col-md-6 col-sm-6">
+           <div class="good col-md-7 col-sm-6">
             <ul class="pros">
               <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.</li>
               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
@@ -798,8 +804,8 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
  <div class="container">
         <div class="row is-table-row">
           <div class="col-md-5 col-sm-6 recommended-img">
+                   <h5 class="text-center">Long Range Wi-Fi Adapter</h5>
             <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" />
-           <h5 class="text-center">Long Range Wi-Fi Adapter</h5>
 
             <!-- Buy/Download Button   -->
             <a id="get-item-long-range-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-long-range-adapter" aria-expanded="false" aria-controls="sellers-long-range-adapter" style="display:none; top:205px;">
@@ -850,8 +856,9 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
         <div class="container">
           <div class="row is-table-row">
             <div class="col-md-5 col-sm-6 recommended-img">
-              <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
              <h5 class="text-center">VPN Router</h5>
+              <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
+
 
               <!-- Buy/Download Button   -->
               <a id="get-item-vpn-router" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-vpn-router" aria-expanded="false" aria-controls="sellers-vpn-router" style="display:none; top:205px;">
@@ -890,7 +897,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
               <ul class="pros">
                 <li>Designed to complement your existing router by providing a VPN that enhances privacy and security and circumvents network controls.</li>
                 <li>Designed for easy setup.</li>
-                <li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> LibreCMC operating system on hardware that is certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
+                <li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> LibreCMC operating system on a product that is certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
               </ul>
             </div>
           </div>
@@ -909,11 +916,12 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
 
             <ul class="pros">
              <p>There are <a href="https://www.defectivebydesign.org/guide/ebooks">plenty of places</a> to get your literature fix without any pesky DRM. We're highlighting some publishers and shops you should patronize below!</p>
-             <li><a href="https://leanpub.com/">Leanpub</a> is an author driven ebook Web site encouraging people to "publish early, publish often."</li>
+             <li><a href="https://leanpub.com/">Leanpub</a> is an author-driven ebook Web site encouraging people to "publish early, publish often."</li>
              <li><a href="https://lektu.com/">Lektu</a> provides you with media in Spanish.</li>
              <li><a href="https://www.manning.com/ebooks">Manning Publications</a> has audio and video in addition to ebooks.</li>
              <li><a href="https://nostarch.com/">No Starch Press</a> offers "the finest in geek entertainment."</li>
              <li><a href="https://www.packtpub.com/">Packt Publishing</a> has ebooks and videos covering a range of technical topics.</li>
+             <li><a href="https://www.smashwords.com/">Smashwords</a> is the world's largest distributor of indie ebooks.</li>
            <li>Looking to buy paper books? Check out the <a href="https://shop.fsf.org/collection/books-docs">GNU Press Shop</a> for your technical manuals and documentation needs.</li>
            </ul>
 
@@ -956,10 +964,11 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
          <!--start bad-->
           <div class="good col-md-6 col-sm-6">
             <ul class="cons">
-             <h5 class="text-center">Stay away from: Spotify (and all other major streaming services)</h5>
+             <h5 class="text-center">Stay away from: Spotify, iTunes, (and all other major streaming services)</h5>
              <ul>
           <li>Spotify is only one of many offenders when it comes to putting DRM in music: all major streaming services do this, with the support of big record labels.</li>
           <li>In addition to streaming music encumbered by DRM, people who want to use Spotify are required to install additional proprietary software. Even <a href="https://www.spotify.com/us/download/linux/">Spotify's client for GNU/Linux</a> relies on proprietary software.</li>
+          <li>Apple Music and iTunes streaming also use DRM on its files.</li>
             </ul>
           </div>
           <!--End Bad-->
@@ -1026,7 +1035,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
   </ul>
            <h5 class="text-center">Stay away from: These devices</h5>
             <ul class="cons">
-             <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home.</li>
+             <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home. These include Amazon Alexa, Amazon Echo, Google Home, Nest, Philips Hue lighting, Ring doorbell, Sonos One, and Wembo.</li>
              <li>Self-driving cars are full of proprietary software, and they also pose a terrible risk to cyclists, pedestrians, and riders. <a href="https://www.theguardian.com/technology/2017/jul/31/tesla-model-3-electric-car-doesnt-have-key-things-we-learned-speedometer-battery-sleep">Read more about</a> the Tesla Model 3's anti-features and autopilot system.</li>
             </ul>
           </div>
@@ -1045,7 +1054,14 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
         <div class="container">
           <h1 class="text-center">Recommended organizations for holiday donations</h1>
           <div class="row">
-            <div class="col-md-3 col-sm-4 col-xs-6">
+           <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
+              <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
+             <p>The Giving Guide is brought to you by the <a href="https://fsf.org">Free Software Foundation</a>. We are powered by our Associate Members. Will you help us propel free software to new frontiers by <a href="https://my.fsf.org/join?pk_campaign=fall18&pk_kwd=ggjoin">joining today</a>?</p>
+            </div>
+          </div>
+          <div style="height: 30px"></div>
+          <div class="row">
+           <div class="col-md-3 col-sm-4 col-xs-6">
               <a href="https://april.org/"><img src="img/charities/april.png" alt="april" class="center-block img-responsive" /></a>
             </div>
             <div class="col-md-3 col-sm-4 col-xs-6">
@@ -1066,9 +1082,6 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
             <div class="col-md-3 col-sm-4 col-xs-6">
               <a href="https://www.wikimedia.org/"><img src="img/charities/wikimedia.png" alt="wikimedia" class="center-block img-responsive" /></a>
             </div>
-           <div class="col-md-3 col-sm-4 col-sx-6">
-              <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
-            </div>
           </div>
         </div>
           </div>
@@ -1089,8 +1102,9 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
                 <div class="panel-body" id="promotion-details">
 <h2>Companies, distributors, and makers of freedom-friendly gadgets want to make it easier for you to give gifts that you feel good about. Check out these discounts and promotions.</h2>
             <ul style="list-style: none inside none;">
-               <li id="libiquity-promotion"><strong>Libiquity:</strong> Receive a 10% rebate off your subtotal price for any items you buy from the Web site. Libiquity will donate 5% of each purchase's subtotal price to the FSF. Ends at 00:00 EST on February 1st, 2019. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <a href="mailto:sales@libiquity.com">sales@libiquity.com</a>. Libiquity will then credit the rebate amount to your payment method.</li>
-               <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/lulzbot-sales-clearance-items">features sales and clearance items on their Web site.</li>
+             <li id="GNU-promotion"><strong>GNU Press Shop: </strong>5% discount on all shop items using the coupon code <span class="label label-default">GIVEFREELY</span>. Code expires on December 31st. As always, FSF members get a 20% discount on Shop items.</li>
+              <li id="libiquity-promotion"><strong>Libiquity: </strong>10% rebate off your subtotal price for any items you buy from the Web site. Libiquity will donate 5% of each purchase's subtotal price to the FSF. Ends at 00:00 EST on February 1st, 2019. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <a href="mailto:sales@libiquity.com">sales@libiquity.com</a>. Libiquity will then credit the rebate amount to your payment method.</li>
+               <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/lulzbot-sales-clearance-items">Features sales and clearance items on their Web site</a>.</li>
                <li id="technoethical-promotion"><strong>Technoethical:</strong> 5% discount on <b>all</b> purchases using the coupon code <span class="label label-default">FSFHOLIDAYS</span>. FSF members get an additional 10% off, using the code <span class="label label-default">FSREWARDS</span>.</li>
                      <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> 5% discount on <b>all</b> products is available to <a href="https://fsf.org/join">FSF members</a>.</li>
                       <li id="vikings-promotion"><strong>Vikings:</strong> 5% discount on <b>all</b> products and services between now and February 1, 2019. <b>Help the FSF:</b> Vikings will also make a donation to the FSF for each product purchased using the coupon code  <span class="label label-default">fsfftw</span>.</li>