Incorporating JohnH's feedback and various other tweaks.
authorZak Rogoff <zak@fsf.org>
Wed, 16 Nov 2016 19:57:45 +0000 (14:57 -0500)
committerZak Rogoff <zak@fsf.org>
Wed, 16 Nov 2016 19:57:45 +0000 (14:57 -0500)
v7/givingguide.html

index 76afd82..d4216fe 100644 (file)
   <link rel="stylesheet" href="css/master.css">
 
   <script type="text/javascript">
-    /** @licstart  The following is the entire license notice for the
-     *  JavaScript code in this page
-     *
-     *   Copyright (C) 2014-2016 Free Software Foundation
-     *
-     *   The JavaScript code in this page is free software: you can
-     *   redistribute it and/or modify it under the terms of the GNU
-     *   General Public License (GNU GPL) as published by the Free Software
-     *   Foundation, either version 3 of the License, or (at your option)
-     *   any later version.  The code is distributed WITHOUT ANY WARRANTY;
-     *   without even the implied warranty of MERCHANTABILITY or FITNESS
-     *   FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
-     *
-     *   As additional permission under GNU GPL version 3 section 7, you
-     *   may distribute non-source (e.g., minimized or compacted) forms of
-     *   that code without the copy of the GNU GPL normally required by
-     *   section 4, provided you include this license notice and a URL
-     *   through which recipients can access the Corresponding Source.
-     *
-     *  @licend  The above is the entire license notice
-     *  for the JavaScript code in this page.
-     */
+  /** @licstart  The following is the entire license notice for the
+  *  JavaScript code in this page
+  *
+  *   Copyright (C) 2014-2016 Free Software Foundation
+  *
+  *   The JavaScript code in this page is free software: you can
+  *   redistribute it and/or modify it under the terms of the GNU
+  *   General Public License (GNU GPL) as published by the Free Software
+  *   Foundation, either version 3 of the License, or (at your option)
+  *   any later version.  The code is distributed WITHOUT ANY WARRANTY;
+  *   without even the implied warranty of MERCHANTABILITY or FITNESS
+  *   FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+  *
+  *   As additional permission under GNU GPL version 3 section 7, you
+  *   may distribute non-source (e.g., minimized or compacted) forms of
+  *   that code without the copy of the GNU GPL normally required by
+  *   section 4, provided you include this license notice and a URL
+  *   through which recipients can access the Corresponding Source.
+  *
+  *  @licend  The above is the entire license notice
+  *  for the JavaScript code in this page.
+  */
   </script>
 
   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
 <!-- ATTRACTIVE INFORMATIONAL ALERT / ASIDE BLOCK, SAVED HERE FOR REFERENCE
 
-      <div class="alert alert-success center-block">
-        <li class="info">
-          <p>
-            Many of these items are <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom" class="alert-link">certified to Respect Your Freedom</a> (RYF-certified).
-          </p>
-        </li>
-      </div>
+<div class="alert alert-success center-block">
+<li class="info">
+<p>
+Many of these items are <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom" class="alert-link">certified to Respect Your Freedom</a> (RYF-certified).
+</p>
+</li>
+</div>
 -->
 
 <body>
 
             <ul class="pros">
 
-                        <li>
-                            Runs the <a href="http://www.replicant.us">Replicant</a> free operating system, based on Android. Caveat: its modem hardware separately runs a nonfree system.
-                        </li>
-                        <li>
-                            Features <a href="https://www.f-droid.org/">F-Droid</a>, the free software catalogue that makes it easy to get all the applications you need without sacrificing control of your phone.
-                        </li>
+              <li>
+                Runs the <a href="http://www.replicant.us">Replicant</a> free operating system, based on Android. Caveat: its modem hardware separately runs a nonfree system.
+              </li>
+              <li>
+                Features <a href="https://www.f-droid.org/">F-Droid</a>, the free software catalogue that makes it easy to get all the applications you need without sacrificing control of your phone.
+              </li>
             </ul>
           </div>
           <!--End Good-->
       </div>
       <!--End Container-->
 
