Code Cleanups
[fsf-giving-guide.git] / givingguide.html
index a9008bf..3b60cf5 100755 (executable)
 <!DOCTYPE html>
 <html>
-       <head>
 
-               <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software </title>
+<head>
 
-               <meta charset="UTF-8">
+  <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software </title>
 
-               <!--FIXME: Is this necessary?-->
-               <link rel="copyright" title="Copyright information" href="http://creativecommons.org/licenses/by-nd/3.0/rdf">
-               <link rel="author" title="Author information" href="http://www.fsf.org/about/staff">
+  <meta charset="UTF-8">
 
-               <!--Stylesheets-->
-               <link rel="stylesheet" type="text/css" href="reset.css">
-               <link rel="stylesheet" type="text/css" href="stylesheet.css">
+  <!--FIXME: Is this necessary?-->
+  <link rel="copyright" title="Copyright information" href="http://creativecommons.org/licenses/by-nd/3.0/rdf">
+  <link rel="author" title="Author information" href="http://www.fsf.org/about/staff">
 
-       </head>
+  <!--Stylesheets-->
+  <link rel="stylesheet" type="text/css" href="reset.css">
+  <link rel="stylesheet" type="text/css" href="stylesheet.css">
 
-       <body>
-               <div class="header">
-                       <div class="header_wrapper">
-                                       <div class="navbar_wrapper">
-                                               <span class="logo_wrapper">
-                                                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="logo" /></a>
-                                               </span>
+</head>
 
-                                               <div class="navbar">
-                                                       <ul>
-                                                               <li><a href="https://www.fsf.org/about/">About the FSF</a></li>
-                                                               <li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
-                                                               <li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
-                                                               <li><a href="http://shop.fsf.org/">Shop</a></li>
-                                                       </ul>
-                                               </div>
+<body>
+  <div class="header">
+    <div class="header_wrapper">
 
-                                               <span class="join_wrapper">
-                                                       <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="join" /></a>
-                                               </span>
-                                       </div>
-
-                               <div class="intro">
-
-                                       <div class="intro_img">
-                                               <img src="images/banner.png" alt="Giving Guide" />
-                                       </div>
-                                       <div class="intro_wrapper">
-                                               <h2>Are you giving your loved ones holiday gifts they can use freely, or gifts which put someone else in control?</h2>
-                                               <p>Electronics are popular gifts for the holidays, but people often overlook the restrictions that manufacturers slip under the wrapping paper. From remote deletion of files to harsh rules about copying and sharing, some gifts almost take more than they give. The good news is that there are ethical companies making better devices that your loved ones can enjoy with freedom and privacy. Here's a list of these smarter gifts, compared with their more well-known, but more restrictive alternatives.</p>
-<p>Like this guide? Organize a <a href="https://www.fsf.org/givingguide/giving-guide-giveaway-primer">Giving Guide Giveaway</a> to share it with the masses. And remember: donating to a charity in your friend or family member's name (see our recommendations below) is at least as meaningful as buying them an electronic device.</p>
-
-
-
-                                               </div>
-                               </div>
-                       </div>
-               </div>
-
-               <div class="share">
-                       <span class="share_wrapper">
-                               <a href="https://fsf.org/share">Share</a>
+      <div class="navbar_wrapper">
+        <span class="logo_wrapper">
+                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="logo" /></a>
                        </span>
