Fixed all the images

diff --git a/Guidelines.md b/Guidelines.md
index a48283e0b1ce350c00edb5faef4cb09956b9f98a..0b2447b151d3ca999a8632d70526e9d9a9b7727c 100644 (file)
--- a/Guidelines.md
+++ b/Guidelines.md
@@ -2,10 +2,9 @@
 ---
 ##Images:
 
 ---
 ##Images:
 

-* Use high resolution images with transparent backgrounds.

 * If it's a logo then ALWAYS export the images from its verctor source.
 * Do not put a logo next to a product or vice-versa. Always use images with the same nature (i.e. product versus product; logo versus logo)
 * If it's a logo then ALWAYS export the images from its verctor source.
 * Do not put a logo next to a product or vice-versa. Always use images with the same nature (i.e. product versus product; logo versus logo)

-* Always export images and logos to 500px*500px.
+* Always export images and logos to a square, transparent PNG, preferably to 500px*500px. Otherwise put in in the template.png and export.

 
 
 ##Text:
 
 
 ##Text:

diff --git a/givingguide.html b/givingguide.html
index d62041d6e8d07508676f9ba7d83a2ddbe6f38edc..6a33f513fcbc5af29f2541ee62efe0341f6d2d7c 100755 (executable)
--- a/givingguide.html
+++ b/givingguide.html
@@ -83,7 +83,7 @@
       <div class="free">
         <div class="product">
           <img class="good" src="images/good.png" alt="good" />
       <div class="free">
         <div class="product">
           <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" />
+          <img class="product_img" src="http://www.gnu.org/graphics/trisquel/trisquel.svg" alt="Trisquel GNU/Linux" />

         </div>
 
         <h4 class="title">Trisquel GNU/Linux</h4>
         </div>
 
         <h4 class="title">Trisquel GNU/Linux</h4>


@@ -157,7 +157,7 @@
       <div class="free">
         <div class="product">
           <img class="good" src="images/good.png" alt="good" />
       <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" />
+          <img class="product_img" src="http://static.fsf.org/nosvn/images/taz4.png" alt="TAZ 4.0" />

         </div>
 
         <h4 class="title">Lulzbot TAZ 4.0</h4>
         </div>
 
         <h4 class="title">Lulzbot TAZ 4.0</h4>


@@ -181,7 +181,7 @@
       <div class="proprietary">
         <div class="product">
           <img class="bad" src="images/bad.png" alt="bad" />
       <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" />
+          <img class="product_img" src="http://static.fsf.org/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2" />

         </div>
 
         <h4 class="title">Makerbot Replicator 2</h4>
         </div>
 
         <h4 class="title">Makerbot Replicator 2</h4>


@@ -205,7 +205,7 @@
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
       <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 href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" />

             </a>
           </div>
 
             </a>
           </div>
 


@@ -227,7 +227,7 @@
       <div class="free">
         <div class="product">
           <img class="good" src="images/good.png" alt="good" />
       <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" />
+          <img class="product_img" src="http://static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="Project Gutenberg" />

         </div>
 
         <h4 class="title">Project Gutenberg</h4>
         </div>
 
         <h4 class="title">Project Gutenberg</h4>


@@ -243,7 +243,7 @@
       <div class="proprietary">
         <div class="product">
           <img class="bad" src="images/bad.png" alt="bad" />
       <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" />
+          <img class="product_img" src="http://static.fsf.org/fsforg/img/amazon.jpg" alt="Amazon" />

         </div>
 
         <h4 class="title">Amazon</h4>
         </div>
 
         <h4 class="title">Amazon</h4>


@@ -273,7 +273,7 @@
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
       <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 href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" />

             </a>
           </div>
 
             </a>
           </div>
 


@@ -318,7 +318,7 @@
       <div class="proprietary">
         <div class="product">
           <img class="bad" src="images/bad.png" alt="bad" />
       <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" />
+          <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>
 
         <h4 class="title">Apple iPhone, iPad and Watch</h4>