-      <!--Full-sized Laptops-->
+      <!--Full-Sized Laptops-->
       <div class="container">
-        <h3 class="title text-center">Full-sized Laptops</h3>
+        <h3 class="title text-center">Full-Sized 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" />
 
                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
                 <p class="sale-info links">
-                  <a href="libiquity-promotion">Sale details.</a>
+                  <a href="#libiquity-promotion">Sale details.</a>
                 </p>
                 <a href="https://minifree.org/product/libreboot-x200/" class="seller action-button">Minifree</a>
               </div>
                 </p>
                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
                 <p class="sale-info links">
-                  <a href="libiquity-promotion">Sale details.</a>
+                  <a href="#libiquity-promotion">Sale details.</a>
                 </p>
                 <a href="https://minifree.org/product/libreboot-x200/" class="seller action-button">Minifree</a>
               </div>
             </noscript>
             <!-- End Buy/Download button -->
             <ul class="pros">
-              <li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware on hardware that is certified to Respect Your Freedom.</li>
+              <li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware on hardware that is certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
               <li>Durable hardware is meant to last and easy to repair.</li>
               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
             </ul>
           </div>
           <div class="col-md-7 col-sm-6">
             <h5 class="text-center">LibreTea computer in modular chassis</h5>
-                        <ul class="pros">
-                          <li>Interchangeable components for easy repairs and reduced waste.</li>
-                          <li>Hardware designs available so you can 3D-print new parts!</li>
-                          <li>Comes with the <a href="https://www.gnu.org/distros/free-distros.en.html">Free Software Foundation-endorsed</a> Parabola operating system. Hardware is pending <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certification.</li>
-                        </ul>
+            <ul class="pros">
+              <li>Interchangeable components for easy repairs and reduced waste.</li>
+              <li>Hardware designs available so you can 3D-print new parts!</li>
+              <li>Comes with the <a href="https://www.gnu.org/distros/free-distros.en.html">Free Software Foundation-endorsed</a> Parabola operating system. Hardware is pending <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certification.</li>
+            </ul>
           </div>
         </div>
         <!-- End Row -->
         <div class="row is-table-row">
           <div class="good col-md-6 col-sm-6">
             <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
-            <h5 class="text-center">Lulzbot Mini</h5>
+            <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">
                 <p style="color: #6b6b6b">
                   <strong>Get it from</strong>
                 </p>
-                <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">Lulzbot</a>
+                <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
                 <p class="sale-info links">
                   <a href="#lulzbot-promotion">Sale details.</a>
                 </p>
                 <p style="color: #6b6b6b">
                   <strong>Get it from</strong>
                 </p>
-                <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">Lulzbot</a>
+                <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
                 <p class="sale-info links">
                   <a href="#lulzbot-promotion">Sale details.</a>
                 </p>
             <!-- End Buy/Download button -->
             <ul class="pros">
               <li><a href="https://www.fsf.org/ryf">Respects Your Freedom-certified</a> by the FSF to run with all free software, making 3D printing more accessible and encouraging innovation.</li>
-              <li>Performance and seamless interface earned it "Editor's Choice" in Tom's Guide's 2016 3D printer comparison.</li>
+              <li>Performance and seamless interface <a href="http://www.tomsguide.com/us/lulzbot-mini-3d-printer,review-2744.html">earned it "Editor's Choice"</a> in Tom's Guide's 2016 3D printer comparison.</li>
               <li>Hardware designs available to make customization easy. Standardized material format allows 3D printing with plastics, wood-, stone-, bamboo-, rubber-, and metal-like materials.</li>
             </ul>
           </div>
           </div>
           <div class="col-md-7 col-sm-6">
             <h5 class="text-center">Long-Range Wi-Fi Adapter
-</h5>
+            </h5>
             <ul class="pros">
               <li>More powerful than its smaller cousin, and can be further upgraded with a larger antenna.</li>