-               </div>
-
-               <!--We compare different products from here-->
-
-               <div class="comparisons">
-                       <div class="section_wrapper">
-                               <h3 class="main_title">Operating System</h3>
-
-                               <div class="free">
-                                       <div class="product">
-                                               <img class="good" src="images/good.png" alt="good"/>
-                                               <img class="product_img" src="//www.gnu.org/graphics/trisquel/trisquel.svg" alt="Trisquel GNU/Linux"/>
-                                       </div>
-
-                                       <h4 class="title">Trisquel GNU/Linux</h4>
-                                       <ul>
-                                               <li>
-                         <a href="http://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> completely free operating system: transparent and modifiable.
-                       </li>
-
-                       <li>
-                         Break the cycle of forced upgrades and planned obsolescence.
-                       </li>
-
-                       <li>
-                         Comes with all the software you need and an easy software manager to find more.
-                       </li>
-                       <li>Works great with the Wi-Fi adapters in this guide.</li>
-                                       </ul>
-
-
-
-                               </div>
-
-                               <div class="proprietary">
-                                       <div class="product">
-                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                               <img class="product_img" src="images/windows.png" alt="Windows"/>
-                                       </div>
-
-                                       <h4 class="title">Windows</h4>
-                                       <ul>
-                       <li>
-                         Proprietary software that profits from
-                         controlling how you use your computer
-                       </li>
-
-                       <li>
-                         Invades privacy and exposes personal data to
-                         Microsoft,
-                         <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">
-                           the NSA,
-                         </a> and other malicious attackers
-                       </li>
-
-                       <li>
-                         Dependent on mandatory upgrades and devices
-                         that don't support older versions of Windows
-                       </li>
-                     </ul>
-
-
-                               </div>
-
-                               <div class="buy_avoid">
-                                       <div class="buy_avoid_wrapper">
-                                               <div class="buy">
-                                                       <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-                                               </div>
-
-                                               <div class="avoid">
-                                                       <img src="images/avoid.png" alt="avoid" />
-                                               </div>
-                                       </div>
-                               </div>
-
-                       </div>
-
-
-
-                       <div class="section_wrapper">
-                               <h3 class="main_title">3D Printers</h3>
-
-                               <div class="free">
-                                       <div class="product">
-                                               <img class="good" src="images/good.png" alt="good"/>
-                                               <img class="product_img" src="//static.fsf.org/nosvn/images/taz4.png" alt="TAZ 4.0"/>
-                                       </div>
-
-                                       <h4 class="title">Lulzbot TAZ 4.0</h4>
-                                       <ul>
-                       <li>
-                         Contact <a href="https://www.lulzbot.com/company/contact-us">Lulzbot sales</a> and mention this guide to receive gratis shipping and filament with your TAZ.
-                       </li>
-
-                       <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>
-                          Supports tetherless printing, optional Dual Extruder upgrade, and exotic filaments including wood-, rubber- and stone-like materials.
-                       </li>
-                       <li>Hardware designs available to make modification and improvement easy.</li>
-                     </ul>
-
-                               </div>
-
-                               <div class="proprietary">
-                                       <div class="product">
-                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                               <img class="product_img" src="//static.fsf.org/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2"/>
-                                       </div>
-
-                                       <h4 class="title">Makerbot Replicator 2</h4>
-                                       <ul>
-                       <li>
-                         MakerWare software is proprietary,
-                         restricting freedom and stifling innovation
-                       </li>
-
-                       <li>
-                         Hardware patents threaten free printers like
-                         the Lulzbot
-                       </li>
-
-                       <li>
-                         Recently announced an increasingly
-                         proprietary approach, further distancing
-                         itself from the free software community
-                       </li>
-                     </ul>
-
-                               </div>
-
-                               <div class="buy_avoid">
-                                       <div class="buy_avoid_wrapper">
-                                               <div class="buy">
-                                                       <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-                                               </div>
-
-                                               <div class="avoid">
-                                                       <img src="images/avoid.png" alt="avoid" />
-                                               </div>
-                                       </div>
-                               </div>
-       </div>
-
-
-
-
-                       <div class="section_wrapper">
-                               <h3 class="main_title">Ebooks</h3>
-
-                               <div class="free">
-                                       <div class="product">
-                                               <img class="good" src="images/good.png" alt="good"/>
-                                               <img class="product_img" src="//static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="Project Gutenberg"/>
-                                       </div>
-
-                                       <h4 class="title">Project Gutenberg</h4>
-
-                     <ul>
-                       <li>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</li>
-<li>The original purveyor of DRM-free eBooks, <a href="htts://www.defectivebydesign.org/guide/ebooks">inspiring many others</a>.</li>
-<li>Enjoy the freedom to read your ebooks on any device.</li>
-                     </ul>
-
-                               </div>
-
-                               <div class="proprietary">
-                                       <div class="product">
-                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                               <img class="product_img" src="//static.fsf.org/fsforg/img/amazon.jpg" alt="Amazon"/>
-                                       </div>
-
-                                       <h4 class="title">Amazon</h4>
-                                       <ul>
-                       <li>
-                         Amazon can remotely block or delete
-                         individual ebooks or your entire library
-                         with no warning or explanation (<a href="http://www.defectivebydesign.org/node/2250">they've done
-                         it before</a>).
-                       </li>
-
-                       <li>
-                         Amazon uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to prevent you from sharing your favorite
-                         books with friends or moving them between readers.
-                         </a>
-                       </li>
-
-                       <li>
-                         Amazon openly claims
-                         <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">
-                           you don't actually own or control your
-                           ebooks.
-                         </a>
-                       </li>
-                     </ul>
-
-                               </div>
-
-                               <div class="buy_avoid">
-                                       <div class="buy_avoid_wrapper">
-                                               <div class="buy">
-                                                       <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-                                               </div>
-
-                                               <div class="avoid">
-                                                       <img src="images/avoid.png" alt="avoid" />
-                                               </div>
-                                       </div>
-                               </div>
-                       </div>
-
-                       <div class="section_wrapper">
-                               <h3 class="main_title">Mobile OS</h3>
-
-                               <div class="free">
-                                       <div class="product">
-                                               <img class="good" src="images/good.png" alt="good"/>
-                                               <img class="product_img" src="http://static.fsf.org/nosvn/images/Replicant_logo.png" alt="Replicant"/>
-                                       </div>
-
-                                       <h4 class="title">Replicant OS</h4>
-                                       <ul>
-                       <li>
-                         Fully free software, based on Android.
-                       </li>
-
-                       <li>
-                         <a href="http://redmine.replicant.us/projects/replicant/wiki/ReplicantImages">
-                           Supported devices
-                         </a>
-                         include both phones and tablets
-                       </li>
-
-                       <li>
-                         Works on used, so your
-                         dollars won't go to proprietary OS
-                         companies.
-                       </li>
-                     </ul>
-
-
-                               </div>
-
-                               <div class="proprietary">
-                                       <div class="product">
-                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                               <img class="product_img" src="http://static.fsf.org/nosvn/images/iOS.png" alt="Apple iPhone, iPad and Watch"/>
-                                       </div>
-
-                                       <h4 class="title">Apple iPhone, iPad and Watch</h4>
-                                       <ul>
-                       <li>
-                         iOS is a fully proprietary operating system,
-                         giving Apple ultimate control over devices.
-                       </li>
-
-                       <li>
-                         Apple uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to block competing software.
-                       </li>
-
-                       <li>
-                         The company claims to take away your freedom <a href="https://www.defectivebydesign.org/blog/1256">for your own good</a>.
-                       </li>
-                     </ul>
-                               </div>
-
-                               <div class="buy_avoid">
-                                       <div class="buy_avoid_wrapper">
-                                               <div class="buy">
-                                                       <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-                                               </div>
-
-                                               <div class="avoid">
-                                                       <img src="images/avoid.png" alt="avoid" />
-                                               </div>
-                                       </div>
-                               </div>
-                       </div>
-<div class="comparisons">
-                                               <div class="section_wrapper">
-                                                       <h3 class="main_title">Laptops</h3>
-
-                                                       <div class="free">
-                                                               <div class="product">
-                                                                       <img class="good" src="images/good.png" alt="good"/>
-                                                                       <img class="product_img" src="//static.fsf.org/fsforg/img/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook"/>
-                                                               </div>
-
-                                                               <h4 class="title">ThinkPenguin GNU/Linux Notebook</h4>
-
-                      <ul>
-                      <li>Save $5 on any purchase of $50 or more with coupon code FSFGIVING. ThinkPenguin will also donate $5 to the FSF (expires at the end of 2014).</li>
-                        <li>
-                          Comes installed with a free OS, and its Wi-Fi and 3D-accelerated graphics work with any other <a href="http://www.gnu.org/distros/">fully free GNU/Linux distribution</a>.
-                        </li>
-
-                        <li> While its proprietary firmware means it's <a href="<a href="https://www.fsf.org/campaigns/free-bios.html">not fully free</a>, this laptop is one of the most freedom-supporting available. Browse more companies that sell <a href="www.gnu.org/links/companies">free software-compatible computers</a>.</li>
-                      </ul>
-
-                                                               <div class="buy">
-
-                                                                       <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
-
-                                                               </div>
-
-                                                       </div>
-
-                                                       <div class="proprietary">
-                                                               <div class="product">
-                                                                       <img class="bad" src="images/bad.png" alt="bad"/>
-                                                                       <img class="product_img" src="http://upload.wikimedia.org/wikipedia/commons/0/07/Macbook_Pro_PSD.png" alt="Apple Macbook Pro"/>
-                                                               </div>
-
-                                                               <h4 class="title">Apple Macbook Pro</h4>
-                                                               <ul>
-                        <li>
-                          Runs on proprietary software that restricts
-                          the user's freedoms.
-                        </li>
-
-                        <li>
-                          Apple's App Store uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a>  to restrict what
-                          you can do with your purchases.
-                        </li>
-
-                        <li>
-                          Planned obsolescence: business model forces
-                          you to buy new devices frequently.
-                        </li>
-                      </ul>
-
-                                                               <div class="avoid">
-
-                                                                       <img src="images/avoid.png" alt="avoid" />
-
-                                                               </div>
-                                                       </div>
-                                               </div>
-                               </div>
-
-                       <div class="comparisons">
-                                       <div class="section_wrapper">
-                                               <h3 class="main_title">Graphic Design</h3>
-
-                                               <div class="free">
-                                                       <div class="product">
-                                                               <img class="good" src="images/good.png" alt="good"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/gimp_inkscape.png" alt="GIMP and Inkscape"/>
-                                                       </div>
-
-                                                       <h4 class="title">GIMP and Inkscape</h4>
-
-                      <ul>
-                         <li>Free software, with thriving developer communities.</li>
- <li>Designed for free formats, but can also open files created in other programs.</li>
- <li>Wide variety of plugins grants limitless features.</li>
- <li>Easy to install on all major operating systems.</li>
-                      </ul>
-
-                                                       <div class="buy">
-
-                                                               <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-
-                                                       </div>
-
-                                               </div>
-
-                                               <div class="proprietary">
-                                                       <div class="product">
-                                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/photoshop_illustrator.png" alt="Photoshop and Illustrator"/>
-                                                       </div>
-
-                                                       <h4 class="title">Photoshop and Illustrator</h4>
-                                                       <ul>
-                        <li>Proprietary software controlled by Adobe.</li>
-<li>Prefers locked-down proprietary formats.</li>
-<li>Requires costly upgrades to stay up to date.</li>
-                      </ul>
-
-                                                       <div class="avoid">
-
-                                                               <img src="images/avoid.png" alt="avoid" />
-
-                                                       </div>
-                                               </div>
-                                       </div>
-                       </div>
-
-                               <div class="comparisons">
-                                       <div class="section_wrapper">
-                                               <h3 class="main_title">Gift Cards</h3>
-
-                                               <div class="free">
-                                                       <div class="product">
-                                                               <img class="good" src="images/good.png" alt="good"/>
-                                                               <img class="product_img" src="//static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="FSF Membership Card"/>
-                                                       </div>
-
-                                                       <h4 class="title">FSF Membership Card</h4>
-                      <ul>
-<li>Join over 3,000 active members working to make a better world built on free software.</li>
-<li>Enjoy a host of <a href="https://www.fsf.org/associate/benefits">member benefits</a>, including admission to the <a href="http://libreplanet.org/wiki/LibrePlanet:Conference">yearly LibrePlanet conference</a>.</li>
-<li>Membership donations are tax-deductible in the US. For a smaller gift, <a href="https://www.fsf.org/donate">donate in a friend's name</a>.</li>
-</ul>
-
-
-
-                                                       <div class="buy">
-
-                                                               <a href="https://www.fsf.org/associate"><img src="images/buy.png" alt="Buy" /></a>
-
-                                                       </div>
-
-                                               </div>
-
-                                               <div class="proprietary">
-                                                       <div class="product">
-                                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                                               <img class="product_img" src="//static.fsf.org/fsforg/img/iTunesCardPrepped.png" alt="iTunes Card"/>
-                                                       </div>
-
-                                                       <h4 class="title">iTunes Card</h4>
-                                                       <ul>
+
+        <div class="navbar">
+          <ul>
+            <li><a href="https://www.fsf.org/about/">About the FSF</a>
+            </li>
+            <li><a href="https://www.fsf.org/campaigns/">Campaigns</a>
+            </li>
+            <li><a href="https://www.fsf.org/licensing/">Software Licensing</a>
+            </li>
+            <li><a href="http://shop.fsf.org/">Shop</a>
+            </li>
+          </ul>
+        </div>
+        <!--end navbar-->
+
+        <span class="join_wrapper">
+                       <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="join" /></a>
+                       </span>
+      </div>
+
+      <div class="intro">
+
+        <div class="intro_img">
+          <img src="images/banner.png" alt="Giving Guide" />
+        </div>
+
+        <div class="intro_wrapper">
+          <h2>Are you giving your loved ones holiday gifts they can use freely, or gifts which put someone else in control?</h2>
+          <p>Electronics are popular gifts for the holidays, but people often overlook the restrictions that manufacturers slip under the wrapping paper. From remote deletion of files to harsh rules about copying and sharing, some gifts almost take more
+            than they give. The good news is that there are ethical companies making better devices that your loved ones can enjoy with freedom and privacy. Here's a list of these smarter gifts, compared with their more well-known, but more restrictive
+            alternatives.
+          </p>
+          <p>Like this guide? Organize a <a href="https://www.fsf.org/givingguide/giving-guide-giveaway-primer">Giving
+                                               Guide Giveaway</a> to share it with the masses. And remember: donating to a charity in your friend or family member's name (see our recommendations below) is at least as meaningful as buying them an electronic device.</p>
+        </div>
+      </div>
+      <!--end intro -->
+    </div>
+  </div>
+  <!--end header-->
+
+  <!-- Sharing -->
+  <div class="share">
+    <span class="share_wrapper">
+       <a href="https://fsf.org/share">Share</a>
+       </span>
+  </div>
+  <!-- end sharing-->
+
+  <!--We compare different products from here-->
+
+  <div class="comparisons">
+    <div class="section_wrapper">
+      <h3 class="main_title">Operating System</h3>
+
+      <div class="free">
+        <div class="product">
+          <img class="good" src="images/good.png" alt="good" />
+          <img class="product_img" src="//www.gnu.org/graphics/trisquel/trisquel.svg" alt="Trisquel GNU/Linux" />
+        </div>
+
+        <h4 class="title">Trisquel GNU/Linux</h4>
+        <ul>
+          <li>
+            <a href="http://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> completely free operating system: transparent and modifiable.
+          </li>
+
+          <li>
+            Break the cycle of forced upgrades and planned obsolescence.
+          </li>
+
+          <li>
+            Comes with all the software you need and an easy software manager to find more.
+          </li>
+          <li>Works great with the Wi-Fi adapters in this guide.</li>
+        </ul>
+
+
+
+      </div>
+
+      <div class="proprietary">
+        <div class="product">
+          <img class="bad" src="images/bad.png" alt="bad" />
+          <img class="product_img" src="images/windows.png" alt="Windows" />
+        </div>
+
+        <h4 class="title">Windows</h4>
+        <ul>
+          <li>
+            Proprietary software that profits from controlling how you use your computer
+          </li>
+
+          <li>
+            Invades privacy and exposes personal data to Microsoft,
+            <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">
+                                               the NSA,</a> and other malicious attackers
+          </li>
+
+          <li>
+            Dependent on mandatory upgrades and devices that don't support older versions of Windows
+          </li>
+        </ul>
+
+
+      </div>
+
+                       <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+
+
+    <div class="section_wrapper">
+      <h3 class="main_title">3D Printers</h3>
+
+      <div class="free">
+        <div class="product">
+          <img class="good" src="images/good.png" alt="good" />
+          <img class="product_img" src="//static.fsf.org/nosvn/images/taz4.png" alt="TAZ 4.0" />
+        </div>
+
+        <h4 class="title">Lulzbot TAZ 4.0</h4>
+        <ul>
+          <li>
+            Contact <a href="https://www.lulzbot.com/company/contact-us">Lulzbot sales</a> and mention this guide to receive gratis shipping and filament with your TAZ.
+          </li>
+
+          <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>
+            Supports tetherless printing, optional Dual Extruder upgrade, and exotic filaments including wood-, rubber- and stone-like materials.
+          </li>
+          <li>Hardware designs available to make modification and improvement easy.</li>
+        </ul>
+
+      </div>
+
+      <div class="proprietary">
+        <div class="product">
+          <img class="bad" src="images/bad.png" alt="bad" />
+          <img class="product_img" src="//static.fsf.org/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2" />
+        </div>
+
+        <h4 class="title">Makerbot Replicator 2</h4>
+        <ul>
+          <li>
+            MakerWare software is proprietary, restricting freedom and stifling innovation
+          </li>
+
+          <li>
+            Hardware patents threaten free printers like the Lulzbot
+          </li>
+
+          <li>
+            Recently announced an increasingly proprietary approach, further distancing itself from the free software community
+          </li>
+        </ul>
+
+      </div>
+
+                       <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+
+
+
+    <div class="section_wrapper">
+      <h3 class="main_title">Ebooks</h3>
+
+      <div class="free">
+        <div class="product">
+          <img class="good" src="images/good.png" alt="good" />
+          <img class="product_img" src="//static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="Project Gutenberg" />
+        </div>
+
+        <h4 class="title">Project Gutenberg</h4>
+
+        <ul>
+          <li>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</li>
+          <li>The original purveyor of DRM-free eBooks, <a href="htts://www.defectivebydesign.org/guide/ebooks">inspiring many others</a>.</li>
+          <li>Enjoy the freedom to read your ebooks on any device.</li>
+        </ul>
+
+      </div>
+
+      <div class="proprietary">
+        <div class="product">
+          <img class="bad" src="images/bad.png" alt="bad" />
+          <img class="product_img" src="//static.fsf.org/fsforg/img/amazon.jpg" alt="Amazon" />
+        </div>
+
+        <h4 class="title">Amazon</h4>
+        <ul>
+          <li>
+            Amazon can remotely block or delete individual ebooks or your entire library with no warning or explanation (<a href="http://www.defectivebydesign.org/node/2250">they've done
+       it before</a>).
+          </li>
+
+          <li>
+            Amazon uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to prevent you from sharing your favorite books with friends or moving them between readers.
+            </a>
+          </li>
+
+          <li>
+            Amazon openly claims
+            <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">
+       you don't actually own or control your
+       ebooks.
+       </a>
+          </li>
+        </ul>
+
+      </div>
+
+                       <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="section_wrapper">
+      <h3 class="main_title">Mobile OS</h3>
+
+      <div class="free">
+        <div class="product">
+          <img class="good" src="images/good.png" alt="good" />
+          <img class="product_img" src="http://static.fsf.org/nosvn/images/Replicant_logo.png" alt="Replicant" />
+        </div>
+
+        <h4 class="title">Replicant OS</h4>
+        <ul>
+          <li>
+            Fully free software, based on Android.
+          </li>
+
+          <li>
+            <a href="http://redmine.replicant.us/projects/replicant/wiki/ReplicantImages">
+       Supported devices
+       </a> include both phones and tablets
+          </li>
+
+          <li>
+            Works on used, so your dollars won't go to proprietary OS companies.
+          </li>
+        </ul>
+
+
+      </div>
+
+      <div class="proprietary">
+        <div class="product">
+          <img class="bad" src="images/bad.png" alt="bad" />
+          <img class="product_img" src="http://static.fsf.org/nosvn/images/iOS.png" alt="Apple iPhone, iPad and Watch" />
+        </div>
+
+        <h4 class="title">Apple iPhone, iPad and Watch</h4>
+        <ul>
+          <li>
+            iOS is a fully proprietary operating system, giving Apple ultimate control over devices.
+          </li>
+
+          <li>
+            Apple uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to block competing software.
+          </li>
+
+          <li>
+            The company claims to take away your freedom <a href="https://www.defectivebydesign.org/blog/1256">for your own good</a>.
+          </li>
+        </ul>
+      </div>
+
+                       <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="comparisons">
+      <div class="section_wrapper">
+        <h3 class="main_title">Laptops</h3>
+
+        <div class="free">
+          <div class="product">
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="//static.fsf.org/fsforg/img/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook" />
+          </div>
+
+          <h4 class="title">ThinkPenguin GNU/Linux Notebook</h4>
+
+          <ul>
+            <li>Save $5 on any purchase of $50 or more with coupon code FSFGIVING. ThinkPenguin will also donate $5 to the FSF (expires at the end of 2014).</li>
+            <li>
+              Comes installed with a free OS, and its Wi-Fi and 3D-accelerated graphics work with any other <a href="http://www.gnu.org/distros/">fully free GNU/Linux distribution</a>.
+            </li>
+
+            <li> While its proprietary firmware means it's <a href="https://www.fsf.org/campaigns/free-bios.html">not fully free</a>, this laptop is one of the most freedom-supporting available. Browse more companies that sell <a href="www.gnu.org/links/companies">free software-compatible computers</a>.</li>
+          </ul>
+
+        </div>
+
+        <div class="proprietary">
+          <div class="product">
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="http://upload.wikimedia.org/wikipedia/commons/0/07/Macbook_Pro_PSD.png" alt="Apple Macbook Pro" />
+          </div>
+
+          <h4 class="title">Apple Macbook Pro</h4>
+          <ul>
+            <li>
+              Runs on proprietary software that restricts the user's freedoms.
+            </li>
+
+            <li>
+              Apple's App Store uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to restrict what you can do with your purchases.
+            </li>
+
+            <li>
+              Planned obsolescence: business model forces you to buy new devices frequently.
+            </li>
+          </ul>
+        </div>
+      </div>
+
+                                               <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="comparisons">
+      <div class="section_wrapper">
+        <h3 class="main_title">Graphic Design</h3>
+
+        <div class="free">
+          <div class="product">
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/gimp_inkscape.png" alt="GIMP and Inkscape" />
+          </div>
+
+          <h4 class="title">GIMP and Inkscape</h4>
+
+          <ul>
+            <li>Free software, with thriving developer communities.</li>
+            <li>Designed for free formats, but can also open files created in other programs.</li>
+            <li>Wide variety of plugins grants limitless features.</li>
+            <li>Easy to install on all major operating systems.</li>
+          </ul>
+
+        </div>
+
+        <div class="proprietary">
+          <div class="product">
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/photoshop_illustrator.png" alt="Photoshop and Illustrator" />
+          </div>
+
+          <h4 class="title">Photoshop and Illustrator</h4>
+          <ul>
+            <li>Proprietary software controlled by Adobe.</li>
+            <li>Prefers locked-down proprietary formats.</li>
+            <li>Requires costly upgrades to stay up to date.</li>
+          </ul>
+
+        </div>
+      </div>
+
+                                               <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="comparisons">
+      <div class="section_wrapper">
+        <h3 class="main_title">Gift Cards</h3>
+
+        <div class="free">
+          <div class="product">
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="//static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="FSF Membership Card" />
+          </div>
+
+          <h4 class="title">FSF Membership Card</h4>
+          <ul>
+            <li>Join over 3,000 active members working to make a better world built on free software.</li>
+            <li>Enjoy a host of <a href="https://www.fsf.org/associate/benefits">member benefits</a>, including admission to the <a href="http://libreplanet.org/wiki/LibrePlanet:Conference">yearly LibrePlanet conference</a>.</li>
+            <li>Membership donations are tax-deductible in the US. For a smaller gift, <a href="https://www.fsf.org/donate">donate in a friend's name</a>.</li>
+          </ul>
+
+        </div>
+
+        <div class="proprietary">
+          <div class="product">
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/fsforg/img/iTunesCardPrepped.png" alt="iTunes Card" />
+          </div>
+
+          <h4 class="title">iTunes Card</h4>
+          <ul>
+            <li> <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a>
+                                                       on everything (except music) control what you can do with your purchases.
+            </li>
+
+            <li> Apple claims (wrongly) that you don't actually own anything you buy from the iTunes store.</li>
+
+            <li> Requires proprietary software to use, even to download DRM-free music.</li>
+          </ul>
+
+        </div>
+      </div>
+
+                                               <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="comparisons">
+      <div class="section_wrapper">
+        <h3 class="main_title">Online Storage</h3>
+
+        <div class="free">
+          <div class="product">
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/leastauthority.png" alt="Least Authority" />
+          </div>
+
+          <h4 class="title">FSF Membership Card</h4>
+
+          <ul>
+            <li>
+              Free software system guarantees that you control who sees your data.
+            </li>
+
+            <li>
+              Decentralized infrastructure protects from attacks and give you flexibility in how your data is stored.
+            </li>
+
+            <li>
+              Client side encryption to prevent snooping, unlike Google Drive, Dropbox, Apple iCloud, Microsoft SkyDrive, and Ubuntu One.
+            </li>
+          </ul>
+
+        </div>
+
+        <div class="proprietary">
+          <div class="product">
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive" />
+          </div>
+
+          <h4 class="title">Google Drive</h4>
+          <ul>
+
+            <li>
+              Requires granting Google a virtually unlimited license to any public data, and also having your public and personal data mined for ads.
+            </li>
+
+            <li>
+              Data may be accessed by <a href="http://arstechnica.com/information-technology/2013/10/how-the-nsas-muscular-tapped-googles-and-yahoos-private-networks/">
+                                                       intelligence agencies.</a>
+            </li>
+
+          </ul>
+
+        </div>
+      </div>
+
+                                               <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
+
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
+
+    </div>
+
+    <div class="comparisons">
+      <div class="section_wrapper">
+        <h3 class="main_title">Media Hosting</h3>
+
+        <div class="free">
+          <div class="product">
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/mediagoblin.png" alt="GNU MediaGoblin" />
+          </div>
+
+          <h4 class="title">GNU MediaGoblin</h4>
+
+          <ul>
+            <li>
+              Soon-to-be federated to allow decentralized sharing.
+            </li>
+
+            <li>Supports free video formats. And ability to choose a <a href="https://www.gnu.org/copyleft/">copyleft license</a>.</li>
+
+            <li>Source files can be attached to an upload, making it easy to remix people's work.</li>
 
 
-                        <li>
-                          <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> on everything (except music) control what you can do with your purchases.
-                        </li>
-
-                        <li>
-                          Apple claims (wrongly) that you don't actually own anything you buy from the iTunes store.
-                        </li>
-
-                        <li>
-                          Requires proprietary software to use, even to download DRM-free music.
-                        </li>
-                      </ul>
-
-                                                       <div class="avoid">
-
-                                                               <img src="images/avoid.png" alt="avoid" />
-
-                                                       </div>
-                                               </div>
-                                       </div>
-                       </div>
-
-                       <div class="comparisons">
-                                       <div class="section_wrapper">
-                                               <h3 class="main_title">Online Storage</h3>
-
-                                               <div class="free">
-                                                       <div class="product">
-                                                               <img class="good" src="images/good.png" alt="good"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/leastauthority.png" alt="Least Authority"/>
-                                                       </div>
-
-                                                       <h4 class="title">FSF Membership Card</h4>
-
-                      <ul>
-                         <li>
-                          Free software system guarantees that you control who sees your data.
-                        </li>
-
-                        <li>
-                          Decentralized infrastructure protects from attacks and give you flexibility in how your data is stored.
-                        </li>
-
-                        <li>
-                          Client side encryption to prevent snooping,
-                          unlike Google Drive, Dropbox, Apple iCloud,
-                          Microsoft SkyDrive, and Ubuntu One.
-                        </li>
-                      </ul>
-
-                                                       <div class="buy">
-
-                                                               <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
-
-                                                       </div>
-
-                                               </div>
-
-                                               <div class="proprietary">
-                                                       <div class="product">
-                                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive"/>
-                                                       </div>
-
-                                                       <h4 class="title">Google Drive</h4>
-                                                       <ul>
-
-<li>
-                          Requires granting Google a virtually
-                          unlimited license to any public data, and
-                          also having your public and personal data
-                          mined for ads.
-                        </li>
-
-                        <li>
-                          Data may be accessed by <a href="http://arstechnica.com/information-technology/2013/10/how-the-nsas-muscular-tapped-googles-and-yahoos-private-networks/">
-                            intelligence agencies.
-                          </a>
-                        </li>
-
-                      </ul>
-
-                                                       <div class="avoid">
-
-                                                               <img src="images/avoid.png" alt="avoid" />
-
-                                                       </div>
-                                               </div>
-                                       </div>
-                       </div>
-
-<div class="comparisons">
-                                       <div class="section_wrapper">
-                                               <h3 class="main_title">Media Hosting</h3>
-
-                                               <div class="free">
-                                                       <div class="product">
-                                                               <img class="good" src="images/good.png" alt="good"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/mediagoblin.png" alt="GNU MediaGoblin"/>
-                                                       </div>
-
-                                                       <h4 class="title">GNU MediaGoblin</h4>
-
-                      <ul>
-                        <li>
-                          Soon-to-be federated to allow decentralized
-                          sharing.
-                        </li>
-
-                        <li>Supports free video formats. And ability to choose a <a href="https://www.gnu.org/copyleft/">copyleft license</a>.</li>
-
-                        <li>Source files can be attached to an upload, making it easy to remix people's work.</li>
-
-
-                      </ul>
-
-                                                       <div class="buy">
-
-                                                               <a href="http://mediagoblin.org"><img src="images/download.png" alt="Get Started" /></a>
-
-                                                       </div>
-
-                                               </div>
-
-                                               <div class="proprietary">
-                                                       <div class="product">
-                                                               <img class="bad" src="images/bad.png" alt="bad"/>
-                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/YouTube.png" alt="YouTube"/>
-                                                       </div>
-
-                                                       <h4 class="title">YouTube</h4>
-                                                       <ul>
-                        <li>
-                          Uses proprietary Adobe Flash player and
-                          patent-encumbered H.264 codec.
-                        </li>
-
-                        <li>
-                          Implements <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to control access to videos
-                          by device and region.
-                        </li>
-
-                        <li>
-                          Imposes advertising on your uploads and
-                          polices copyright harshly.
-                        </li>
-                      </ul>
-
-                                                       <div class="avoid">
+          </ul>
+
+        </div>
+
+        <div class="proprietary">
+          <div class="product">
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/YouTube.png" alt="YouTube" />
+          </div>
 
