Permalink
Browse files

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

  • Loading branch information...
2 parents bc253d9 + a0be0dd commit 9bb03edb91afb374e55e164183ba500d271c79dd @mkelly12 mkelly12 committed Aug 3, 2012
View
Oops, something went wrong.
View
@@ -9,25 +9,25 @@
<div class="row">
<div class="twelve columns">
- <div class="row choose-donation">
- <div class="seven columns">
- <h1>Give Gifts</h1>
- <p>The most popular way to help the Elves and the children we serve is through gift donation.</p>
- <a class="pink button banner" href="http://vgt.familygivingtree.org/fgt/">Donate Today</a>
- </div>
- <div class="five columns">
- <h1>Give Money</h1>
- <p>Give a one time or monthly monetary donation!</p>
- <!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
- <input type="hidden" name="cmd" value="_s-xclick">
- <input type="hidden" name="hosted_button_id" value="E8CTCYY6FGSU4">
- <input type="image" src="images/paypal/donate_today.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
- <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
- </form> -->
-
- <a class="pink button banner" href="https://npo.networkforgood.org/Donate/Donate.aspx?npoSubscriptionId=4257">Donate Today</a>
- </div>
- </div>
+ <div class="row choose-donation">
+ <div class="seven columns">
+ <h1>Give Gifts</h1>
+ <p>The most popular way to help the Elves and the children we serve is through gift donation.</p>
+ <a class="pink button banner" href="http://vgt.familygivingtree.org/fgt/">Donate Today</a>
+ </div>
+ <div class="five columns">
+ <h1>Give Money</h1>
+ <p>Give a one time or monthly monetary donation!</p>
+ <!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
+ <input type="hidden" name="cmd" value="_s-xclick">
+ <input type="hidden" name="hosted_button_id" value="E8CTCYY6FGSU4">
+ <input type="image" src="images/paypal/donate_today.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
+ <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
+ </form> -->
+
+ <a class="pink button banner" href="https://npo.networkforgood.org/Donate/Donate.aspx?npoSubscriptionId=4257">Donate Today</a>
+ </div>
+ </div>
</div>
</div>
View
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -2,7 +2,7 @@
<div class="footer-columns">
<div class="row">
<div class="eight columns">
- <h5><a href="index.php">Family Giving Tree <span class="handwritten">fulfilling children’s wishes</span></a></h5>
+ <h5><a href="index.php">Family Giving Tree &nbsp;&nbsp;&nbsp;<span class="handwritten">fulfilling children’s wishes</span></a></h5>
</div>
</div>
<div class="row">
@@ -80,7 +80,6 @@
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/spin.min.js"></script>
-<script src="javascripts/jquery.raptorize.js"></script>
<!-- Application Javascript, safe to override -->
<script src="javascripts/app.js"></script>
@@ -27,7 +27,6 @@
<!-- Included JS Files (Compressed) -->
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.min.js"></script>
- <script src="javascripts/jquery.raptorize.js"></script>
<!-- Application Javascript, safe to override -->
<script src="javascripts/app.js"></script>
@@ -10,7 +10,6 @@
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/spin.min.js"></script>
-<script src="javascripts/jquery.raptorize.js"></script>
<!-- Application Javascript, safe to override -->
<script src="javascripts/app.js"></script>
@@ -1,6 +1,6 @@
<?php
-define("VOLUNTEER_EMAIL_RECIPIENT", "chatche+zurbwired@gmail.com");
+define("VOLUNTEER_EMAIL_RECIPIENT", "volunteer@familygivingtree.org");
function is_valid_email($email) {
View
@@ -45,21 +45,20 @@
<div class="full stats">
<div class="row">
<div class="four columns">
- <img src="images/icons/person.png" alt="person">
- <h3 class="orange">970,516 Children</h3>
- <p>Have received holiday gifts or back-to-school supplies through
- Family Giving Tree since 1990</p>
+ <img src="images/icons/backpack.png" alt="person">
+ <h3 class="orange">15,000 Backpacks</h3>
+ <p>Is our distribution goal for the 2012 Back to School Drive</p>
</div>
<div class="four columns">
<img src="images/icons/gift.png" alt="gift">
- <h3 class="green">1,123,228 Gifts</h3>
- <p>Delivered to needy children. We provide gifts during the holidays,
- and back-to-school supplies during the school year.</p>
+ <h3 class="green">847,288 Wishes Fulfilled</h3>
+ <p>These are the children who have received holiday gifts or back-to-school supplies through
+ Family Giving Tree since 1990</p>
</div>
<div class="four columns">
- <img src="images/icons/money.png" alt="money">
- <h3 class="pink">89 Percent</h3>
- <p>of every donation we raise goes straight to participating charities</p>
+ <img src="images/icons/person.png" alt="money">
+ <h3 class="pink">7,000 Volunteers</h3>
+ <p>Will donate their time in our warehouse this year</p>
</div>
</div>
</div>
@@ -93,22 +92,22 @@
<h2>News</h2>
<div class="row">
<div class="four columns">
- <h4>We're Heading Into Our Holiday Wish Drive</h4>
- <p>As we wrap up our Back to School Drive, we’re heading right into our Holiday Wish Drive where you could help fulfill the unique holiday wish of an underserved child with a donation. Your company or organization can lead a drive or you can join our community of Elves. &hellip; <a href="">more &raquo;</a></p>
+ <p><strong>We're Heading Into Our Holiday Wish Drive</strong></p>
+ <p>As we wrap up our Back to School Drive, we’re heading right into our Holiday Wish Drive where you could help fulfill the unique holiday wish of an underserved child with a donation. Your company or organization can lead a drive or you can join our community of Elves &hellip; <a href="donate.php">more &raquo;</a></p>
</div>
<div class="four columns">
- <h4>FGT on eBay</h4>
+ <p><strong>FGT on eBay</strong></p>
<p>Looking for another way to support the Family Giving Tree?
Check out eBay&#8217;s Facebook page to see how you can help
without spending a penny. Simply complete the form and eBay will
- donate a supply-filled&hellip; <a href="">more &raquo;</a></p>
+ donate a supply-filled backpack to a child in need. <a href="http://www.facebook.com/eBay/app_263639493746045">more &raquo;</a></p>
</div>
<div class="four columns">
- <h4>ZurbWIRED</h4>
+ <p><strong>ZURBwired</strong></p>
<p>After three attempts to submit a winning application to the zany
folks at ZURB, and among so many excellent proposals from local
- nonprofits at that, we&#8217;ve finally been chosen as this year&#8217;s&hellip;
- <a href="">more &raquo;</a></p>
+ nonprofits at that, we&#8217;ve finally been chosen as this year&#8217;s lucky winner.
+ <a href="http://zurbwired.com">more &raquo;</a></p>
</div>
</div>
</div>
View
@@ -21,7 +21,7 @@
};
GivingTree.updateStickyNav = function(event){
var windowTopOffset = $(event.currentTarget).scrollTop();
- $("[data-sticky]").each(function(idx,el){
+ $(".no-touch [data-sticky]").each(function(idx,el){
var $el = $(el),
$footer = $("footer");
@@ -68,9 +68,6 @@
});
$(window).load(function() {
- $("body").raptorize({
- "enterOn" : "konami-code"
- });
$("[data-sticky]").each(GivingTree.setInitialStickyNavOffset);
});
// Uncomment to support sticky nav updates on page resize
View
@@ -29,22 +29,13 @@
<!-- end .row -->
</div>
<!-- end .feature_wrapper -->
- <div class="row">
+ <div class="row size-fix">
<div class="three columns">
- <ul class="side-nav hide-for-mobile" data-sticky>
+ <ul class="side-nav" data-sticky>
<li><a href="#aboutDrive">About Our Drives</a></li>
<li><a href="#importantDates">Important Dates</a></li>
<li><a href="#tipsSuccessfulDrive">Tips For a Successful Drive</a></li>
- <li><a href="#currentDrives">Current Drives</a></li>
- <li class="divider"></li>
- <li><a href="#"><span class="glyph">9</span> Download resources</a></li>
- </ul>
- <!-- duplicate nav -->
- <ul class="side-nav show-for-mobile">
- <li><a href="#aboutDrive">About Our Drives</a></li>
- <li><a href="#importantDates">Important Dates</a></li>
- <li><a href="#tipsSuccessfulDrive">Tips For a Successful Drive</a></li>
- <li><a href="#currentDrives">Current Drives</a></li>
+ <li><a href="#currentDrives">Current Drive Locations</a></li>
<li class="divider"></li>
<li><a href="#"><span class="glyph">9</span> Download resources</a></li>
</ul>
@@ -117,21 +108,20 @@
<li class="first"><img src="images/icons/tips1.png" height="121" width="121">
<p>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!</p></li>
+ stocked and <a href="mailto:hosts@familygivingtree.org">let us know</a> if you need more!</p></li>
<li><img src="images/icons/tips2.png" height="121" width="121">
<p>Have your advocates <strong>post materials</strong>
and <strong>spread the word</strong> via email, social
networking or even in person.</p></li>
<li><img src="images/icons/tips3.png" height="121" width="121">
<p>Reminders! A little <strong>motivation</strong> like holiday
candy or a notecard with announcements never hurts.
- (See sample announcements for more ideas)</p></li>
+ </p></li>
<li><img src="images/icons/tips4.png" height="121" width="121">
<p>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>)</strong></p></li>
+ Family Giving Tree. The more they know the more they’ll
+ want to be <strong>involved. </p></li>
</ul>
</div>
</div>
@@ -154,8 +144,8 @@
<section id="currentDrives">
<div class="row">
<div class="twelve columns">
- <h2>Current Drives</h2>
- <p>Check out all the current drive locations! See the who, what and where of the Family Giving Tree community and Elves. </p>
+ <h2>Current Drive Locations</h2>
+ <p>The locations below have made wish cards available for individuals looking to provide a supply-filled backpack. </p>
</div>
</div>
<!-- end .row -->
View
@@ -194,7 +194,7 @@ h2 { color: $gray; font-size: 27px; font-size: 2.7rem; }
}
.button.purple { background-color: $darkPurple; color: #fff; border: solid 1px darken($darkPurple, 10%);
- &:hover { background-color: darken($darkPurple, 10%); }
+ &:hover { background-color: darken($darkPurple, 10%); }
}
blockquote { line-height: 1.7; color: $white; font-family: "HandOfSeanRegular"; background: $lightPink; margin-bottom: 0; margin-top: -1px;
@@ -211,6 +211,7 @@ blockquote { line-height: 1.7; color: $white; font-family: "HandOfSeanRegular";
#tipsSuccessfulDrive ul { list-style: none; }
#tipsSuccessfulDrive ul li { float: left; width: 170px; padding-left: 20px; }
#tipsSuccessfulDrive ul li.first { padding-left: 0px; }
+div.row.size-fix p { font-size: 14px!important; }
/*Events*/
.date {
@@ -244,17 +245,27 @@ ul.numbered-list li { padding: 0px 0px 15px 60px; height: 60px; }
.block-grid.six-up li { width:16.6%; }
ul.top-circles li span { margin-top: -30px; text-align: center; }
-ul.top-circles li img { margin:0 auto; }
-
-ul.public-service li, ul.media li { width:130px !important; }
-ul.top-last li.last { margin-top: 65px;margin-left: -80px !important; }
-ul.top-last li h6 { margin-bottom: 0px !important; }
-
-#mainContent { margin-bottom: 100px !important; }
-
-
-.sponsor-logos { margin-top: 30px; }
-.sponsor-logos h6 { font-weight: 300; color: #777; font-size: 20px; }
+ul.top-circles li img { margin:0 auto; }
+ul.top-circles li.num1 { position: relative; }
+ul.top-circles li.num2 { position: relative; }
+ul.top-circles li.num3 { position: relative; }
+ul.top-circles li.num4 { position: relative; }
+ul.top-circles li.num5 { position: relative; }
+ul.top-circles li.num1:before { content: "1"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
+ul.top-circles li.num2:before { content: "2"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
+ul.top-circles li.num3:before { content: "3"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
+ul.top-circles li.num4:before { content: "4"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
+ul.top-circles li.num5:before { content: "5"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
+
+ul.public-service li, ul.media li { width:130px !important; }
+ul.top-last li.last { margin-top: 65px;margin-left: -80px !important; }
+ul.top-last li h6 { margin-bottom: 0px !important; }
+
+#mainContent { margin-bottom: 100px !important; }
+
+
+.sponsor-logos { margin-top: 30px; }
+.sponsor-logos h6 { font-weight: 300; color: #777; font-size: 20px; }
.row.sponsor-levels,.row.value-sponsors { margin-top: 20px; }
@@ -460,7 +471,7 @@ img.right {
}
/*Volunteer Page*/
-.inputrow {
+.inputrow { margin-bottom: 12px;
label,
input[type="text"],
input[type="password"],
@@ -0,0 +1,2 @@
+<h2>Thank you</h2>
+<p>Thank you for your interest in volunteering for Family Giving Tree. You will be contacted soon.</p></div>
View
@@ -28,9 +28,8 @@
<div class="row">
<div class="twelve columns">
- <h4>Back to School Drives</h4>
+ <h2>Back to School Drives</h2>
<p class="lead">For our Back to School Drives, the students who receive backpacks from our drive usually begin school with few or no supplies. We believe they deserve an equal start, with the supplies they need to learn. When it comes to our Holiday Wish Drive, you’ll be ensuring that a child doesn’t have to go without a gift during the holidays.</p>
- <img src="http://www.placehold.it/1000x300">
</div>
</div>
@@ -110,16 +109,16 @@
<div class="row sponsor-levels">
<div class="three columns">
- <h4>Sponsorship Levels</h4>
+ <h2>Sponsorship Levels</h2>
<p>We work with companies to customize a sponsorship package that meets our mutual goals. Opportunities include:</p>
</div>
<div class="nine columns">
<ul class="top-circles block-grid five-up">
- <li><img src="images/icons/bg-orange.png"><br/><span>1</span>Financial Sponsorship — $2,500 to $100,000</li>
- <li><img src="images/icons/bg-green.png"><br/>Public Service Announcements — $2,500 to $8,000 through a variety of media outlets</li>
- <li><img src="images/icons/bg-yellow.png"><br/>Web banner package — TBD</li>
- <li><img src="images/icons/bg-pink.png"><br/>To discuss sponsorship opportunities, contact:</li>
- <li><img src="images/icons/bg-purple.png"><br/>Recognition as a major funder at our annual Celebration Luncheon in September.</li>
+ <li class="num1"><img src="images/icons/bg-orange.png"><br/>Financial Sponsorship — $2,500 to $100,000</li>
+ <li class="num2"><img src="images/icons/bg-green.png"><br/>Public Service Announcements — $2,500 to $8,000 through a variety of media outlets</li>
+ <li class="num3"><img src="images/icons/bg-yellow.png"><br/>Web banner package — TBD</li>
+ <li class="num4"><img src="images/icons/bg-pink.png"><br/>To discuss sponsorship opportunities, contact:</li>
+ <li class="num5"><img src="images/icons/bg-purple.png"><br/>Recognition as a major funder at our annual Celebration Luncheon in September.</li>
</ul>
</div>
</div>
@@ -129,8 +128,8 @@
<ul class="top-last block-grid four-up">
<li><h6>Presenting Sponsor</h6><br/><img src="images/sponsor logos/sp-texinst.jpg" /></li>
- <li><h6>Presenting Sponsor</h6><br/><img src="images/sponsor logos/sp-sandisk.jpg" /></li>
- <li class="top-last"><h6>Presenting Sponsor</h6><br/><img src="images/sponsor logos/sp-cisco.jpg" /></li>
+ <li><h6>Superintendent Sponsor</h6><br/><img src="images/sponsor logos/sp-sandisk.jpg" /></li>
+ <li class="top-last"><h6>Principal Sponsor</h6><br/><img src="images/sponsor logos/sp-cisco.jpg" /></li>
<li class="last"><img src="images/sponsor logos/sp-kaiser.jpg" /></li>
</ul>
View
@@ -8,11 +8,17 @@
<!-- SPONSORPAGE CONTENT -->
<div id="mainContent">
- <div class="row">
- <div class="twelve columns">
- <img src="http://www.placehold.it/1000x300">
+ <div class="feature_wrapper">
+ <div class="row">
+ <div class="nine columns">
+ <h1>From Everybody Here at Family Giving Tree.. Thank You!</h1>
+
+ </div>
+ <div class="three columns">
+ <img src="images/people/c-photo8.png">
+ </div>
+ </div>
</div>
- </div>
<div class="row">
<div class="twelve columns">
@@ -25,9 +31,8 @@
<? if (isset($logo)): ?>
<img src="<?= $logo ?>">
<? endif; ?>
- <h5>Your donation has been received</h5>
-
- <p>Thank you for helping a child get the school supplies to succeed!</p>
+ <h1>Your donation has been received</h1>
+ <h5>Thank you for helping a child get the school supplies to succeed!</h5>
<ul class="block-grid three-up">
<li><div class="fb-like" data-href="http://familygivingtree.org" data-send="false" data-width="450" data-show-faces="false" data-action="recommend"></div></li>
Oops, something went wrong.

0 comments on commit 9bb03ed

Please sign in to comment.