@@ -361,7 +361,7 @@
         <div class="free">
           <div class="product">
             <img class="good" src="images/good.png" alt="good" />
         <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/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook" />
+            <img class="product_img" src="images/givingguidethinkpenguin.png" alt="ThinkPenguin GNU/Linux Notebook" />

           </div>
 
           <h4 class="title">ThinkPenguin GNU/Linux Notebook</h4>
           </div>
 
           <h4 class="title">ThinkPenguin GNU/Linux Notebook</h4>


@@ -404,7 +404,7 @@
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
       <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 href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" />

             </a>
           </div>
 
             </a>
           </div>
 


@@ -424,7 +424,7 @@
         <div class="free">
           <div class="product">
             <img class="good" src="images/good.png" alt="good" />
         <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/gimp_inkscape.png" alt="GIMP and Inkscape" />
+            <img class="product_img" src="http://static.fsf.org/nosvn/images/gimp_inkscape.png" alt="GIMP and Inkscape" />

           </div>
 
           <h4 class="title">GIMP and Inkscape</h4>
           </div>
 
           <h4 class="title">GIMP and Inkscape</h4>


@@ -441,7 +441,7 @@
         <div class="proprietary">
           <div class="product">
             <img class="bad" src="images/bad.png" alt="bad" />
         <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/photoshop_illustrator.png" alt="Photoshop and Illustrator" />
+            <img class="product_img" src="http://static.fsf.org/nosvn/images/photoshop_illustrator.png" alt="Photoshop and Illustrator" />

           </div>
 
           <h4 class="title">Photoshop and Illustrator</h4>
           </div>
 
           <h4 class="title">Photoshop and Illustrator</h4>


@@ -478,7 +478,7 @@
         <div class="free">
           <div class="product">
             <img class="good" src="images/good.png" alt="good" />
         <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/FSFCardPrepped.png" alt="FSF Membership Card" />
+            <img class="product_img" src="http://static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="FSF Membership Card" />

           </div>
 
           <h4 class="title">FSF Membership Card</h4>
           </div>
 
           <h4 class="title">FSF Membership Card</h4>


@@ -493,7 +493,7 @@
         <div class="proprietary">
           <div class="product">
             <img class="bad" src="images/bad.png" alt="bad" />
         <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/iTunesCardPrepped.png" alt="iTunes Card" />
+            <img class="product_img" src="http://static.fsf.org/fsforg/img/iTunesCardPrepped.png" alt="iTunes Card" />

           </div>
 
           <h4 class="title">iTunes Card</h4>
           </div>
 
           <h4 class="title">iTunes Card</h4>


@@ -514,7 +514,7 @@
       <div class="buy_avoid">
         <div class="buy_avoid_wrapper">
           <div class="buy">
       <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 href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" />

             </a>
           </div>
 
             </a>
           </div>
 


@@ -534,7 +534,7 @@
         <div class="free">
           <div class="product">
             <img class="good" src="images/good.png" alt="good" />
         <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/leastauthority.png" alt="Least Authority" />
+            <img class="product_img" src="images/leastauthority.png" alt="Least Authority" />

           </div>
 
           <h4 class="title">FSF Membership Card</h4>
           </div>
 
           <h4 class="title">FSF Membership Card</h4>


@@ -558,7 +558,7 @@
         <div class="proprietary">
           <div class="product">
             <img class="bad" src="images/bad.png" alt="bad" />
         <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/googledrive.png" alt="Google Drive" />
+            <img class="product_img" src="http://static.fsf.org/nosvn/images/googledrive.png" alt="Google Drive" />

           </div>
 
           <h4 class="title">Google Drive</h4>
           </div>
 
           <h4 class="title">Google Drive</h4>


@@ -602,7 +602,7 @@
         <div class="free">
           <div class="product">
             <img class="good" src="images/good.png" alt="good" />
         <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/mediagoblin.png" alt="GNU MediaGoblin" />