-              <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware. If you use a laptop listed in this guide, an adapter like this won't be necessary.</li>
               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
             </ul>
           </div>
                 Amazon openly claims
                 <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">you don't actually own or control your ebooks.</a>
               </li>
-              <li class="neutral"><em>If</em> you do purchase from Amazon, make sure to use <a href="https://smile.amazon.com">smile.amazon.com</a> to designate a nonprofit like the Free Software Foundation to receive some of the money.</li>
             </ul>
           </div>
           <!--End Bad-->
       </div>
       <!--End Container-->
 
+      <div class="alert alert-success center-block">
+        <li class="info">
+          <p>If you do purchase from Amazon, make sure to use <a  class="alert-link" href="https://smile.amazon.com">smile.amazon.com</a> to designate a nonprofit like the Free Software Foundation to receive some of the money.</p>
+        </li>
+      </div>
+
       <!--Graphic Design-->
       <div class="container">
         <h3 class="title text-center">Graphic Design</h3>
       <!--End Container-->
 
 
-            <!-- Begin Recommended Template -->
-            <div class="container-fluid recommended-section">
-              <!-- <h1 class="text-center"></h1> -->
-              <div class="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" />
-
-                  <!-- 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;">
-                    BUY
-                    <!-- Begin Sale -->
-                    <span class="sale">sale</span>
-                    <!-- End Sale -->
-                  </a>
-                  <div class="collapse" id="sellers-vpn-router">
-                    <div class="center-block seller-group">
-                    <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
-                      <p class="sale-info links">
-                        <a href="#thinkpenguin-promotion">Sale details.</a>
-                      </p>
-                    </div>
-                  </div>
-
-                  <script>
-                  document.getElementById('get-item-vpn-router').style.display = '';
-                  </script>
-                  <noscript>
-                    <div class="center-block seller-group">
-                      <p style="color: #6b6b6b">
-                        <strong>Get it from</strong>
-                      </p>
-                      <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
-                        <p class="sale-info links">
-                          <a href="#thinkpenguin-promotion">Sale details.</a>
-                        </p>
-                    </div>
-                  </noscript>
-                  <!-- End Buy/Download button -->
+      <!-- Begin Recommended Template -->
+      <div class="container-fluid recommended-section">
+        <!-- <h1 class="text-center"></h1> -->
+        <div class="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" />
 
-                </div>
-                <div class="col-md-7 col-sm-6">
-                  <h5 class="text-center">VPN Router</h5>
-                  <ul class="pros">
-                    <li>Designed to complement your existing router by providing an easy-to-set up VPN that enhances privacy and security and circumvents network controls.</li>
-                    <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
-                  </ul>
-                </div>
+            <!-- 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;">
+              BUY
+              <!-- Begin Sale -->
+              <span class="sale">sale</span>
+              <!-- End Sale -->
+            </a>
+            <div class="collapse" id="sellers-vpn-router">
+              <div class="center-block seller-group">
+                <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
+                <p class="sale-info links">
+                  <a href="#thinkpenguin-promotion">Sale details.</a>
+                </p>
               </div>
-              <!-- End Row -->
             </div>
-            <!-- End Container -->
+
+            <script>
+            document.getElementById('get-item-vpn-router').style.display = '';
+            </script>
+            <noscript>
+              <div class="center-block seller-group">
+                <p style="color: #6b6b6b">
+                  <strong>Get it from</strong>
+                </p>
+                <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
+                <p class="sale-info links">
+                  <a href="#thinkpenguin-promotion">Sale details.</a>
+                </p>
+              </div>
+            </noscript>
+            <!-- End Buy/Download button -->
+
+          </div>
+          <div class="col-md-7 col-sm-6">
+            <h5 class="text-center">VPN Router</h5>
+            <ul class="pros">
+              <li>Designed to complement your existing router by providing a VPN that and enhances privacy and security and circumvents network controls.</li>
+              <li>Designed for easy set-up.</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>
+            </ul>
+          </div>
+        </div>
+        <!-- End Row -->
+      </div>
+      <!-- End Container -->
 
       <!--Gift Cards-->
       <div class="container">
           <div class="col-md-3 col-sm-4 col-xs-6">
             <a href="https://ceata.org/"><img src="img/charities/ceata.png" alt="ceata" class="center-block img-responsive" /></a>
           </div>
