Adding more products and Recommended charities section.
[fsf-giving-guide.git] / givingguide.html
index 2aac0102cb1ee6d572edd30e0f74cbe26beb8cad..34ada1615c7f3a29d980d8b8d48a0165eb68ce50 100755 (executable)
 
        <body>
                <div class="header">
-                       <div class="navbar">
-                                       <span class="logo_wrapper">
-                                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
-                               </span>
+                       <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>
 
-                               <div class="nav_wrapper">
+                                               <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>
+
+                                               <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?</h2>
+                                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae nisl
+                                                       et lacus vestibulum scelerisque. Fusce vitae vestibulum mauris, quis
+                                                       eleifend turpis. Mauris placerat laoreet nisi, nec pellentesque magna
+                                                       gravida id. Nulla nisi est, auctor in arcu eu, sodales condimentum elit.
+                                                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel
+                                                       gravida risus, non porttitor nibh. Suspendisse mattis maximus mauris,
+                                                       ut ullamcorper turpis commodo non. Aenean a condimentum quam, ac finibus
+                                                       erat. Duis iaculis iaculis diam, sit amet rutrum nisl lobortis ut.
+                                                       Sed accumsan dolor id lectus pretium, at semper tellus dictum. Proin
+                                                       fringilla efficitur justo, et posuere metus aliquam vestibulum.
+                                                       Vivamus ullamcorper nulla in urna mollis, a bibendum erat tempus.
+                                                       Integer luctus neque non magna aliquam congue. Nullam gravida
+                                                       lectus urna, ut vulputate elit lobortis non.
+                                               </p>
+
+                                               </div>
+                               </div>
+                       </div>
+               </div>
+
+               <div class="share">
+                       <span class="share_wrapper">
+                               <a href="https://fsf.org/share">Share</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="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>
+                                               <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>
 
-                               <span class="join_wrapper">
-                                       <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
-                               </span>
-                       </div>
-               </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 class="wrapper">
-
-                       <div>
-                               <h1 class="intro_phrase">SAY SOMETHING CLEVER ABOUT GIVING GUIDE 2014</h1>
-
-                               <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.
-                                       Companies like Microsoft and Apple can and will use Digital
-                                       Restrictions Management (DRM) to prevent your loved ones from
-                                       sharing apps on the laptop you got them or remixing the songs on
-                                       their expensive new iPad. If the recipient of your gift is as
-                                       unlucky as one woman last year,
-                                       <a href="http://www.defectivebydesign.org/node/2250">
-                                               Amazon might even block all the books on their Kindle and refuse to explain why</a>.
-                                               Companies want us to accept this kind of intrusive control,
-                                               but when you think about, it's unethical (and annoying!).
-                               </p>
-
-                               <h2>Give freely</h2>
-
-                               <p>
-                                       The good news is, for every device that uses DRM or has a remote
-                                       "kill switch" like the Kindle, ethical companies have made a better
-                                       one that doesn't, one that your loved ones will be free to enjoy however
-                                        they wish. Here's a list of these smarter gifts, compared with their
-                                        more well-known, but more restrictive alternatives. While you're
-                                       reading, please remember that donating to a charity in your friend
-                                       or family member's name is at least as meaningful as buying them
-                                       an electronic device. Some of our favorite charities are the
-                                       <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 Free Software Foundation.
-                               </p>
-                               <h2>The Free Software Foundation's Holiday Giving Guide</h2>
-
-                               <p>
-                                       The gifts in the left column respect your freedom much more than those in the right column.
-                               </p>
-
-                               <p>
-                                       <i>
-                                               Please share <a href="#">the Giving Guide</a>
-                                               with your friends and family members, especially those that might give you
-                                                presents! (We're using the hashtag #givefreely.)
-                                       </i>
-                               </p>
-
-                               <p>
-                               To make a really big splash, get some friends together, print the PDF
-                               version of the Giving Guide and hand it out near a local store that
-                               sells DRM-encumbered products. Be sure to take photos! Send us photos
-                               and any questions at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.
-                               </p>
+
+                               </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>
 
 
-               <!--We compare different products from here-->
+                       <div class="section_wrapper">
+                               <h3 class="main_title">3D Printers</h3>
 
-                               <div class="comparisons">
-                                               <div class="section_wrapper">
-                                                       <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</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>
 
-                                                       <div class="free">
-                                                               <div class="product">
-                                                                       <img class="good" src="images/good.png" alt="Windows"/>
-                                                                       <img class="product_img" src="images/linux.png" alt="Linux"/>
-                                                               </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>
 
-                                                               <h4 class="title">Fedora</h4>
-                                                               <ul>
-                                                                       <li>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>
-                                                               </ul>
+                       <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>
 
-                                                               <div class="buy">
+                       <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>
 
-                                                                       <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/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2"/>
+                                       </div>
 
-                                                       </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 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>
+                               </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 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">
+                                               <div class="avoid">
+                                                       <img src="images/avoid.png" alt="avoid" />
+                                               </div>
+                                       </div>
+                               </div>
+       </div>
 
-                                                                       <img src="images/avoid.png" alt="avoid" />
 
-                                                               </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 (they've done
+                         it before--read about it
+                         <a href="http://www.defectivebydesign.org/node/2250">
+                           here
+                         </a>).
+                       </li>
+
+                       <li>
+                         DRM prevents you from sharing your favorite
+                         books with friends, and Amazon uses DRM to
+                         <a href="http://www.defectivebydesign.org/faq#harm">
+                           maintain their monopoly
+                         </a>
+                       </li>
+
+                       <li>
+                         Amazon claims
+                         <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">
+                           you don't actually own or control your
+                           ebooks
+                         </a>
+                       </li>
+
+                       <li>
+                         Thanks to DRM, you won't be able to transfer
+                         your books to any other reader
+                       </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>
 
-                                       <div class="comparisons">
+                                       <h4 class="title">Replicant</h4>
+                                       <ul>
+                       <li>
+                         Fully free software mobile OS 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>
+                         Used devices can be purchased, 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
+                         running it
+                       </li>
+
+                       <li>
+                         Apple uses DRM 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">Operating System: Give the gift of free, flexible, and ethical computing</h3>
+                                                       <h3 class="main_title">Laptops</h3>
 
                                                        <div class="free">
                                                                <div class="product">
-                                                                       <img class="good" src="images/good.png" alt="Windows"/>
-                                                                       <img class="product_img" src="images/linux.png" alt="Linux"/>
+                                                                       <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">Fedora</h4>
-                                                               <ul>
-                                                                       <li>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>
-                                                               </ul>
+                                                               <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 with free OS and free software-compatible Wi-Fi and 3D-accelerated graphics chipsets work with any <a href="http://www.gnu.org/distros/">fully free GNU/Linux distribution</a> you choose. 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.
+                        </li>
+
+                        <li>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/download.png" alt="download" /></a>
+                                                                       <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 
                                                                </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"/>
+                                                                       <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">Windows</h4>
+                                                               <h4 class="title">Apple Macbook Pro</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>
+                        <li>
+                          Runs on proprietary software that restricts
+                          the user's freedoms
+                        </li>
+
+                        <li>
+                          Apple's App Store uses DRM (Digital
+                          Restrictions Management) 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">
 
                                                        </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">Operating System: Give the gift of free, flexible, and ethical computing</h3>
