Fixed all the images
authorReda Lazri <the.red.shortcut@gmail.com>
Thu, 20 Nov 2014 13:48:02 +0000 (14:48 +0100)
committerReda Lazri <the.red.shortcut@gmail.com>
Thu, 20 Nov 2014 13:48:02 +0000 (14:48 +0100)
Guidelines.md
givingguide.html
images/Macbook_Pro.png
images/adaptor-500x500.JPG [new file with mode: 0644]
images/givingguidethinkpenguin.png [new file with mode: 0644]
images/iOS.png [new file with mode: 0644]
images/leastauthority.png [new file with mode: 0644]
images/share.png [deleted file]
stylesheet.css

index a48283e..0b2447b 100644 (file)
@@ -2,10 +2,9 @@
 ---
 ##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)
-* 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:
index d62041d..6a33f51 100755 (executable)
@@ -83,7 +83,7 @@
       <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 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 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 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>
 
       <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 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 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>
 
       <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 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 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>
 
         <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 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 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 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 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>
 
         <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 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 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 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 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">
       </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>
 
index 82dde40..3bcd112 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
index db1f453..54c841c 100755 (executable)
@@ -226,16 +226,15 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .product_img {
   margin: auto;
-  /* width: 168px; */
-  height: 168px;
+/*   max-width: 168px; */
+  max-height: 168px;
 }
 
 .product {
   margin: auto;
   display: block;
   /* margin-bottom: 8em; */
-  /* max-width: 168px; */
-  max-height: 168px;
+/*   max-height: 168px; */
 }
 
 .good,
@@ -342,4 +341,12 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 footer {
   display: block;
+  background-color: #1a1a1a;
+}
+
+.footer_wrapper {
+  width: 750px;
+  margin: auto;
+  padding: 2em;
+  color: white;
 }