-                                                               <img src="images/avoid.png" alt="avoid" />
+          <h4 class="title">YouTube</h4>
+          <ul>
+            <li>
+              Uses proprietary Adobe Flash player and patent-encumbered H.264 codec.
+            </li>
 
-                                                       </div>
-                                               </div>
-                                       </div>
-                       </div>
-       </div>
+            <li>
+              Implements <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to control access to videos by device and region.
+            </li>
 
-                       <!-- Recommended Section -->
+            <li>
+              Imposes advertising on your uploads and polices copyright harshly.
+            </li>
+          </ul>
 
-                       <div class="recommended">
-                               <h1 class="topic_title">More Recommended Products</h1>
+        </div>
+      </div>
+    </div>
 
-                               <div class="recommend_wrapper">
-                                       <div class="recommended_product">
-                                               <img class="recommended_product_img" src="//tehnoetic.com/image/cache/data/adaptor-500x500.JPG" alt="Tehnoetic dongle Wi-Fi adapter"/>
-                                               <h4 class="title">Tehnoetic dongle Wi-Fi adapter</h4>
-                                               <p>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
-                                               <div class="buy">
-                                                       <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150"><img src="images/buy.png" alt="Buy" /></a>
-                                               </div>
-                                       </div>
+                                       <!-- 'buy/download' and 'avoid' buttons -->
+      <div class="buy_avoid">
+        <div class="buy_avoid_wrapper">
+          <div class="buy">
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
+            </a>
+          </div>
 
