added 'get involved' links to the front page.

2 files changed, 21 insertions, 15 deletions

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 82f7e24..29afa0a 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -32,6 +32,7 @@ $linkVisitedColor: #339;
 
 @import "bootstrap";
 @import "superfluid";
+@import "font-awesome";
 
 //
 // IMPORT LOCAL SCSS
diff --git a/app/assets/stylesheets/leap.scss b/app/assets/stylesheets/leap.scss
index 7afe25c..c91869d 100644
--- a/app/assets/stylesheets/leap.scss
+++ b/app/assets/stylesheets/leap.scss
@@ -1,5 +1,3 @@
-
-
 $background_color: #fff;
 
 $masthead_border_color: black; // rgba(0,0,0,0.5);
@@ -126,32 +124,39 @@ body {
   padding: 19px;
   margin-bottom: 11px; // same as 'p', not sure what variable this is.
   background-color: $well_bg_color;
-  //@include gradient-vertical($well_bg_color, lighten($well_bg_color, 20%));
-  box-shadow: inset 0px 0px 4px 2px darken($well_bg_color,10%);
-  //box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.05); // darken($background_color,10%);
+  box-shadow: inset 0px 0px 5px 1px darken($well_bg_color,10%);
   border: 1px solid lighten($well_border_color,50%);
   .heading {
     margin-top: -6px;
     margin-bottom: 6px;
-    //margin: -20px;
-    //margin-bottom: 0.75em;
-    //padding: 6px 19px;
-    //background: $well_border_color;
-    //color: $well_color;
     font-weight: bold;
     font-size: 1.1em;
   }
 }
 
+.standout {
+  a {color: black;}
+  span {
+    margin: 0 20px;
+    font-size: 18px;
+  }
+  .fa {
+    vertical-align: middle;
+  }
+  text-align: center;
+  line-height: 48px;
+  margin-bottom: 20px;
+}
+
 //
 // inverted headings
 //
 
-.invert {
-  color: white;
-  background-color: $well_border_color;
-  padding-left: 12px;
-}
+//.invert {
+//  color: white;
+//  background-color: $well_border_color;
+//  padding-left: 12px;
+//}
 
 
 table.timeline {