Merge branch 'master' of github.com:zurb/giving-tree-static

MANIFEST

@@ -1,4 +1,10 @@
 http://staging.familygivingtree.org/about.php
+http://staging.familygivingtree.org/donate.php
 http://staging.familygivingtree.org/index.php
 http://staging.familygivingtree.org/lead-a-drive.php
-http://staging.familygivingtree.org/sponsor.php
+http://staging.familygivingtree.org/sponsor.php
+http://staging.familygivingtree.org/virtual-about-fgt.php
+http://staging.familygivingtree.org/virtual-giving-details.php
+http://staging.familygivingtree.org/virtual-giving.php
+http://staging.familygivingtree.org/vol_register.php
+http://staging.familygivingtree.org/volunteer.php

about.php

@@ -19,7 +19,7 @@
 
 <div class="row">
   <div class="three columns">
-    <ul class="side-nav">
+    <ul class="side-nav" data-sticky>
       <li><a href="#">Staff</a></li>
       <li><a href="#">Board</a></li>
       <li><a href="#">Stats</a></li>

index.php

@@ -114,9 +114,6 @@ classroom, let alone engaging in career fields related to Science,
     </div>
 </div>
 
-<div class="row">
-    <div style="height: 40px"></div>
-</div>
 
 <?php include("includes/_footer.php");  ?>
 

javascripts/app.js

@@ -1,5 +1,21 @@
 (function ($) {  
-
+
+  var GivingTree = {};
+  GivingTree.setInitialStickyNavOffset = function(idx,el) {
+    $(el).data("offset-top", $(el).offset().top);
+  };
+  GivingTree.updateStickyNav = function(event){
+    var windowTopOffset = $(event.currentTarget).scrollTop();
+    $("[data-sticky]").each(function(idx,el){
+      var $el = $(el);
+      if (windowTopOffset > $(el).data("offset-top")) {
+        $el.addClass("sticky");
+      } else {
+        $el.removeClass("sticky");
+      }
+    });
+  };
+
   $(function(){
     $(document).foundationAlerts();
     $(document).foundationButtons();
@@ -22,25 +38,9 @@
     $('body').raptorize({
       "enterOn" : "konami-code"
     });
+    $("[data-sticky]").each(GivingTree.setInitialStickyNavOffset);
   });
-
-
-  $("[data-sticky]").each(function(idx,el){
-    $(el).data("offset-top", $(el).offset().top);
-  });
-
-  var updateStickyNav = function(event){
-    var windowTopOffset = $(event.currentTarget).scrollTop();
-    $("[data-sticky]").each(function(idx,el){
-      var $el = $(el);
-      if (windowTopOffset > $(el).data("offset-top")) {
-        $el.addClass("sticky");
-      } else {
-        $el.removeClass("sticky");
-      }
-    });
-  };
-
-  $(window).scroll(updateStickyNav);
+  $("[data-sticky]").each(GivingTree.setInitialStickyNavOffset);
+  $(window).on("scroll.sticky-nav",GivingTree.updateStickyNav);
 
 })(jQuery);

lead-a-drive.php

@@ -8,21 +8,31 @@
 <div id="mainContent">
     <div class="row">
         <div class="seven columns">
-            <h1>Help Holidays Shine Brighter</h1>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus lacus, cursus sed placerat quis, scelerisque id erat. Praesent at sapien eu ligula dignissim varius.</p>
+            <h1>Send Children to School Prepared</h1>
+            <p>Leading a Back to School Drive is an incredible way to help local kids in need just in time for the new school year. This drive focuses on the children as individuals; pairing a backpack and school supply wish list with a name. By leading a Back to School Drive drive, you’re not only providing the wealth of education, you’re also joining the Family Giving Tree community.</p>
             <a href="#" class="large primary button" data-reveal-id="register">Register &raquo;</a>
         </div>
         <div class="five columns">
             <img src="http://placehold.it/500x350" alt="Lead a Drive">
         </div>
     </div>
+    <div class="row next-season">
+        <div class="seven columns">
+            <h1>Help Holidays Shine Brighter</h1>
+            <p>Leading a Holiday Wish Drive is an exciting way to fulfill the wishes local kids in need. This drive focuses on the children as individuals; pairing their gift wish with their name. When leading a Holiday Wish Drive you?re not only spreading the joy of the holiday season, you're also joining the Family Giving Tree community.</p>
+        </div>
+        <div class="five columns">
+            <img src="http://placehold.it/500x350" alt="Lead a Drive">
+        </div>
+    </div>
     <!-- end .row -->
     <div class="row">
         <div class="three columns">
             <ul class="side-nav" data-sticky>
                 <li><a href="#aboutDrive">About</a></li>
                 <li><a href="#timeline">Timeline</a></li>
                 <li><a href="#hallOfFame">Hall of Fame</a></li>
+                <li><a href="#tipsSuccessfulDrive">Tips For a Successful Drive</a></li>
                 <li class="divider"></li>
                 <li><a href="#"><span class="glyph">9</span> Download resources</a></li>
             </ul>
@@ -32,7 +42,8 @@
                 <div class="row">
                     <div class="eight columns">
                         <h2>About Our Drives</h2>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus lacus, cursus sed placerat quis, scelerisque id erat. Praesent at sapien eu ligula dignissim varius. Nam id erat ut dui lobortis malesuada. Donec imperdiet lectus eget leo condimentum vel pellentesque est facilisis.</p>