-                                       <div class="recommended_product">
-                                               <img class="recommended_product_img" src="//www.thinkpenguin.com/files/imagecache/product/librecmc-router-v2_0.jpg" alt="ThinkPenguin Wi-Fi N router"/>
-                                               <h4 class="title">ThinkPenguin Wi-Fi N router</h4>
-                                               <p>High speed wireless router running <a href="https://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> LibreCMC operating system. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
-                                               <div class="buy">
-                                                       <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-broadband-router-gnu-linux-tpe-nwifirouter2"><img src="images/buy.png" alt="Buy" /></a>
-                                               </div>
-                                       </div>
+          <div class="avoid">
+            <img src="images/avoid.png" alt="avoid" />
+          </div>
+        </div>
+      </div>
+                       <!-- end buy-avoid -->
 
-                               </div>
+  </div>
 
-                               <!-- Licenses Section -->
+  <!-- Recommended Section -->
 
-                               <div class="licenses">
-                                       <p class= "remark"> If you have ideas for more gifts that can be given
-                                     freely, submit your recommendations to our <a href="http://libreplanet.org/wiki/
-                                                       Group:Giving_Guide_Suggestions">growing page</a>.
-                                       </p>
-                               </div>
-                               <h1 clas"topic_title">Recommended charities for holiday donations</h1>
-<p><a href="http://www.eff.org">Electronic Frontier Foundation</a>, <a href="http://www.creativecommons.org">Creative Commons</a>, <a href="http://wikimedia.org">Wikimedia Foundation</a>, <a href="http://www.sfconservancy.org">Software Freedom Conservancy</a>, <a href="http://www.softwarefreedom.org">Software Freedom Law Center</a>, <a href="http://www.gnome.org">GNOME Foundation</a> and <a href="http://www.fsf.org">Free Software Foundation</a>.</p>
+  <div class="recommended">
+    <h1 class="topic_title">More Recommended Products</h1>
 
