From 9e4498e5ba438250e046653b2f0417a7f99f0334 Mon Sep 17 00:00:00 2001
From: Reda Lazri <the.red.shortcut@gmail.com>
Date: Sun, 6 Nov 2016 15:26:18 +0100
Subject: [PATCH] Fixes to the 'inkscape' button and 'get it from'

---
 givingguide.html | 60 +++++++++++++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 24 deletions(-)

diff --git a/givingguide.html b/givingguide.html
index 02b25de..c7baec6 100644
--- a/givingguide.html
+++ b/givingguide.html
@@ -163,11 +163,13 @@
             </a>
             <div class="collapse" id="sellers">
               <div class="center-block seller-group">
-                <strong>Get it from</strong>
-                <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Tehnoetic</a>
-                  <p class="sale-info alert">
+                <p style="color: #6b6b6b">
+                  <strong>Get it from</strong>
+                </p>
+                        <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Tehnoetic</a>
+                  <div class="sale-info">
                     <a href="#tehnoetic-promotion">Tehnoetic promotion details.</a>
-                  </p>
+                  </div>
 
               </div>
             </div>
@@ -181,7 +183,7 @@
                   <strong>Get it from</strong>
                 </p>
                 <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Tehnoetic</a>
-                  <p class="sale-info alert">
+                  <p class="sale-info">
                     <a href="#tehnoetic-promotion">Tehnoetic promotion details.</a>
                   </p>
                 <!-- End Sale Info -->
@@ -231,7 +233,9 @@
             </a>
             <div class="collapse" id="sellers-full">
               <div class="center-block seller-group">
-                <strong>Get it from</strong>
+                <p style="color: #6b6b6b">
+                  <strong>Get it from</strong>
+                </p>
                 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
               </div>
             </div>
@@ -299,10 +303,12 @@
               </a>
               <div class="collapse" id="sellers-compact">
                 <div class="center-block seller-group">
-                  <strong>Get it from</strong>
+                  <p style="color: #6b6b6b">
+                    <strong>Get it from</strong>
+                  </p>
 
                   <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
-                  <p class="sale-info alert">
+                  <p class="sale-info">
                     <a href="libiquity-promotion">Libiquity promotion details.</a>
                   </p>
                   <a href="https://minifree.org/product/libreboot-x200/" class="seller action-button">Minifree</a>
@@ -318,7 +324,7 @@
                     <strong>Get it from</strong>
                   </p>
                     <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
-                    <p class="sale-info alert">
+                    <p class="sale-info">
                       <a href="libiquity-promotion">Libiquity promotion details.</a>
                     </p>
                     <a href="https://minifree.org/product/libreboot-x200/" class="seller action-button">Minifree</a>
@@ -368,9 +374,11 @@
               </a>
               <div class="collapse" id="sellers-print">
                 <div class="center-block seller-group">
-                  <strong>Get it from</strong>
+                  <p style="color: #6b6b6b">
+                    <strong>Get it from</strong>
+                  </p>
                   <a href="https://www.lulzbot.com/store/printers/lulzbot-mini" class="seller action-button">Lulzbot</a>
-                                      <p class="sale-info alert">
+                                      <p class="sale-info">
                                         <a href="#lulzbot-promotion">Lulzbot promotion details.</a>
                                       </p>
                 </div>
@@ -385,7 +393,7 @@
                     <strong>Get it from</strong>
                   </p>
                   <a href="https://www.lulzbot.com/store/printers/lulzbot-mini" class="seller action-button">Lulzbot</a>
-                                      <p class="sale-info alert">
+                                      <p class="sale-info">
                                         <a href="#lulzbot-promotion">Lulzbot promotion details.</a>
                                       </p>
                 </div>
@@ -436,12 +444,14 @@
               </a>
               <div class="collapse" id="sellers-wifi">
                 <div class="center-block seller-group">
-                  <strong>Get it from</strong>
+                  <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">
+                    <p class="sale-info">
                       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>
@@ -462,7 +472,7 @@
                   <a href="#" class="seller action-button">Seller 2</a>
                   <!-- Begin Sale Info -->
                   <div>
-                    <p class="sale-info alert">
+                    <p class="sale-info">
 
                       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!
@@ -499,12 +509,14 @@
           <!--End Row-->
         </div>
         <!--End Container-->
+
       <!-- Begin Recommended Template -->
       <div class="container-fluid recommended-section">
         <!-- <h1 class="text-center"></h1> -->
         <div class="row">
           <div class="col-md-5 col-sm-6 recommended-img">
             <img src="https://static.fsf.org/nosvn/images/tehnoetic_adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
+
             <!-- Buy/Download Button   -->
             <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none">
               BUY
@@ -515,11 +527,11 @@
             <div class="collapse" id="sellers-mini-adapter">
               <div class="center-block seller-group">
                 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Tehnoetic</a>
-<p class="sale-info alert">
+<p class="sale-info">
   <a href="#tehnoetic-promotion">Tehnoetic promotion details.</a>
 </p>
                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
-                <p class="sale-info alert">
+                <p class="sale-info">
                   <a href="#thinkpenguin-promotion">ThinkPenguin promotion details.</a>
                 </p>
               </div>
@@ -534,11 +546,11 @@
                   <strong>Get it from</strong>
                 </p>
                 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Tehnoetic</a>
-<p class="sale-info alert">
+<p class="sale-info">
   <a href="#tehnoetic-promotion">Tehnoetic promotion details.</a>
 </p>
                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
-                <p class="sale-info alert">
+                <p class="sale-info">
                   <a href="#thinkpenguin-promotion">ThinkPenguin promotion details.</a>
                 </p>
               </div>
@@ -580,7 +592,7 @@
                   <a href="#" class="seller action-button">Seller 2</a>
                   <!-- Begin Sale Info -->
                   <div>
-                    <p class="sale-info alert">
+                    <p class="sale-info">
                       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>
@@ -601,7 +613,7 @@
                   <a href="#" class="seller action-button">Seller 2</a>
                   <!-- Begin Sale Info -->
                   <div>
-                    <p class="sale-info alert">
+                    <p class="sale-info">
 
                       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!
@@ -657,7 +669,7 @@
           <div class="collapse" id="sellers-gimp">
             <div class="center-block seller-group">
               <a href="https://www.gimp.org/downloads/" class="seller action-button" style="background-color: #565040; color: white">GIMP</a>
-                            <a href="https://inkscape.org/en/" class="seller action-button" style="background-color: #565040; color: white">Inkscape</a>
+                            <a href="https://inkscape.org/en/" class="seller action-button" style="background-color: #000; color: white">Inkscape</a>
             </div>
           </div>
 
@@ -669,10 +681,10 @@
                 <p style="color: #6b6b6b">
                 </p>
   <a href="https://www.gimp.org/downloads/" class="seller action-button" style="background-color: #565040; color: white">GIMP</a>
-                <a href="https://inkscape.org/en/" class="seller action-button" style="background-color: #565040; color: white">Inkscape</a>
+                <a href="https://inkscape.org/en/" class="seller action-button" style="background-color: #000; color: white">Inkscape</a>
                 <!-- Begin Sale Info -->
                 <div>
-                  <p class="sale-info alert">
+                  <p class="sale-info">
                     <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!
-- 
2.25.1