Better Well and Alert backgrounds

diff --git a/css/master.css b/css/master.css
index ed5b250df6de45006364d202fbcaace6b0897d3f..04da7405fa6057634fd2ab9cb2d946c39d453c49 100644 (file)
--- a/css/master.css
+++ b/css/master.css
@@ -52,6 +52,20 @@
   border-bottom: 0;
 }
 
+.alert {
+  border: 0;
+}
+
+.alert-success {
+  background: #0AD778;
+  color: rgba(255,255,255,0.9);
+}
+
+.alert-info {
+  background: #6eadf5;
+  color: rgba(255,255,255,0.9);
+}
+
 /*Typography*/
 @font-face {
   font-family: "Open Sans Bold";
@@ -497,6 +511,17 @@ li.neutral {
 }
 
 /*Licenses*/
+
+.licenses .well {
+  background-color: #fffae5;
+  border: 0;
+  box-shadow: 0 0 0 transparent;
+}
+
+.licenses .panel-default .panel-heading {
+  background: #fffae5;
+}
+
 .fix-margin {
   margin: 0;
 }

diff --git a/givingguide.html b/givingguide.html
index 9a52b11523ec155261f231550ed5866dd997b5e8..45c2b73d51e4d9dac2a4fd21755fa970121c952b 100644 (file)
--- a/givingguide.html
+++ b/givingguide.html
@@ -63,7 +63,7 @@
     <div class="container">
       <div class="row">
         <div class="illustration col-md-6">
-          <img src="img/Illustration.png" alt="" class="img-responsive center-block" />
+          <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-block" />
         </div>
         <div class="intro-text col-md-6">
           <h1>Are you giving your loved ones tech gifts they can use freely?</h1>
@@ -257,7 +257,7 @@
       <h3 class="title text-center">Compact Laptops</h3>
       <div class="row">
         <div class="good col-md-6 col-sm-6">
-          <img src="img/products/x200.jpg" alt="replicant phone" class="center-block" width="250" />
+          <img src="img/products/x200.jpg" alt="x200" class="center-block" width="250" />
           <h5 class="text-center">Libiquity Taurinus X200 with GNU/Linux</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 certified to Respect Your Freedom.</li>
@@ -290,7 +290,7 @@
       <h3 class="title text-center">3D Printers</h3>
       <div class="row">
         <div class="good col-md-6 col-sm-6">
-          <img src="https://static.fsf.org/nosvn/images/givingguide/images/lulzbot-mini.png" alt="replicant phone" class="center-block" width="250" />
+          <img src="https://static.fsf.org/nosvn/images/givingguide/images/lulzbot-mini.png" alt="lulzbot" class="center-block" width="250" />
           <h5 class="text-center">Lulzbot Mini</h5>
           <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>
@@ -325,7 +325,7 @@
       <h3 class="title text-center">Wi-Fi Routers</h3>
       <div class="row">
         <div class="good col-md-6 col-sm-6">
-          <img src="https://static.fsf.org/nosvn/images/givingguide/images/librecmc-router.jpg" alt="replicant phone" class="center-block" width="250" />
+          <img src="https://static.fsf.org/nosvn/images/givingguide/images/librecmc-router.jpg" alt="free-router" class="center-block" width="250" />
           <h5 class="text-center">ThinkPenguin Router</h5>
           <ul class="pros">
             <li>
@@ -338,7 +338,7 @@
         <!--End Good-->
 
         <div class="bad col-md-6 col-sm-6">
-          <img src="img/products/router-blocked.png" alt="printer" class="center-block fix-router" height="150" />
+          <img src="img/products/router-blocked.png" alt="router" class="center-block fix-router" height="150" />
           <h5 class="text-center">ISP-provided Routers</h5>
           <ul class="cons">
             <li>
@@ -360,7 +360,7 @@
       <h3 class="title text-center">eBooks</h3>
       <div class="row">
         <div class="good col-md-6 col-sm-6">
-          <img src="https://static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="replicant phone" class="center-block" width="250" />
+          <img src="https://static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="gutenberg" class="center-block" width="250" />
           <h5 class="text-center">Project Gutenberg</h5>
           <ul class="pros">
             <li>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</li>
@@ -371,7 +371,7 @@
         <!--End Good-->
 
         <div class="bad col-md-6 col-sm-6">
-          <img src="img/products/amazon-blocked.png" alt="printer" class="center-block fix-amazon" width="230" />
+          <img src="img/products/amazon-blocked.png" alt="amazon" class="center-block fix-amazon" width="230" />
           <h5 class="text-center">Amazon.com</h5>
           <ul class="cons">
             <li>
@@ -410,7 +410,7 @@
         <!--End Good-->
 
         <div class="bad col-md-6 col-sm-6">
-          <img src="img/products/adobe-blocked.png" alt="printer" class="center-block" height="150" />
+          <img src="img/products/adobe-blocked.png" alt="adobe" class="center-block" height="150" />
           <h5 class="text-center">Photoshop and Illustrator</h5>
           <ul class="cons">
             <li>Proprietary software controlled by Adobe.</li>
@@ -429,7 +429,7 @@
       <h3 class="title text-center">Gift Cards</h3>
       <div class="row">
         <div class="good col-md-6 col-sm-6">
-          <img src="https://static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="replicant phone" class="center-block" height="200" />
+          <img src="https://static.fsf.org/fsforg/img/FSFCardPrepped.png" alt="fsf card" class="center-block" height="200" />
           <h5 class="text-center">FSF Membership Card</h5>
           <ul class="pros">
             <li>Join over 3,500 active members working to make a better world built on free software.</li>
@@ -441,7 +441,7 @@
         <!--End Good-->
 
         <div class="bad col-md-6 col-sm-6">
-          <img src="img/products/itunes-blocked.png" alt="printer" class="center-block fix-itunes" height="150" />
+          <img src="img/products/itunes-blocked.png" alt="itunes" class="center-block fix-itunes" height="150" />
           <h5 class="text-center">iTunes Cards</h5>
           <ul class="cons">
             <li> <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> on everything (except music) controls what you can do with your purchases.
@@ -468,7 +468,7 @@
 
         <!-- Begin Certified -->
         <div class="col-md-4 col-sm-4 col-xs-6">
-          <img src="img/products/mini-wifi.jpg" alt="" class="center-block img-responsive" />
+          <img src="img/products/mini-wifi.jpg" alt="mini-wifi" class="center-block img-responsive" />
           <h5 class="text-center">Tehnoetic Mini Wi-Fi Adapter</h5>
           <p>
             Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.
@@ -476,7 +476,7 @@
         </div>
 
         <div class="col-md-4 col-sm-4 col-xs-6">
-          <img src="img/products/vpn.jpg" alt="" class="center-block img-responsive" />
+          <img src="img/products/vpn.jpg" alt="vpn" class="center-block img-responsive" />
           <h5 class="text-center">ThinkPenguin VPN Router</h5>
           <p>
             Designed to complement your existing router by providing an easy-to-set up VPN that enhances privacy and security and circumvents network controls.
@@ -484,7 +484,7 @@
         </div>
 
         <div class="col-md-4 col-sm-4 col-xs-6">
-          <img src="img/products/wifi-adapter.jpg" alt="" class="center-block img-responsive" />
+          <img src="img/products/wifi-adapter.jpg" alt="wifi-adapter" class="center-block img-responsive" />
           <h5 class="text-center">ThinkPenguin Long-Range Wi-Fi Adapter</h5>
           <p>
             More powerful than its smaller cousin, and can be further upgraded with a larger antenna.
@@ -541,7 +541,7 @@
   <!-- End Donations -->
 
   <!-- Begin Licenses -->
-  <section class="Licenses">
+  <section class="licenses">
     <div class="container">
       <div class="row">
         <div class="col-md-12">