-                               
+    <div class="recommend_wrapper">
 
-<div class="licenses">
+      <div class="recommended_product">
+        <img class="recommended_product_img" src="//tehnoetic.com/image/cache/data/adaptor-500x500.JPG" alt="Tehnoetic dongle Wi-Fi adapter" />
+        <h4 class="title">Tehnoetic dongle Wi-Fi adapter</h4>
+        <p>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
+        <div class="buy">
+          <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150"><img src="images/buy.png" alt="Buy" />
+          </a>
+        </div>
+      </div>
+
+      <div class="recommended_product">
+        <img class="recommended_product_img" src="//www.thinkpenguin.com/files/imagecache/product/librecmc-router-v2_0.jpg" alt="ThinkPenguin Wi-Fi N router" />
+        <h4 class="title">ThinkPenguin Wi-Fi N router</h4>
+        <p>High speed wireless router running <a href="https://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> LibreCMC operating system. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
 
-                                       <h1 class="topic_title">Licenses</h1>
+        <div class="buy">
+          <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-broadband-router-gnu-linux-tpe-nwifirouter2"><img src="images/buy.png" alt="Buy" />
+          </a>
+        </div>
+      </div>
 
-                                       <p>This page is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></a></p>
-                                       <p>Lulzbot by FSF is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></a>
-                                               <br>Based on a work at <a href="https://static.fsf.org/nosvn/ryf/taz2.jpg">https://static.fsf.org/nosvn/ryf/taz2.jpg.</a></p>
+    </div>
 
