Added comparisons; broken header, again.
[fsf-giving-guide.git] / givingguide.html
old mode 100644 (file)
new mode 100755 (executable)
index e69de29..f7aea8c
@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+<html>
+       <head>
+
+               <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software</title>
+
+               <meta charset="UTF-8">
+
+               <!--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/">
+
+               <!--Stylesheets-->
+               <link rel="stylesheet" type="text/css" href="reset.css">
+               <link rel="stylesheet" type="text/css" href="stylesheet.css">
+
+       </head>
+
+       <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="nav_wrapper">
+                                       <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="Logo" /></a>
+                               </span>
+                       </div>
+               </div>
+
+       <!--    <div class="header">
+               <div class="top">
+                       <span class="logo_wrapper">
+                               <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
+                       </span>
+                       <span class="join_wrapper">
+                               <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
+                       </span>
+               </div>
+               <div class="navbar">
+                       <div class="nav_wrapper">
+                               <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>
+               </div>
+       </div> -->
+               <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="http://www.fsf.org/share?u=http://www.fsf.org/givingguide&t=
+                                               Give%20tech%20gifts%20that%20support%20user%20freedom%20">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>
+
+
+               <!--We compare different products from here-->
+
+                       <div class="comparisons">
+                                       <div class="section_wrapper_1">
+                                               <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="Windows"/>
+                                                               <img class="product_img" src="images/linux.png" alt="Linux"/>
+                                                       </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>
+
+                                                       <div class="buy">
+
+                                                               <a href="#"><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="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="avoid">
+
+                                                               <img src="images/avoid.png" alt="avoid" />
+
+                                                       </div>
+                                               </div>
+                                       </div>
+
+                                       <br> <!-- SEPARATOR -->
+
+                                       <div class="section_wrapper_2">
+                                               <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="Windows"/>
+                                                               <img class="product_img" src="images/linux.png" alt="Linux"/>
+                                                       </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>
+
+                                                       <div class="buy">
+
+                                                               <a href="#"><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="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="avoid">
+
+                                                               <img src="images/avoid.png" alt="avoid" />
+
+                                                       </div>
+                                               </div>
+                                       </div>
+
+
+                                       <br> <!-- SEPARATOR -->
+
+                                       <div class="section_wrapper_2">
+                                               <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="Windows"/>
+                                                               <img class="product_img" src="images/linux.png" alt="Linux"/>
+                                                       </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>
+
+                                                       <div class="buy">
+
+                                                               <a href="#"><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="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="avoid">
+
+                                                               <img src="images/avoid.png" alt="avoid" />
+
+                                                       </div>
+                                               </div>
+                                       </div>
+
+
+       </body>
+
+</html>