+          <div class="col-md-3 col-sm-4 col-xs-6">
+            <a href="http://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
+          </div>
         </div>
       </div>
     </section>
               <div class="panel-body" id="promotion-details">
 
                 <ul style="list-style: none inside none;">
-                  <!--<li id="thinkpenguin-promotion">All ThinkPenguin promotion information.</li>-->
-                  <li id="libiquity-promotion"><strong>Libiquity:</strong>
-                    Receive a 5% rebate off your subtotal price for any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <mailto:sales@libiquity.com>. Libiquity will then credit the rebate amount to your payment method.</li>
+                  <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> Receive a 5% discount on any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. Use the coupon code <span class="label label-default">FSFGIVING16</span> at checkout.</li>
+                  <li id="libiquity-promotion"><strong>Libiquity:</strong>            Receive a 5% rebate off your subtotal price for any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. 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="tehnoetical-promotion"><strong>Tehnoetical:</strong>
                     Receive a 5% discount on any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. Use the coupon code <span class="label label-default">FSFHOLIDAYS</span> at checkout.</li>
-                    <li id="lulzbot-promotion"><strong>LulzBot:</strong> Receive two gratis, 1 kilogram reels of <a href="https://www.lulzbot.com/store/filament/ngen?pk_campaign=fsf16&pk_kwd=ngen">nGen</a> filament when you buy any 3D printer. Use the coupon code  <span class="label label-default">FSF2016</span>. Ends at 00:00 EST on February 1st, 2017. Cannot be combined with other offers.</li>
+                    <li id="lulzbot-promotion"><strong>LulzBot:</strong> Receive two gratis, 1 kilogram reels of <a href="https://www.lulzbot.com/store/filament/ngen?pk_campaign=fsf16&pk_kwd=ngen">nGen</a> filament when you buy any 3D printer. Ends at 00:00 EST on February 1st, 2017. Use the coupon code  <span class="label label-default">FSF2016</span>. Cannot be combined with other offers.</li>
                   </ul>
                 </div>
               </div>
                   <p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
                   <ul style="list-style: none inside none;">
                     <li>X200, T400, iPhone, and ISP-provided router images are in the public domain.</li>
-                    <li>Lulzbot 3D printer photo by Aleph Objects is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
+                    <li>LulzBot 3D printer photo by Aleph Objects is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
                     <li>FSF USB membership card by FSF is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
                     <li>iTunes gift card is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
                     <li>ThinkPenguin with GNU and both ThinkPenguin router images by ThinkPenguin are licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
                     <li>The Amazon, iOS, YouTube, Google Drive and Adobe Photoshop and Illustrator logos are registered trademarks.</li>
                     <li>Tehnoetical Replicant s3 and Wi-Fi Dongle by Tehnoetical 2016 licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</li>
                     <li>The Lenovo U31 image is copyright Lenovo.</li>
-                    <li>The LibreTea computer with modular chassis image is copyright Rhombus Tech.</li>
+                    <li>LibreTea computer with modular chassis image by Luke Kenneth Casson Leighton licensed under<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</li>
                     <li>The MakerBot logo is copyright MakerBot Industries.</li>
                     <li>The Least Authority logo is copyright Least Authority Enterprises.</li>
                   </ul>
       // @license-end
       </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
       <!-- End Piwik Tracking Code -->
-<a href="js/weblabels.html" rel="jslicense"></a>
+      <a href="js/weblabels.html" rel="jslicense"></a>
     </body>
 
     </html>