-                                               <p>Replicator 2 by FSF is licensed under a Creative Commons Attribution 2.0 Generic.
-                                               <br>Based on a work at <a href="http://www.flickr.com/photos/creative_tools/8080029032/">http://www.flickr.com/photos/creative_tools/8080029032/</a>.</p>
+    <!--recommended charities-->
 
-                                               <p>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>
-                                               <br>Based on a work at <a href="http://static.fsf.org/nosvn/dontcardomebro.jpg">http://static.fsf.org/nosvn/dontcardomebro.jpg</a>.</p>
+    <h1 class="topic_title">Recommended charities for holiday donations</h1>
+    <p><a href="http://www.eff.org">Electronic Frontier Foundation</a>,
+      <a href="http://www.creativecommons.org">Creative Commons</a>,
+      <a href="http://wikimedia.org">Wikimedia Foundation</a>,
+      <a href="http://www.sfconservancy.org">Software Freedom Conservancy</a>,
+      <a href="http://www.softwarefreedom.org">Software Freedom Law Center</a>,
+      <a href="http://www.gnome.org">GNOME Foundation</a> and
+      <a href="http://www.fsf.org">Free Software Foundation</a>.</p>
 
-                                               <p>iTunes gift 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>
-                                               <br>Based on a work at <a href="http://www.flickr.com/photos/bmiphone/4640570159/">http://www.flickr.com/photos/bmiphone/4640570159/</a>.</p>
+    <p class="remark"> If you have ideas for more gifts that can be given freely, submit your recommendations to our <a href="http://libreplanet.org/wiki/
+               Group:Giving_Guide_Suggestions">growing page</a>.
+    </p>
 
