nicer donate button and encourage more kinds of skills

Author: ultrasaurus

index.html

@@ -62,14 +62,27 @@ <h3>Other Initiatives</h3>
       <div class="row">
         <div class="col-md-8">
         <h2>Get Involved</h2>
-        <p><a href="https://www.bridgetroll.org/">Volunteer for a workshop near you.</a> See something in our documentation that needs improvement, fork it on github and send a pull request or just dive in and edit the wiki.  We need your help!</p>
+        <p>Most of our activities are focused on coding and leveling up in tech, but the real work is building a community of creative professionals
+        who work collaboratively to create postive change in our society. We need more folks willing to write words, create images, conduct research,
+        and develop materials about effective teaching and positive conflict resolution.  Of course, there's lots of opportunities to write code too.
+
+        <ul>
+          <li><a href="https://www.bridgetroll.org/">Volunteer for a workshop near you</a></li>
+          <li><a href="https://docs.google.com/a/ultrasaurus.com/forms/d/1zkxx0Ao5xeg-epedPl1zw4aZ-JKYVNc6yxx0tVSGYJo/viewform?edit_requested=true">Help make stuff happen</a> wherever you are</li>
+          <li>or <a mailto="[email protected]">send us an email</a> !</li>
+        </ul>
+
+        <p>See something in our documentation that needs improvement, fork it on github and send a pull request or just dive in and edit the wiki.  
+           Don't know what a wiki is? New to open source? No worries, we've all been there... and we totally need your help.</p>
         <p>There is so much to do, so much to learn, and so many people who might benefit from what <em>you</em> know.</p>
         </div>
         <div class="col-md-4">
-        <h2>Donate</h2>
-        <p>Bridge Foundry donations enable workshop planning in advance of sponsorship, help workshops get started in new geographies, as well as supporting other initiatives to create more diverse and inclusive tech culture.</p>
-        <p><a href="/donate">Donate Now</a></p>
-</div>
+        <h2>&nbsp;</h2>
+        <p>We provide grants for workshop organizers in remote locations and support many initiatives to create more diverse and inclusive tech culture.</p>
+        <p>Financial support allows us to amplify the work of volunteers. The work you do is the most important thing, but money can help too :)</p>
+        <div class="donate-area">
+          <a href="/donate" class="donate-btn">DONATE  <span class="glyphicon glyphicon-heart" aria-hidden="true"></span></a>
+        </div>
 </div>
 </div>
   </body>

site.css

@@ -27,3 +27,39 @@ body {
 .bridgefoundry-advisors-imgs {
   margin: 0 auto 5px 5px;border: 2px solid #ccc;width: 150px;height: 150px;float: right;
 }
+
+
+
+/* Donate button */
+.donate-area {
+  height: 60px;
+}
+.donate-btn {
+  margin: 4px;
+  color: #fff;
+  background-color: #db5566;
+  border-bottom:2px solid #af4451;
+  padding: 10px;
+  padding-left: 20px;
+  padding-right: 20px;
+  border-radius: 10px;
+  text-decoration:none;
+  float: left;
+}
+
+.donate-btn:hover {
+  color: #fff;
+  background-color: #df6a78;
+  border-bottom:2px solid #b25560;
+  outline: none;
+  text-decoration:none
+}
+
+
+.donate-btn:active {
+  color: #fff;
+  background-color: #c04b59;
+  border-top:2px solid #9a3c47;
+  margin-top: 2px;
+}
+