+            <img class="product_img" src="http://static.fsf.org/nosvn/images/mediagoblin.png" alt="GNU MediaGoblin" />

           </div>
 
           <h4 class="title">GNU MediaGoblin</h4>
           </div>
 
           <h4 class="title">GNU MediaGoblin</h4>


@@ -624,7 +624,7 @@
         <div class="proprietary">
           <div class="product">
             <img class="bad" src="images/bad.png" alt="bad" />
         <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/YouTube.png" alt="YouTube" />
+            <img class="product_img" src="http://static.fsf.org/nosvn/images/YouTube.png" alt="YouTube" />

           </div>
 
           <h4 class="title">YouTube</h4>
           </div>
 
           <h4 class="title">YouTube</h4>


@@ -671,7 +671,7 @@
     <div class="recommend_wrapper">
 
       <div class="recommended_product">
     <div class="recommend_wrapper">
 
       <div class="recommended_product">

-        <img class="recommended_product_img" src="//tehnoetic.com/image/cache/data/adaptor-500x500.JPG" alt="Tehnoetic dongle Wi-Fi adapter" />
+        <img class="recommended_product_img" src="images/adaptor-500x500.JPG" 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">
         <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">


@@ -681,7 +681,7 @@
       </div>
 
       <div class="recommended_product">
       </div>
 
       <div class="recommended_product">

-        <img class="recommended_product_img" src="//www.thinkpenguin.com/files/imagecache/product/librecmc-router-v2_0.jpg" alt="ThinkPenguin Wi-Fi N router" />
+        <img class="recommended_product_img" src="http://www.thinkpenguin.com/files/imagecache/product/librecmc-router-v2_0.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>
 
         <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>
 

diff --git a/images/Macbook_Pro.png b/images/Macbook_Pro.png
index 82dde4035a13b68b5af08d37b9667b68206401b2..3bcd11224823b0fb8c80b7bbf79e24c486e7c829 100644 (file)
Binary files a/images/Macbook_Pro.png and b/images/Macbook_Pro.png differ

diff --git a/images/adaptor-500x500.JPG b/images/adaptor-500x500.JPG
new file mode 100644 (file)
index 0000000..a1d9a7f
Binary files /dev/null and b/images/adaptor-500x500.JPG differ

diff --git a/images/givingguidethinkpenguin.png b/images/givingguidethinkpenguin.png
new file mode 100644 (file)
index 0000000..54c68d4
Binary files /dev/null and b/images/givingguidethinkpenguin.png differ

diff --git a/images/iOS.png b/images/iOS.png
new file mode 100644 (file)
index 0000000..9823719
Binary files /dev/null and b/images/iOS.png differ

diff --git a/images/leastauthority.png b/images/leastauthority.png
new file mode 100644 (file)
index 0000000..0b6c16a
Binary files /dev/null and b/images/leastauthority.png differ

diff --git a/images/share.png b/images/share.png
deleted file mode 100644 (file)
index 25be5de..0000000
Binary files a/images/share.png and /dev/null differ

diff --git a/stylesheet.css b/stylesheet.css
index db1f4538d8d75075281a4f28cd59689857b24239..54c841c1ee3bbf96c77a97de7b199c66b3d9eb2d 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -226,16 +226,15 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .product_img {
   margin: auto;
 
 .product_img {
   margin: auto;

-  /* width: 168px; */
-  height: 168px;
+/*   max-width: 168px; */
+  max-height: 168px;

 }
 
 .product {
   margin: auto;
   display: block;
   /* margin-bottom: 8em; */
 }
 
 .product {
   margin: auto;
   display: block;
   /* margin-bottom: 8em; */

-  /* max-width: 168px; */
-  max-height: 168px;
+/*   max-height: 168px; */

 }
 
 .good,
 }
 
 .good,


@@ -342,4 +341,12 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 footer {
   display: block;
 
 footer {
   display: block;

+  background-color: #1a1a1a;
+}
+
+.footer_wrapper {
+  width: 750px;
+  margin: auto;
+  padding: 2em;
+  color: white;

 }
 }