<div class="row">
<div class="col-md-5 col-sm-6 recommended-img">
<img src="img/products/wifi-adapter.png" alt="Tehnoetic Mini" class="center-block" />
+ <!-- Buy/Download Button -->
+ <a id="get-item-rec" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-rec" aria-expanded="false" aria-controls="sellers-rec" style="display:none; top: 205px;">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-rec">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-rec').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
+
+
</div>
<div class="col-md-7 col-sm-6">
<h5 class="text-center">Wi-Fi adapter: Tehnoetic Mini</h5>
- <ul class="pros">
<li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware on hardware that is <a href="https://www.fsf.org/ryf">certified to Respect Your Freedom</a>.</li>
<li>Durable hardware is meant to last and easy to repair.</li>
<li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
<div class="good col-md-6 col-sm-6">
<img src="img/products/t400.png" alt="t400" class="center-block" />
<h5 class="text-center">Minifree T400 with GNU/Linux</h5>
+
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-full" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-full" aria-expanded="false" aria-controls="sellers-full" style="display:none">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-full">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-full').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
+
<ul class="pros">
<li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware on hardware that is <a href="https://www.fsf.org/ryf">certified to Respect Your Freedom</a>.</li>
<li>Durable hardware is meant to last and easy to repair.</li>
<img src="img/products/x200.png" alt="x200" class="center-block" />
<h5 class="text-center">Libiquity Taurinus X200 with GNU/Linux</h5>
- <!-- Buy/Download Button -->
- <a id="get-item-compact" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-compact" aria-expanded="false" aria-controls="sellers-compact" style="display:none">
- BUY
- </a>
- <div class="collapse" id="sellers-compact">
- <div class="center-block seller-group">
- <a href="#" class="seller action-button">Seller 1</a>
- <a href="#" class="seller action-button">Seller 2</a>
- </div>
- </div>
-
- <script>
- document.getElementById('get-item-compact').style.display = '';
- </script>
- <noscript>
- <div class="center-block seller-group">
- <p style="color: #6b6b6b">
- <strong>Get it from</strong>
- </p>
- <a href="#" class="seller action-button">Seller 1</a>
- <a href="#" class="seller action-button">Seller 2</a>
- </div>
- </noscript>
- <!-- End Buy/Download button -->
-
+ <!-- Buy/Download Button -->
+ <a id="get-item-compact" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-compact" aria-expanded="false" aria-controls="sellers-compact" style="display:none">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-compact">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-compact').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware on hardware that is certified to Respect Your Freedom.</li>
<li>Durable hardware is meant to last and easy to repair.</li>
<div class="good col-md-6 col-sm-6">
<img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
<h5 class="text-center">Lulzbot Mini</h5>
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-print" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-print" aria-expanded="false" aria-controls="sellers-print" style="display:none">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-print">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-print').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<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>Ease of use features like self-leveling and self-cleaning.</li>
<div class="good col-md-6 col-sm-6">
<img src="img/products/thinkpenguin-router.png" alt="free-router" class="center-block" />
<h5 class="text-center">ThinkPenguin Router</h5>
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-wifi" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-wifi" aria-expanded="false" aria-controls="sellers-wifi" style="display:none">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-wifi">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-wifi').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<li>
Easily separate privacy-sensitive network traffic from Internet traffic to improve security.
<div class="good col-md-6 col-sm-6">
<img src="img/products/gutenberg.png" alt="gutenberg" class="center-block" />
<h5 class="text-center">Project Gutenberg</h5>
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-book" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-book" aria-expanded="false" aria-controls="sellers-book" style="display:none">
+ GET
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-book">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-book').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<li>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</li>
<li>The original purveyor of eBooks free of <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> (Digital Restrictions Management), <a href="https://www.defectivebydesign.org/guide/ebooks">inspiring many others</a>.</li>
<div class="good col-md-6 col-sm-6">
<img src="img/products/gimp-inkscape.png" alt="GIMP and Inskacape" class="center-block" />
<h5 class="text-center">GIMP and Inkscape</h5>
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-gimp" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-gimp" aria-expanded="false" aria-controls="sellers-gimp" style="display:none; width: 150px; margin-left: -75px;">
+ DOWNLOAD
+ </a>
+ <div class="collapse" id="sellers-gimp">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button" style="background-color: #565040; color: white">GIMP</a>
+ <a hbackground-color: #000ef="#" class="seller action-button" style="background-color: #000; color: white">Inkscape</a>
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-gimp').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<li>Free software, with thriving developer communities.</li>
<li>Designed for free formats, but can also open files created in other programs.</li>
<div class="good col-md-6 col-sm-6">
<img src="img/products/fsf-card.png" alt="fsf card" class="center-block" />
<h5 class="text-center">FSF Membership Card</h5>
+
+ <!-- Buy/Download Button -->
+ <a id="get-item-card" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-card" aria-expanded="false" aria-controls="sellers-card" style="display:none">
+ BUY
+ <!-- Begin Sale -->
+ <span class="sale" >sale</span>
+ <!-- End Sale -->
+ </a>
+ <div class="collapse" id="sellers-card">
+ <div class="center-block seller-group">
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </div>
+
+ <script>
+ document.getElementById('get-item-card').style.display = '';
+ </script>
+ <noscript>
+ <div class="center-block seller-group">
+ <p style="color: #6b6b6b">
+ <strong>Get it from</strong>
+ </p>
+ <a href="#" class="seller action-button">Seller 1</a>
+ <a href="#" class="seller action-button">Seller 2</a>
+ <!-- Begin Sale Info -->
+ <div>
+ <p class="sale-info alert">
+ <span class="sale" style="position:inherit">sale</span>
+ Until December 31st, buy this or this or this or this product, and get this or this free thing. Specify which thing you want in an email to sales@librepotato.biz.ru. Use the code <span class="label label-default">IDONTHAVEANYFRIENDS2016</span> 5% of proceeds will also be
+ donated to the FSF!
+ </p>
+ </div>
+ <!-- End Sale Info -->
+ </div>
+ </noscript>
+ <!-- End Buy/Download button -->
<ul class="pros">
<li>Join over 3,500 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="https://www.libreplanet.org/conference">yearly LibrePlanet conference</a>.</li>
projects / fsf-giving-guide.git / commitdiff