fixed linking to technoethical's sale.
[fsf-giving-guide.git] / v9 / givingguide.html
index 3fceacdc5193e4feffbda62b5ec0bd43f7842bf2..7ec9615c7405252273271bff4dbe211e4a67bc54 100644 (file)
   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
   <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
   <![endif]-->
+
+  <script>
+    /*
+
+    @licstart  The following is the entire license notice for the 
+    JavaScript code in this page.
+
+    Copyright (c) 2016 Reda Lazri
+
+    Permission is hereby granted, free of charge, to any person obtaining
+    a copy of this software and associated documentation files (the
+    "Software"), to deal in the Software without restriction, including
+    without limitation the rights to use, copy, modify, merge, publish,
+    distribute, sublicense, and/or sell copies of the Software, and to
+    permit persons to whom the Software is furnished to do so, subject to
+    the following conditions:
+
+    The above copyright notice and this permission notice shall be included
+    in all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+    MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+    IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+    CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+    TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+    SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+    @licend  The above is the entire license notice
+    for the JavaScript code in this page.
+
+    */
+  </script>
+
 </head>
 
 <!-- ATTRACTIVE INFORMATIONAL ALERT / ASIDE BLOCK, SAVED HERE FOR REFERENCE
             <h1>Give the gift of freedom!</h1>
 
            <p>New electronic gadgets make great presents for family and friends, but so many of the phones, computers, and toys come with proprietary programs, privacy-disrespecting software, and surveillance tools hidden inside.</p>
-           <p>This guide replaces these holiday humbugs with better devices from ethical companies &mdash; no <a href="https://gnu.org/proprietary" style="color: gold">creepy remote deletion of files or punitive and mean rules about copying and sharing</a>. Just products and software that respect the freedom and privacy of your loved ones: gifts you can feel good about.</p>
+           <p>This guide replaces these holiday humbugs with better devices from ethical companies &mdash; no <a href="https://gnu.org/proprietary">creepy remote deletion of files or punitive and mean rules about copying and sharing</a>. Just products and software that respect the freedom and privacy of your loved ones: gifts you can feel good about.</p>
            
 <p>Most of the devices in this list carry a <a href="https://fsf.org/ryf">Respects Your Freedom</a> (RYF) hardware product certification, which means that the product meets our high standards for endorsement. RYF-certified devices make great purchases and great gifts at any time of year – learn more and explore the full list <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">on our Web site</a>.</p>
 
                 <p style="color: #6b6b6b">
                   <strong>Get it from</strong>
                 </p>
-
-                              <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
+               <p>
+                 <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
+               </p>
+                <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
                 <p class="sale-info links">
-         
+            <a href="#technoethical-promotion">Sale details</a>
                 </p>
+             </div>
+             </div>
 
             <script>
             document.getElementById('get-item-convertible').style.display = '';
                                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
                                 <p class="sale-info links">
                                   <a href="#technoethical-promotion">Sale details.</a>
-                                </p>           </div>
-            </noscript>
-               
-                <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
-              </div>
-            </div>
+                                </p>     
+             </div>
+           </noscript>
 
-            <script>
-            document.getElementById('get-item-convertible').style.display = '';
-            </script>
-            <noscript>
-              <div class="center-block seller-group">
-                <p style="color: #6b6b6b">
-                  <strong>Get it from</strong>
-                </p>
 
-                                <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
-                                <p class="sale-info links">
-                                  <a href="#technoethical-promotion">Sale details.</a>
-                                </p>           </div>
-            </noscript>
             <!-- End Buy/Download button -->
+           
             <ul class="pros">
  <p>Why it's cool: Use it as a laptop or as a tablet with a built-in stylus. It may not be a brand-new concept, but it'll always feel a little futuristic.</p>
 
@@ -651,26 +674,28 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
       </div>
       <!--End Container-->
 
-      
-      <!--start container-->
-        <!-- Begin Recommended Template -->
+      <!-- cool devices -->
       <div class="container">
         <h2 class="title text-center">Cool Devices</h2>
 <div class="container">
         <div class="row is-table-row">
-          <div class="col-md-5 col-sm-6 recommended-img">
-            <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" />
+          <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>
 
             <!-- Buy/Download Button   -->
-            <a id="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;">
+            <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;">
               BUY
+                <!-- Begin Sale -->
+              <span class="sale" >sale</span>
+              <!-- End Sale -->
             </a>
             <div class="collapse" id="random-number-generator">
               <div class="center-block seller-group">
-                <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator">GNU Press Shop</a>
+
+                <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
                 <p class="sale-info links">
-                  <a href="#thinkpenguin-promotion">Sale details.</a>
+                  <a href="#GNU-promotion">Sale details.</a>             
                 </p>
               </div>
             </div>
@@ -683,9 +708,9 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
                 <p style="color: #6b6b6b">
                   <strong>Get it from</strong>
                 </p>
-                <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
+                <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator"  class="seller action-button" class="seller action-button">GNU Press Shop</a>
                 <p class="sale-info links">
-                  <a href="#thinkpenguin-promotion">Sale details.</a>
+                  <a href="#GNU-promotion">Sale details.</a>
                 </p>
               </div>
             </noscript>
@@ -1117,15 +1142,15 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
 
                   </div>
                   <div class="panel-body" id="licenses">
-                    <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 Unported.</a>
+                    <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a>.
                     </p>
                     <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="https://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="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-                      <li>Technoethical Replicant S3, Wi-Fi Dongle, and X200T by Technoethical 2016-2017 licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike Unported 4.0</a>.</li>
-                     <li>Photo of bookshelf by <a href="https://www.flickr.com/photos/seeminglee/4556156477/">See-ming Lee</a> licensed under a <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike 2.0 Unported</a>
+                      <li>LulzBot 3D printer photo by Aleph Objects is licensed under a <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0</a>.</li>
+                      <li>ThinkPenguin with GNU and both ThinkPenguin router images by ThinkPenguin are licensed under a <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0</a>.</li>
+                      <li>Technoethical Replicant S3, Wi-Fi Dongle, and X200T by Technoethical 2016-2017 licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0</a>.</li>
+                     <li>Photo of bookshelf by <a href="https://www.flickr.com/photos/seeminglee/4556156477/">See-ming Lee</a> licensed under a <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike 2.0</a>.</li>
                   </div>
                 </div>
               </div>