-                                               <p>ThinkPenguin with GNU 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>
-                                               <br>Based on a work at <a href="https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook">https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook</a>.</p>
+  </div>
+  <!-- end recommended-->
 
-                                               <p>Macbook Pro PSD by andrew-gw 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>
-                                               <br>Retrieved from <a href="http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png">http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png</a>.</p>
+  <!-- Licenses Section -->
 
-                                               <p>Astounding Stories 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>
-                                               <br>Retrieved from <a href="http://www.gutenberg.org">http://www.gutenberg.org</a>.</p>
+  <div class="licenses">
 
-                                               <p>The Amazon.com logo is public domain but is a registered trademark.</p>
+    <h1 class="topic_title">Licenses</h1>
+
+    <p>This page is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></a>
+    </p>
+    <p>Lulzbot by FSF is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></a>
+      <br>Based on a work at <a href="https://static.fsf.org/nosvn/ryf/taz2.jpg">https://static.fsf.org/nosvn/ryf/taz2.jpg.</a>
+    </p>
+
+    <p>Replicator 2 by FSF is licensed under a Creative Commons Attribution 2.0 Generic.
+      <br>Based on a work at <a href="http://www.flickr.com/photos/creative_tools/8080029032/">http://www.flickr.com/photos/creative_tools/8080029032/</a>.</p>
+
+    <p>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>
+      <br>Based on a work at <a href="http://static.fsf.org/nosvn/dontcardomebro.jpg">http://static.fsf.org/nosvn/dontcardomebro.jpg</a>.</p>
+
+    <p>iTunes gift 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>
+      <br>Based on a work at <a href="http://www.flickr.com/photos/bmiphone/4640570159/">http://www.flickr.com/photos/bmiphone/4640570159/</a>.</p>
+
+    <p>ThinkPenguin with GNU 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>
+      <br>Based on a work at <a href="https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook">https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook</a>.</p>
+
+    <p>Macbook Pro PSD by andrew-gw 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>
+      <br>Retrieved from <a href="http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png">http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png</a>.</p>
+
+    <p>Astounding Stories 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>
+      <br>Retrieved from <a href="http://www.gutenberg.org">http://www.gutenberg.org</a>.</p>
+
+    <p>The Amazon.com logo is public domain but is a registered trademark.</p>
+
+    <p>Replicant by Paul Kocialkowski 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>
+      <br>Retrieved from <a href="https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg">https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg</a>.</p>
+
+    <p>The iOS logo is a registered trademark.</p>
+    <p>The Least Authority logo is copyright Least Authority Enterprises.</p>
+    <p>The Google Drive logo is public domain but may be subject to trademark laws.</p>
+    <p>The Media Goblin graphic is public domain.</p>
+    <p>The YouTube logo is public domain but may be subject to trademark laws.</p>
 
