Protocol-relative image embedding.
[fsf-giving-guide.git] / givingguide.html
index 6765b1be8200d7e981b789d9e0335598c8752b03..9fbff411405a3755f7e0a0ae2db9d27b2fb8fc1d 100755 (executable)
@@ -23,7 +23,7 @@
 
       <div class="navbar_wrapper">
         <span class="logo_wrapper">
-                       <a href="https://www.fsf.org/"><img class="logo" src="//static.fsf.org/nosvn/images/givingguide/images/logo.png" alt="logo" /></a>
+                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="logo" /></a>
                        </span>
 
         <div class="navbar">
         <!--end navbar-->
 
         <span class="join_wrapper">
-                       <a href="http://fsf.org/jfb"><img class="join" src="//static.fsf.org/nosvn/images/givingguide/images/join.png" alt="join" /></a>
+                       <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="//static.fsf.org/nosvn/images/givingguide/images/banner.png" alt="Giving Guide" />
+          <img src="images/banner.png" alt="Giving Guide" />
         </div>
 
         <div class="intro_wrapper">
@@ -82,8 +82,8 @@
 
       <div class="free">
         <div class="product">
-          <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-          <img class="product_img" src="http://www.gnu.org/graphics/trisquel/trisquel.svg" alt="Trisquel GNU/Linux" />
+          <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>
 
       <div class="proprietary">
         <div class="product">
-          <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-          <img class="product_img" src="//static.fsf.org/nosvn/images/givingguide/images/windows.png" alt="Windows" />
+          <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="http://fedoraproject.org/"><img src="//static.fsf.org/nosvn/images/givingguide/images/download.png" alt="Download" />
+            <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
       <div class="free">
         <div class="product">
-          <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-          <img class="product_img" src="http://static.fsf.org/nosvn/images/taz4.png" alt="TAZ 4.0" />
+          <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>
 
         <h4 class="title">Lulzbot TAZ 4.0</h4>
 
       <div class="proprietary">
         <div class="product">
-          <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-          <img class="product_img" src="http://static.fsf.org/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2" />
+          <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://www.lulzbot.com/products/lulzbot-taz-4-3d-printer/"><img src="//static.fsf.org/nosvn/images/givingguide/images/buy.png" alt="Buy" />
+            <a href="https://www.lulzbot.com/products/lulzbot-taz-4-3d-printer/"><img src="images/buy.png" alt="Buy" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
       <div class="free">
         <div class="product">
-          <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-          <img class="product_img" src="http://static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="Project Gutenberg" />
+          <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>
 
       <div class="proprietary">
         <div class="product">
-          <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-          <img class="product_img" src="http://static.fsf.org/fsforg/img/amazon.jpg" alt="Amazon" />
+          <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://www.gutenberg.org/"><img src="//static.fsf.org/nosvn/images/givingguide/images/download.png" alt="Download" />
+            <a href="https://www.gutenberg.org/"><img src="images/download.png" alt="Download" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
       <div class="free">
         <div class="product">
-          <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-          <img class="product_img" src="http://static.fsf.org/nosvn/images/Replicant_logo.png" alt="Replicant" />
+          <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 OS</h4>
 
       <div class="proprietary">
         <div class="product">
-          <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-          <img class="product_img" src="//static.fsf.org/nosvn/images/givingguide/images/iOS.png" alt="Apple iPhone, iPad and Watch" />
+          <img class="bad" src="images/bad.png" alt="bad" />
+          <img class="product_img" src="images/iOS.png" alt="Apple iPhone, iPad and Watch" />
         </div>
 
         <h4 class="title">Apple iPhone, iPad and Watch</h4>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="http://www.replicant.us"><img src="//static.fsf.org/nosvn/images/givingguide/images/download.png" alt="Download" />
+            <a href="http://www.replicant.us"><img src="images/download.png" alt="Download" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
         <div class="free">
           <div class="product">
-            <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-            <img class="product_img" src="//static.fsf.org/nosvn/images/givingguide/images/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook" />
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="images/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook" />
           </div>
 
           <h4 class="title">ThinkPenguin GNU/Linux Notebook</h4>
 
         <div class="proprietary">
           <div class="product">
-            <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/macbook_pro.png" alt="Apple Macbook Pro" />
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/macbook_pro.png" alt="Apple Macbook Pro" />
 
           </div>
 
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://www.thinkpenguin.com/catalog/notebook-computers-gnu-linux-2"><img src="//static.fsf.org/nosvn/images/givingguide/images/buy.png" alt="Buy" />
+            <a href="https://www.thinkpenguin.com/catalog/notebook-computers-gnu-linux-2"><img src="images/buy.png" alt="Buy" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
         <div class="free">
           <div class="product">
