From: Reda Lazri <the.red.shortcut@gmail.com>
Date: Sun, 21 Aug 2016 15:33:23 +0000 (+0100)
Subject: Better introduction!
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=867534647ee06ed305a747dcf489da2b817924ac;p=fsf-giving-guide.git

Better introduction!
---

diff --git a/css/master.css b/css/master.css
index 0bcc23d..0a5e1db 100644
--- a/css/master.css
+++ b/css/master.css
@@ -133,7 +133,7 @@ h4 {
   color: #9b9b9b;
 
   font-family: "Signika Light";
-  font-size: 20px;
+  font-size: 24px;
 }
 
 h5 {
@@ -146,19 +146,19 @@ h5 {
   line-height: 20px;
 }
 
-li,
 p {
   list-style: outside;
 
   color: #333;
 
   font-family: "Open Sans";
-  font-size: 16px;
+  font-size: 18px;
   line-height: 30px;
 }
 
 li {
   margin-bottom: 20px;
+  font-size: 17px;
 }
 
 a {
@@ -273,7 +273,7 @@ a {
 
   background-repeat: no-repeat;
 
-  line-height: 19px;
+  line-height: 25px;
 }
 
 .bad img,
@@ -441,6 +441,26 @@ footer p {
     width: 200px;
     margin: 10px;
   }
+
+  /*Intro*/
+
+  .intro-text {
+      background: transparent;
+  }
+  .intro-text h1 {
+    color: rgba(255, 255, 255, 0.95);
+
+  }
+  .intro-text p {
+    color: rgba(255, 255, 255, 0.79);
+  }
+  .intro-text h4 {
+    font-family: 'Signika Light';
+    color: #FFDD55;
+  }
+.illustration img {
+  width: 80%;
+}
   /*Footer*/
   .footer-logo img {
     width: 50%;
diff --git a/givingguide.html b/givingguide.html
index 761b635..702a768 100644
--- a/givingguide.html
+++ b/givingguide.html
@@ -90,7 +90,7 @@
         <div class="share col-md-4 col-sm-4 text-center">
           <h2>Share</h2>
           <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
           </p>
           <button type="button" name="share"><a href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/&amp;t=Check out the Free Software Foundation Ethical Tech Giving Guide">#givefreely</a></button>
         </div>
@@ -110,7 +110,7 @@
         <div class="donate col-md-4 col-sm-4 text-center">
           <h2>Non-profit</h2>
           <p>
-            Remember: donating to a <a href="#charities">nonprofit</a> in someone's name is at least as meaningful as buying them an electronic device.
+            Donating to a <a href="#charities">nonprofit</a> in someone's name is at least as meaningful as buying them an electronic device.
           </p>
           <button type="button" name="donate">Donate</button>
         </div>