</ul>
</div>
- <span class="share_wrapper">
- <a href="https://fsf.org/share"><img class="share" src="images/share.png" alt="share" /></a>
- </span>
-
<span class="join_wrapper">
<a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="join" /></a>
</span>
</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="images/linux.png" alt="Linux"/>
- </div>
-
- <h4 class="title">Trisquel</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>
- <li>Works great with the Wi-Fi adapters in this guide.</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="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 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="images/linux.png" alt="Linux"/>
+ </div>
+
+ <h4 class="title">Trisquel</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>
+ <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>
+ <div class="section_wrapper">
+ <h3 class="main_title">3D Printers</h3>
- <h4 class="title">Lulzbot TAZ 4.0</h4>
- <ul>
- <li>
- <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">
- Respects Your Freedom
- </a>
+ <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>
- certified by the Free Software Foundation
- </li>
+ <h4 class="title">Lulzbot TAZ 4.0</h4>
+ <ul>
+ <li>
+ <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">
+ Respects Your Freedom
+ </a>
+
+ certified by the Free Software Foundation
+ </li>
+
+ <li>
+ Powered by free software, making 3D printing
+ more accessible and encouraging innovation
+ </li>
+
+ <li>
+ Learn more about the Lulzbot at
+ <a href="http://www.lulzbot.com/">
+ www.lulzbot.com
+ </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/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>
- <li>
- Powered by free software, making 3D printing
- more accessible and encouraging innovation
- </li>
+ <div class="avoid">
+ <img src="images/avoid.png" alt="avoid" />
+ </div>
+ </div>
+ </div>
+ </div>
- <li>
- Learn more about the Lulzbot at
- <a href="http://www.lulzbot.com/">
- www.lulzbot.com
- </a>
- </li>
- </ul>
- <div class="buy">
- <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
- </div>
+ <div class="section_wrapper">
+ <h3 class="main_title">Ebooks</h3>
- </div>
+ <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>
- <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">Project Gutenberg</h4>
+
+ <ul>
+ <li>
+ The original purveyor of DRM-free eBooks
+ </li>
+
+ <li>
+ Enjoy the freedom to read your ebooks on any
+ device
+ </li>
+
+ <li>
+ All of the ebooks on Project Gutenberg,
+ including classics like Peter Pan and Huck
+ Finn, are gratis
+ </li>
+
+ <li>
+ Pick out the perfect books for the whole
+ family at
+ <a href="http://www.gutenberg.org/">
+ www.gutenberg.org
+ </a>
+ or from other
+ <a href="http://www.defectivebydesign.org/guide/ebooks">
+ DRM-free ebooks sites
+ </a>
+ </li>
+ </ul>
- <h4 class="title">Makerbot Replicator 2</h4>
- <ul>
- <li>
- MakerWare software is proprietary,
- restricting freedom and stifling innovation
- </li>
+ </div>
- <li>
- Hardware patents threaten free printers like
- the Lulzbot
- </li>
+ <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>
- <li>
- Recently announced an increasingly
- proprietary approach, further distancing
- itself from the free software community
- </li>
- </ul>
+ <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 class="avoid">
+ </div>
- <img src="images/avoid.png" alt="avoid" />
+ <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>
- </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</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 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>
- The original purveyor of DRM-free eBooks
- </li>
-
- <li>
- Enjoy the freedom to read your ebooks on any
- device
- </li>
-
- <li>
- All of the ebooks on Project Gutenberg,
- including classics like Peter Pan and Huck
- Finn, are gratis
- </li>
-
- <li>
- Pick out the perfect books for the whole
- family at
- <a href="http://www.gutenberg.org/">
- www.gutenberg.org
- </a>
- or from other
- <a href="http://www.defectivebydesign.org/guide/ebooks">
- DRM-free ebooks sites
- </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="//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 class="avoid">
-
- <img src="images/avoid.png" alt="avoid" />
-
- </div>
- </div>
+
+ </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="http://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="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="//static.fsf.org/nosvn/images/Replicant_logo.png" alt="Replicant"/>
- </div>
-
- <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 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="//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="http://www.defectivebydesign.org/blog/1256">
- for your own good
- </a>.
- </li>
- </ul>
-
- <div class="avoid">
-
- <img src="images/avoid.png" alt="avoid" />
-
- </div>
- </div>
+
+ <div class="avoid">
+ <img src="images/avoid.png" alt="avoid" />
</div>
-</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Recommended Section -->
+
<div class="recommended">
- <h2 class="recommend_title">Recomended Products</h2>
+ <h1 class="topic_title">Recomended Products</h1>
<div class="recommend_wrapper">
<div class="recommended_product">
</div>
</div>
</div>
- </div>
+ <div class="licenses">
+ <h1 class="topic_title">Licenses</h1>
+ </div>
+ </div>
</body>
-
- <footer>
-
-
- </footer>
</html>