-            <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/gimp_inkscape.png" alt="GIMP and Inkscape" />
+            <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>
 
         <div class="proprietary">
           <div class="product">
-            <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/photoshop_illustrator.png" alt="Photoshop and Illustrator" />
+            <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://www.inkscape.org/en/"><img src="//static.fsf.org/nosvn/images/givingguide/images/download.png" alt="Download" />
+            <a href="https://www.inkscape.org/en/"><img src="images/download.png" alt="Download" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
         <div class="free">
           <div class="product">
-            <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-            <img class="product_img" src="http://static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="FSF Membership Card" />
+            <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">FSF Membership Card</h4>
 
         <div class="proprietary">
           <div class="product">
-            <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-            <img class="product_img" src="http://static.fsf.org/fsforg/img/iTunesCardPrepped.png" alt="iTunes Card" />
+            <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://my.fsf.org/associate/support_freedom/join_fsf?"><img src="//static.fsf.org/nosvn/images/givingguide/images/buy.png" alt="Buy" />
+            <a href="https://my.fsf.org/associate/support_freedom/join_fsf?"><img src="images/buy.png" alt="Buy" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="https://my.fsf.org/associate/support_freedom/join_fsf?images/avoid.png" alt="avoid" />
+            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
         <div class="free">
           <div class="product">
-            <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-            <img class="product_img" src="//static.fsf.org/nosvn/images/givingguide/images/leastauthority.png" alt="Least Authority" />
+            <img class="good" src="images/good.png" alt="good" />
+            <img class="product_img" src="images/leastauthority.png" alt="Least Authority" />
           </div>
 
           <h4 class="title">FSF Membership Card</h4>
 
         <div class="proprietary">
           <div class="product">
-            <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive" />
+            <img class="bad" src="images/bad.png" alt="bad" />
+            <img class="product_img" src="//static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive" />
           </div>
 
           <h4 class="title">Google Drive</h4>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="https://leastauthority.com/"><img src="//static.fsf.org/nosvn/images/givingguide/images/try.png" alt="Try" />
+            <a href="https://leastauthority.com/"><img src="images/try.png" alt="Try" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
 
         <div class="free">
           <div class="product">
-            <img class="good" src="//static.fsf.org/nosvn/images/givingguide/images/good.png" alt="good" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/mediagoblin.png" alt="GNU MediaGoblin" />
+            <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>
 
         <div class="proprietary">
           <div class="product">
-            <img class="bad" src="//static.fsf.org/nosvn/images/givingguide/images/bad.png" alt="bad" />
-            <img class="product_img" src="http://static.fsf.org/nosvn/images/YouTube.png" alt="YouTube" />
+            <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>
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
-            <a href="http://mediagoblin.org/"><img src="//static.fsf.org/nosvn/images/givingguide/images/try.png" alt="Try it" />
+            <a href="http://mediagoblin.org/"><img src="images/try.png" alt="Try it" />
             </a>
           </div>
 
           <div class="avoid">
-            <img src="//static.fsf.org/nosvn/images/givingguide/images/avoid.png" alt="avoid" />
+            <img src="images/avoid.png" alt="avoid" />
           </div>
         </div>
       </div>
     <div class="recommend_wrapper">
 
       <div class="recommended_product">
-        <img class="recommended_product_img" src="http://static.fsf.org/nosvn/images/tehnoetic_adapter.png" alt="Tehnoetic dongle Wi-Fi adapter" />
+        <img class="recommended_product_img" src="//static.fsf.org/nosvn/images/tehnoetic_adapter.png" 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. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
         <div class="buy">
-          <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150"><img src="//static.fsf.org/nosvn/images/givingguide/images/buy.png" alt="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="http://static.fsf.org/nosvn/images/thinkpenguin_router.jpg" alt="ThinkPenguin Wi-Fi N router" />
+        <img class="recommended_product_img" src="//static.fsf.org/nosvn/images/thinkpenguin_router.jpg" alt="ThinkPenguin Wi-Fi N router" />
         <h4 class="title">ThinkPenguin Wi-Fi N router</h4>
         <p>High speed wireless router running <a href="https://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> LibreCMC operating system. Certified to <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>.</p>
 
         <div class="buy">
-          <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-broadband-router-gnu-linux-tpe-nwifirouter2"><img src="//static.fsf.org/nosvn/images/givingguide/images/buy.png" alt="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>