+                                               <h3 class="main_title">Gift Card</h3>
 
                                                <div class="free">
                                                        <div class="product">
-                                                               <img class="good" src="images/good.png" alt="Windows"/>
-                                                               <img class="product_img" src="images/linux.png" alt="Linux"/>
+                                                               <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">Fedora</h4>
+                                                       <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>
-                                                               <li>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>
-                                                       </ul>
+                                                       
+                                                       
+                        <li>
+                          <a href="https://www.defectivebydesign.org">DRM (Digital Restrictions Management)</a on everything except music to 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>
+                                                               <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
 
                                                        </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"/>
+                                                               <img class="product_img" src="//static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive"/>
                                                        </div>
 
-                                                       <h4 class="title">Windows</h4>
+                                                       <h4 class="title">Google Drive</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>
+                         
+<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 Google and
+                          <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">
 
                                                </div>
                                        </div>
                        </div>
-       </body>
+                       
+<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.</li>
+
+                        <li>Ability to choose a copyleft license.</li>
+
+                        <li>Source files can be attached to an upload.</li>
+
+                        <li>
+                          Go to
+                          <a href="http://mediagoblin.org/">
+                            http://mediagoblin.org/
+                          </a>
+                          to learn how to use it and see a list of
+                          public instances.
+                        </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/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 DRM 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">
+
+                                                               <img src="images/avoid.png" alt="avoid" />
+
+                                                       </div>
+                                               </div>
+                                       </div>
+                       </div>
+       </div>
+
+                       <!-- Recommended Section -->
+
+                       <div class="recommended">
+                               <h1 class="topic_title">More Recommended Products</h1>
+
+                               <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. <a href="https://www.fsf.org/ryf">Respects Your Freedom-certified by the FSF</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 free LibreCMC operating system. Respects Your Freedom-certified.</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>
+
+                               <!-- Licenses 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="licenses">
+                                       
+                                       <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>
+
+                               </div>
+                       </div>
+                       
+       </body>
 </html>