-                                               <p>Replicant by Paul Kocialkowski 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>
-                                               <br>Retrieved from <a href="https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg">https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg</a>.</p>
+  </div>
+  <!-- end licenses-->
 
-                                               <p>The iOS logo is a registered trademark.</p>
-                                               <p>The Least Authority logo is copyright Least Authority Enterprises.</p>
-                                               <p>The Google Drive logo is public domain but may be subject to trademark laws.</p>
-                                               <p>The Media Goblin graphic is public domain.</p>
-                                               <p>The YouTube logo is public domain but may be subject to trademark laws.</p>
+</body>
 
-                               </div>
-                       </div>
+<!--footer-->
+<footer>
+  <div class="footer_wrapper">
+    <div>
+      <p>The FSF is a charity with a worldwide mission to advance software freedom —
+        <a href="https://static.fsf.org/about">learn about our history and work.</a>
+      </p>
+    </div>
+
+    <div class="copyright">
+      <p>Copyright © 2004-2014
+                               <a href="https://static.fsf.org/about/contact.html" title="Find out how to contact us">
+                                       Free Software Foundation
+                               </a>, Inc.
+                               <a href="https://my.fsf.org/donate/privacypolicy.html"> Privacy Policy</a>.
+                       </p>
+    </div>
+  </div>
+</footer>
 
-       </body>
 </html>