+                        <p>The Family Giving Tree Back to School Drive sends kids back to the classroom prepared with the tools they need to succeed. Children that are eligible receive a backpack filled with new school supplies. During a drive, hosts collect requested items from wish cards as well as cash donations. Our Elves then sort through the donated supplies and separate it all into backpacks before delivering them to each child. </p>
+                        <p class="next-season">When leading the Family Giving Tree Holiday Wish drive, you’re creating memories of the holiday season that they may not have otherwise known. Wish cards are distributed with an individual name, age, gender, and holiday gift wish. Once the drive is complete, our Elves distribute the wishes and donations to add a little magic to the holiday season.</p>
                     </div>
                     <div class="four columns">
                         <h4>Current Drives</h4>
@@ -54,6 +65,7 @@
             <!-- end #aboutDrive -->
             <section id="timeline">
                 <h2>Timeline</h2>
+                <p>When was that application due? Stay on top of important dates before your, during and after your drive. </p>
                 <div class="row">
                     <div class="four columns">
                     <h4>February</h4>
@@ -86,21 +98,22 @@
                 <h2>Hall of Fame</h2>
                 <div class="row">
                     <div class="twelve columns">
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus lacus, cursus sed placerat quis, scelerisque id erat. Praesent at sapien eu ligula dignissim varius. Nam id erat ut dui lobortis malesuada. Donec imperdiet lectus eget leo condimentum vel pellentesque est facilisis.</p>
+                        <p>Check out all the current drive locations! See the who, what and where of the Family Giving Tree community and Elves. </p>
                     </div>
                 </div>
                 <!-- end .row -->
                 <img src="http://placehold.it/700x400&text=Map">
                 <div class="row">
                     <div class="six columns">
                         <h5>Register Now</h5>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus lacus, cursus sed placerat quis.</p>
+                        <p>Ready to get lead your own drive? Let’s go!</p>
                         <a href="#" class="large primary button" data-reveal-id="register">Register &raquo;</a>
                     </div>
                     <div class="six columns">
-                        <h4>Drive Kickoff Event</h4>
+                        <h4>Community Events</h4>
+                        <p>What are your fellow Elves up to, anyway?</p>
                         <h5 class="event-title">
-                            <a href="#">Back to School Drive Appreciation Luncheon</a>
+                            <a href="#">Family Giving Tree Back-to-School Kickoff </a>
                         </h5>
                         <div class="row">
                             <div class="three columns">
@@ -115,7 +128,7 @@
                             </div> 
                         </div>
                         <!-- end .row -->
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus lacus, cursus sed placerat quis, scelerisque id erat.</p>
+                        <p>All Drive Leaders are invited to join the Family Giving Tree Elves for a community get together before the Back to School Drive. This is a chance to pick up materials, ask questions, meet other local Elves, and dive right into the school year.</p>
                     </div>
                 </div>
                 <!-- end .row -->
@@ -133,9 +146,9 @@
                             </div>
                             <div class="ten columns">
                                 <h5 class="event-title">
-                                    <a href="#">FGT Open House</a>
+                                    <a href="#">Family Giving Tree Holiday Wish Kickoff</a>
                                 </h5>
-                                <p>This is a description of the event.</p>
+                                <p>All Drive Leaders are invited to join the Family Giving Tree Elves for a community get together before the Holiday Wish Drive. This is a chance to pick up materials, ask questions, meet other local Elves, and celebrate the season of making wishes become reality. </p>
                             </div>
                         </div>
                         <!-- end .row -->
@@ -160,6 +173,19 @@
 
             </section>
             <!-- end #hallOfFame -->
+            <section id="tipsSuccessfulDrive">
+                <h2>Tips For a Successful Drive</h2>
+                <div class="row">
+                    <div class="twelve columns">
+                        <ul>
+                          <li>Display your posters and/or cards in <strong>very visible, heavily trafficked</strong> areas. Keep materials fully stocked and <a href="#">let us know</a> if you need more!</li>
+                          <li>Have your advocates <strong>post materials</strong> and <strong>spread the word</strong> via email, social networking or even in person.</li>
+                          <li>Reminders! A little <strong>motivation</strong> like holiday candy or a notecard with announcements never hurts. (See sample announcements for more ideas)</li>
+                          <li>Coordinate a <strong>launch event</strong> (lunch, ice cream social, dance party, etc.) and get your group excited about the Family Giving Tree. The more they <strong>know the more they’ll want to be <strong>involved</strong>. (Check out some creative drive launch events <a href="#">here</a>)</li>
+                        </ul>
+                    </div>
+                </div>
+            </section>
         </div>
     </div>
 </div>

sass/app.scss

@@ -74,7 +74,7 @@
 .featured { position: relative; margin-bottom: 20px; }
 .featured ul { position: absolute; bottom: 0; left: 280px; z-index: 1000; }
 .featured .orbit-wrapper .content { position: absolute; top: 80px; left: 80px; width: 200px }
-#featured { background: url(spinner.gif) center center #f4f4f4; height: 300px; }
+#featured { background: image-url("spinner.gif") center center #f4f4f4; height: 300px; }
 #featured div { display: none; }
 #featured.orbit { background: none; }
 #featured.orbit div { display: block; }
@@ -111,7 +111,7 @@ footer {
 }
 .reveal-modal .row {
     width:auto !important;
-    max-width: 106%;
+    max-width: 106% !important;
     margin-left:-($columnGutter / 2);
     margin-right:-($columnGutter / 2);
 }
@@ -122,6 +122,9 @@ footer {
   float: left;
 }
 
+.next-season {
+  display: none; 
+}
 
 /* Progress Bar */
 .progress-bar {