[gnome-web-www: 12/68] fog: Update the design of the pages
- From: Tom Tryfonidis <tomtryf src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-web-www: 12/68] fog: Update the design of the pages
- Date: Tue, 24 Jan 2017 15:48:13 +0000 (UTC)
commit 0d16f14a51846a88d47bc86467cc28c7bc7814db
Author: Tom Tryfonidis <tomtryf gmail com>
Date: Mon Oct 24 13:34:52 2016 +0300
fog: Update the design of the pages
theme/css/friends20.css | 125 +++++++++++++++++-
theme/images/asc.png | Bin 0 -> 252 bytes
theme/images/donations/friends-banner.png | Bin 0 -> 561268 bytes
theme/images/donations/friends-of-gnome.png | Bin 0 -> 128095 bytes
theme/images/donations/hackfests.png | Bin 0 -> 49139 bytes
theme/images/donations/infrastructure.png | Bin 0 -> 15319 bytes
theme/images/donations/outreach.png | Bin 0 -> 50232 bytes
theme/images/donations/thankyou-banner.png | Bin 0 -> 760526 bytes
theme/images/photo-missing.png | Bin 0 -> 1488 bytes
theme/js/friends.js | 124 +++++++++++++++++
theme/page-donate.php | 192 +++++++++++++++++++++++++++
theme/page-friends-of-gnome.php | 153 +++++++++++++++++++++
theme/page-support-us.php | 90 +++++++++++++
theme/page-thank-you.php | 97 ++++++++++++++
14 files changed, 776 insertions(+), 5 deletions(-)
---
diff --git a/theme/css/friends20.css b/theme/css/friends20.css
index 146624f..9048d54 100644
--- a/theme/css/friends20.css
+++ b/theme/css/friends20.css
@@ -1,8 +1,10 @@
+/*
+ * CSS code for FoG pages
+ *
+ * page-donate, page-support-us, page-friends-of-gnome, page-thank-you, page-questionnaire
+ */
-#boxes {
-
-}
-
+/* Boxes for the "Donate to GNOME" page */
#boxes > div {
margin: 10px;
width: 150px;
@@ -20,6 +22,32 @@
cursor: pointer;
}
+.boxes-container div {
+ margin: 6px;
+ height: 180px;
+ width: 190px;
+ background-color: #f0f0f0;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ background-position: center center;
+ display: inline-block;
+}
+
+.boxes-container :hover{
+ background-color: #4A90D9;
+ color: #fff;
+}
+
+.boxes-container .active{
+ background-color: #4A90D9;
+ color: #fff;
+}
+
+.boxes-container p {
+ padding: 8px;
+}
+
+
#adopt {
background-image: url("../images/adopt-normal.png");
}
@@ -139,4 +167,91 @@ small {
color: gray;
}
-.
+/*
+ * "Support GNOME" page
+ */
+
+#support-gnome .title {
+ font-size: 13pt;
+ font-weight: 600;
+ color: #919191;
+}
+
+#support-gnome .text {
+ display: block;
+ position: relative;
+ top: 11px;
+ right: 20px;
+}
+
+#support-gnome .article {
+ margin-bottom: 10px;
+ padding-bottom: 10px;
+}
+
+/*
+ * Miscellaneous
+ */
+
+.validation-msg{
+ background:#f2f2f2;
+ padding:8px;
+}
+
+.form-horizontal .control-label {
+ width: 120px;
+ text-align: left;
+ color: #8c5f93;
+ font-weight: 600;
+}
+
+.form-horizontal .controls {
+ margin-left: 90px;
+}
+
+/* Give hackers some space */
+#fog-hackers {
+ margin-bottom: 20px;
+}
+
+/* Customize select button for Bitcoin donations */
+select {
+ border: 1px solid #111;
+ background: transparent;
+ width: 150px;
+ font-size: 16px;
+ border: 1px solid #ccc;
+ height: 34px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: url(../images/asc.png) 80% / 11% no-repeat #eee;
+}
+
+/*
+ * "Thank you" page
+ */
+
+/* we need round icons */
+#thankyou [class*="fa fa-"] {
+ background-color: #D3D7CF;
+ border-radius: 30px;
+ color: #fff;
+ display: inline-block;
+ height: 50px;
+ line-height: 50px;
+ margin: 5px 10px 20px;
+ width: 50px;
+ font-size: 25px;
+ text-align: center;
+}
+
+/*
+ * Responsive Media Queries for the FoG pages
+ */
+
+@media (min-width: 767px) and (max-width: 979px){
+ #support-gnome .text {
+ position: inherit;
+ }
+}
diff --git a/theme/images/asc.png b/theme/images/asc.png
new file mode 100644
index 0000000..1084dca
Binary files /dev/null and b/theme/images/asc.png differ
diff --git a/theme/images/donations/friends-banner.png b/theme/images/donations/friends-banner.png
new file mode 100644
index 0000000..8059186
Binary files /dev/null and b/theme/images/donations/friends-banner.png differ
diff --git a/theme/images/donations/friends-of-gnome.png b/theme/images/donations/friends-of-gnome.png
new file mode 100644
index 0000000..5c4cda6
Binary files /dev/null and b/theme/images/donations/friends-of-gnome.png differ
diff --git a/theme/images/donations/hackfests.png b/theme/images/donations/hackfests.png
new file mode 100644
index 0000000..6439b72
Binary files /dev/null and b/theme/images/donations/hackfests.png differ
diff --git a/theme/images/donations/infrastructure.png b/theme/images/donations/infrastructure.png
new file mode 100644
index 0000000..ea8c6c4
Binary files /dev/null and b/theme/images/donations/infrastructure.png differ
diff --git a/theme/images/donations/outreach.png b/theme/images/donations/outreach.png
new file mode 100644
index 0000000..a7e60e5
Binary files /dev/null and b/theme/images/donations/outreach.png differ
diff --git a/theme/images/donations/thankyou-banner.png b/theme/images/donations/thankyou-banner.png
new file mode 100644
index 0000000..4798b21
Binary files /dev/null and b/theme/images/donations/thankyou-banner.png differ
diff --git a/theme/images/photo-missing.png b/theme/images/photo-missing.png
new file mode 100644
index 0000000..24fe3d7
Binary files /dev/null and b/theme/images/photo-missing.png differ
diff --git a/theme/js/friends.js b/theme/js/friends.js
new file mode 100644
index 0000000..552230f
--- /dev/null
+++ b/theme/js/friends.js
@@ -0,0 +1,124 @@
+(function($) {$(function(){
+ $('.boxes').click(function(){
+ $(".boxes").removeClass("active");
+ $(this).addClass('active');
+ $('.boxes-content').hide();
+ $('#box'+$(this).attr('target')).show();
+ });
+});
+
+// (Paypal and Bitcoin donations) Regex for donation amount, allow only whole numbers
+$(function() {
+ $("#amount-paypal, #amount-bitcoin").on('keyup', function(e) {
+ var value = $( this ).val()
+ val = this.value;
+ var valid = /^\d{0,9}?$/.test(this.value);
+
+ if(!valid){
+ this.value = val.substring(0, val.length - 1)};
+
+ }).keyup();
+});
+
+
+/*
+ * Bitcoin donations
+ */
+
+// Make checkbox active if an email is provided
+$(function() {
+ $('#orderIDD input').on('keyup input', function(e){
+ if ( $(this).val() != '' ) {
+ $("input:checkbox[name='os2']").removeAttr('disabled', 'disabled');
+ } else {
+ $("input:checkbox[name='os2']").attr('disabled', 'disabled');
+ }
+ });
+});
+
+// Change the currency symbol
+// FIXME: Add generic case when there's no currency symbol
+$(function() {
+ var currency_symbols = {
+ 'USD': '$',
+ 'BTC': '฿',
+ 'EUR': '€',
+ 'GBP': '£',
+ 'BGN': 'лв',
+ 'BRL': 'R$',
+ 'CHF': 'CHF',
+ 'CNY': '¥',
+ 'CZK': 'Kč',
+ 'DKK': 'kr',
+ 'HRK': 'kn',
+ 'HUF': 'Ft',
+ 'IDR': 'Rp',
+ 'ILS': '₪',
+ 'INR': '₹',
+ 'JPY': '¥',
+ 'KRW': '₩',
+ 'MYR': 'RM',
+ };
+
+ $("select[name='currency']").on('click touchend', function(e){
+ var currency_name = $('#bitcoin_currency').val();
+
+ if(currency_symbols[currency_name]!== undefined) {
+ $(".currency-bitcoin").val(currency_symbols[currency_name]);
+
+ }});
+});
+
+
+
+// (PayPal and Friends of GNOME donations) Changes the currency symbol
+$(function() {
+ var format = function(num){
+ var cur = $('#cur-usd').is(":checked") ? "$" : "€", str = num.toString().replace("$",
"").replace("€", ""), parts = false, output = [], i = 1, formatted = null;
+ return(cur);
+ };
+ //currency
+ $(".currency").keyup(function(e) {
+ $(this).val(format($(this).val()));
+ });
+ $("input[name='os0']").on('click', function(e){
+ $(".currency").keyup();
+ });
+});
+
+// (Friends of GNOME donations) Statements for donation amounts and regex for input
+$(function() {
+ $("#amount").on('keyup input', function(e) {
+ var value = $(this).val()
+ val = this.value;
+ var valid = /^\d{0,9}?$/.test(this.value);
+
+ if(!valid){
+ this.value = val.substring(0, val.length - 1)};
+
+
+ if (value >= 5 && value < 30){
+ $("#validation-msg").addClass("validation-msg").text("Make it over $30 and get a free
LWN.net subscription!");
+ $("#subscription-btn").removeAttr('disabled', 'disabled');
+ } else if (value >= 30){
+ $("#validation-msg").addClass("validation-msg").html("<label class='checkbox'
style='margin-left: 20px;'><input type='hidden' name='os4' id='lwn_subscription' value='No' /><input
name='os4' id='lwn_subscription' type='checkbox' value='Yes' /> Sign me up for a free LWN.net subscription
</label> <span style='color: gray;'>You will receive an email with instructions on how to claim after
donating for two months.</span> <input type='hidden' name='on4' value='LWN.net subscription' />");
+ $("#subscription-btn").removeAttr('disabled', 'disabled');
+ } else {
+ $("#validation-msg").addClass("validation-msg").text("Subscriptions must be over $5");
+ $("#subscription-btn").attr('disabled', 'disabled');
+ }
+ }).keyup();
+});
+
+$(function() {
+
+new Clipboard('#badgecode-container .btn');
+
+ $("#badges").on('click','img',function(){
+ $("#badgecode-container").removeClass('hide').show();
+ var image_link = $(this).attr('src');
+ var code = '<a href="https://www.gnome.org/friends/";> <img src="' +image_link+ '" alt="Become a Friend
of GNOME" border="0" /></a> '
+ $('#badgecode-container input').val(code);
+ });
+});
+})(jQuery);
diff --git a/theme/page-donate.php b/theme/page-donate.php
new file mode 100644
index 0000000..afa1ee5
--- /dev/null
+++ b/theme/page-donate.php
@@ -0,0 +1,192 @@
+<?php
+
+require_once("header.php"); ?>
+
+<?php
+function matching_donation_text() {
+ echo __('<p>Employees of some companies can have their donation to GNOME matched by their employer. This
is great way to increase your donation. Companies that offer donation matching include ... , ... and
...</p>', 'grass');
+} ?>
+
+ <!-- container -->
+ <div id="container">
+ <div class="container">
+ <div class="page_title">
+ <h1><?php echo __('Donate to GNOME', 'grass');?></h1>
+ </div>
+
+ <div class="content">
+ <p><?php _e( 'Thank you for choosing to donate to GNOME! Please choose a
payment option that best suits you.', 'grass' ); ?></p>
+
+ <?php while ( have_posts() ) : the_post(); ?>
+ <?php the_content(); ?>
+ <?php endwhile; // End the loop. Whew. ?>
+
+ <div class="clearfix"></div>
+
+ <div class="boxes-container text-center">
+ <div class="boxes active" target="1">
+ <p class="main_feature">PayPal</p>
+ <p class="text"><?php _e( 'Tax deductible in the United
States', 'grass' ); ?></p>
+ </div>
+ <div class="boxes" target="2">
+ <p class="main_feature"><?php _e( 'Bank Transfer', 'grass' );
?></p>
+ <p class="text"><?php _e( 'For EU bank account holders only;
tax deductible', 'grass' ); ?></p>
+ </div>
+ <div class="boxes" target="3">
+ <p class="main_feature"><?php _e( 'Check', 'grass' ); ?></p>
+ <p class="text"><?php _e( 'Available to United States bank
account holders; tax deductible', 'grass' ); ?></p>
+ </div>
+ <div class="boxes" target="4">
+ <p class="main_feature">Bitcoin</p>
+ <p class="text"></p>
+ </div>
+ </div>
+
+ <div id="boxes-content" class="col-sm-12">
+ <!-- PayPal -->
+ <div id="box1" class="boxes-content" >
+ <p><?php _e( 'The GNOME Foundation is a non-profit
organization, and donations made by Paypal are tax deductible in the United States. Contact your tax office
for more information and to find out if you qualify.', 'grass' ); ?></p>
+ <?php matching_donation_text(); ?>
+ <h3><?php _e( 'Donation amount', 'grass' ); ?></h3>
+ <form id="donate_form" class="form-horizontal"
action="https://www.paypal.com/cgi-bin/webscr"; method="post" name="application_form">
+ <input type="hidden" name="business" value="friends
gnome org" />
+ <input type="hidden" name="return"
value="https://www.gnome.org/thank-you/"; />
+ <input type="hidden" name="item_name" value="Friends
of GNOME - One time donation" />
+ <input type="hidden" name="notify_url"
value="https://muelli.cryptobitch.de/paypaltest/ipnhandler.php"; />
+
+ <div class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Currency', 'grass' ); ?></label>
+ </div>
+ <div class="col-sm-10">
+ <label class="radio-inline">
+ <input type="radio"
name="os0" value="USD" id="cur-usd" onClick="document.getElementById('cur').value=this.value"
checked="checked"/>$ USD
+ </label>
+ <label class="radio-inline">
+ <input type="radio"
name="os0" value="EUR" id="cur-eur" onClick="document.getElementById('cur').value=this.value"/>€ EUR
+ <input type="hidden"
name="currency_code" value="" id="cur">
+ </label>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Amount', 'grass' ); ?></label>
+ </div>
+ <div class="col-sm-10">
+ <input type="hidden" name="cmd"
value="_xclick" />
+ <input type="text" disabled
class="currency" placeholder="$" style="background: #fff; border: 0; width: 10px;"/>
+ <input id="amount-paypal"
style="width: 65px;" type="tel" name="amount" size="5" value="25" required /> <br>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="checkbox col-sm-10">
+ <label>
+ <input type="hidden" name="os1" id="notify_donor" value="No" />
+ <input name="os1" id="notify_donor" type="checkbox" value="Yes"
checked /> <?php _e( "GNOME can contact me by email (we don't do this very often)", 'grass' ); ?>
+ <input type="hidden" name="on1" value="Keep me updated by email" />
+ </label>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-sm-12">
+ <button type="submit" class="btn
btn-success" name="submit"><?php _e( 'Donate', 'grass' ); ?></button>
+ </div>
+ </div>
+ </form>
+ </div>
+
+ <!-- Bank transfer -->
+ <div id="box2" class="boxes-content" style="display:none;">
+ <p><?php _e( 'Bank transfers to the GNOME Foundation from
within the EU can be sent to WHS Foundation. Payments sent WHS Foundation are tax deductible. Contact your
tax office for more information and to find out if you qualify.', 'grass' ); ?></p>
+ <p><strong><?php _e( 'Donors should include the word "GNOME"
and their postal address on their money transfer. This will allow the WHS to send a donation receipt for
income tax deduction', 'grass' ); ?></strong></p>
+
+ <dl class="dl-horizontal">
+ <dt>Account Name</dt>
+ <dd>Wau Holland Stiftung</dd>
+ <dt>Bank Name</dt>
+ <dd>Commerzbank Kassel</dd>
+ <dt>Bank Address</dt>
+ <dd>Königsplatz 32-34, 34117, Kassel, Germany</dd>
+ <dt>IBAN</dt>
+ <dd>DE08 5204 0021 0277 2812 09</dd>
+ <dt>BIC</dt>
+ <dd>COBADEFFXXX</dd>
+ </dl>
+
+ <?php matching_donation_text(); ?>
+ </div>
+
+ <!-- Check -->
+ <div id="box3" class="boxes-content" style="display:none;">
+ <p><?php _e( 'US bank account holders can send payments
check. The GNOME Foundation is a non-profit organization, and donation made by check are tax deductible in
the United States. Contact your tax office for more information and to find out if you qualify.', 'grass' );
?></p>
+ <p><?php _e( 'Checks should be marked as payable to "GNOME
Foundation, Inc." and sent to:', 'grass' ); ?></p>
+ <address>
+ GNOME Foundation<br>
+ #117<br>
+ 21 Orinda Way Ste. C<br>
+ Orinda, CA 94563<br>
+ USA
+ </address>
+ <br>
+ <?php matching_donation_text(); ?>
+ </div>
+
+ <!-- Bitcoin -->
+ <div id="box4" class="boxes-content" style="display:none;">
+ <?php matching_donation_text(); ?>
+
+ <form id="bitcoin_donation"
action="https://bitpay.com/checkout"; method="post" onsubmit="return
bp.validateMobileCheckoutForm($('#makeDonation'));"><input type="hidden" name="action" value="checkout" />
+ <fieldset class="phone-form form-horizontal"
style="margin-top: 5px;">
+ <div id="orderIDC" class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Currency', 'grass' ); ?></label>
+ </div>
+ <div class="col-sm-10">
+ <select id="bitcoin_currency"
style="width: 80px;" name="currency"><option selected="selected" value="USD">USD</option><option
value="BTC">BTC</option><option value="EUR">EUR</option><option value="GBP">GBP</option><option
value="AUD">AUD</option><option value="BGN">BGN</option><option value="BRL">BRL</option><option
value="CAD">CAD</option><option value="CHF">CHF</option><option value="CNY">CNY</option><option
value="CZK">CZK</option><option value="DKK">DKK</option><option value="HKD">HKD</option><option
value="HRK">HRK</option><option value="HUF">HUF</option><option value="IDR">IDR</option><option
value="ILS">ILS</option><option value="INR">INR</option><option value="JPY">JPY</option><option
value="KRW">KRW</option><option value="LTL">LTL</option><option value="LVL">LVL</option><option
value="MXN">MXN</option><option value="MYR">MYR</option><option value="NOK">NOK</option><option
value="NZD">NZD</option><option value="PHP">PHP</option><option value="PLN">PLN</opti
on><option value="RON">RON</option><option value="RUB">RUB</option><option value="SEK">SEK</option><option
value="SGD">SGD</option><option value="THB">THB</option><option value="TRY">TRY</option><option
value="ZAR">ZAR</option></select>
+ </div>
+ </div>
+ <div id="price" class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Amount', 'grass' ); ?></label>
+ </div>
+ <div class="col-sm-10">
+ <input type="text" disabled
class="currency-bitcoin" placeholder="$" style="background: #fff; border: 0; width: 10px;"/>
+ <input id="amount-bitcoin"
style="width: 65px;" type="tel" name="price" value="25" required />
+ </div>
+ </div>
+ <div id="orderIDD" class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Email address', 'grass' );
?></label>
+ </div>
+ <div class="col-sm-10">
+ <input class="input input-xlarge"
type="email" maxlength="50" name="orderID"/> <?php _e( 'Optional', 'grass' ); ?> <br>
+ </div>
+ </div>
+ <div id="orderID" class="form-group">
+ <div class="checkbox col-sm-11">
+ <label>
+ <input type="hidden" name="os2"
id="update_donor" value="No" />
+ <input name="os2" id="update_donor"
disabled="disabled" type="checkbox" value="Yes" checked /> <?php _e( "GNOME can contact me by email (we don't
do this very often)", 'grass' ); ?>
+ <input type="hidden" name="on2"
value="Keep me updated by email" />
+ </label>
+ </div>
+ </div>
+
+ <input type="hidden" name="data"
value="nZRF5Hm4nQGR1KC5Teo6TKlb70jK8EHVcreK7DFO6yMJSbIPTqK0XcB/Et62OHNuPy5dIcrZWQN2GKC1HU7L4zOqX9jwoBIKwlrVorwfnMlCWbL1YynaGevJjggRZQu4THkqvYaCQ7GFtSOjtLXcgZNUeD0m0q3Z/y/5iLFCqdGgiR8WMzb3H9sjPPtSTfSrMkdSnBCzdMJVfOUgkAWK2vppfBJDjNlAGDrJB820w0qU6+2B9kM0v8UUGZ7IrZrDM9hoFgKUpsAfL2PyDfF93L8siKwV2F0HnpXE8WqeiOu/Zi1W6K7Ev9NnNxkVcNaelEHoPaxSfiLBhTaCg5i7eg=="
/>
+ <div style="margin: auto; width: 100%;">
+ <button type="submit" class="btn btn-success"
name="submit"><?php _e( 'Donate', 'grass' ); ?></button>
+ </div>
+ </fieldset>
+ </form>
+ </div>
+ </div>
+ </div> <!-- END content -->
+<?php require_once("footer_art.php"); ?>
+ </div> <!-- END .container -->
+ </div> <!-- END #container -->
+
+ <div class="clearfix"></div>
+
+ <?php require_once("footer.php"); ?>
+</body>
+</html>
diff --git a/theme/page-friends-of-gnome.php b/theme/page-friends-of-gnome.php
new file mode 100644
index 0000000..f39c127
--- /dev/null
+++ b/theme/page-friends-of-gnome.php
@@ -0,0 +1,153 @@
+<?php
+
+require_once("header.php"); ?>
+
+ <!-- container -->
+ <div id="container">
+ <div class="container">
+ <div class="page_title">
+ <h1><?php echo __('Friends of GNOME', 'grass');?></h1>
+ </div>
+
+ <div class="content">
+ <div class="grid_12">
+ <img class="img-responsive" src="<?php
bloginfo('stylesheet_directory'); ?>/images/donations/friends-banner.png" alt="">
+ <p><?php _e( "Joining Friends of GNOME is the best way to support
GNOME. Regular monthly subscriptions provide us with predictable income that we can use to keep the GNOME
Foundation's lights on.", 'grass' ); ?></p>
+ </div>
+
+ <?php while ( have_posts() ) : the_post(); ?>
+ <?php the_content(); ?>
+ <?php endwhile; // End the loop. Whew. ?>
+
+ <div class="clearfix"></div>
+
+ <form id="donate_form" class="form-horizontal"
action="https://www.paypal.com/cgi-bin/webscr"; method="post" name="application_form">
+ <input type="hidden" name="business" value="friends gnome org" />
+ <input type="hidden" name="return"
value="http://www.gnome.org/thank-you/"; />
+ <input type="hidden" name="item_name" value="Friends of GNOME - Adopt
a hacker monthly subscription" />
+ <input type="hidden" name="notify_url"
value="https://muelli.cryptobitch.de/paypaltest/ipnhandler.php"; />
+
+ <!-- Specify a Subscribe button. -->
+ <input type="hidden" name="cmd" value="_xclick-subscriptions" />
+ <!-- Define the intervals between payments. "1" means every period.
-->
+ <input type="hidden" name="p3" value="1" />
+ <!-- "t3" defines the period duration (D=days; W=weeks; M=months and
Y=Years). -->
+ <input id="t3" type="hidden" name="t3" value="M" />
+ <!-- "src" with a value of "1" causes it to repeat for every
interval. -->
+ <input type="hidden" name="src" value="1" />
+ <!-- Reattempt on failure. If a recurring payment fails, PayPal
attempts to collect the payment two more times before canceling the subscription. See
https://cms.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=developer/e_howto_html_Appx_websitestandard_htmlvariables
-->
+ <input type="hidden" name="sra" value="1" />
+
+ <input type="hidden" name="on1" value="Favorite Hacker" />
+
+
+ <div class="col-md-12">
+ <h3><?php _e( 'Monthly subscription amount', 'grass'); ?></h3>
+ <div class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label"><?php _e( 'Currency', 'grass' ); ?></label>
+ </div>
+ <div class="col-sm-10">
+ <label class="radio-inline">
+ <input type="radio" name="os0"
value="USD" id="cur-usd" onClick="document.getElementById('cur').value=this.value" checked="checked"/>$ USD
+ </label>
+ <label class="radio-inline">
+ <input type="radio" name="os0"
value="EUR" id="cur-eur" onClick="document.getElementById('cur').value=this.value"/>€ EUR
+ <input type="hidden"
name="currency_code" value="" id="cur">
+ </label>
+ </div>
+ </div>
+
+ <div class="form-group">
+ <div class="col-sm-2">
+ <label class="control-label" for="amount"><?php _e( 'Amount', 'grass' );
?></label>
+ </div>
+ <div class="col-sm-10">
+ <div class="col-md-2" style="margin: 0px 0px 15px;">
+ <input type="hidden" name="cmd"
value="_xclick-subscriptions" />
+ <input type="text" disabled class="currency"
placeholder="$" style="background: #fff; border: 0; width: 10px;"/>
+ <input id="amount" type="tel" style="width:
65px;" name="a3" size="5" value="25" required />
+ </div>
+ <div id="validation-msg" class="help-inline
col-md-8"></div>
+ </div>
+ </div>
+
+ <p style="color: gray;">Regular donations can only be made
through PayPal. Subscription payments will continue until you contact the GNOME Foundation to cancel the
payments. For other ways to pay, see <a href="#">donate to GNOME</a></p>
+
+ <h3><?php _e( 'Adopt a hacker!', 'grass' ); ?></h3>
+ <p><?php _e( 'Select which of our dedicated hackers you would
like to receive a thank you post card from.', 'grass' ); ?></p>
+
+ <!-- Show the hackers -->
+ <div class="control-group">
+ <?php
+ $original_query = clone $wp_query;
+ // Show 8 hackers in alphabetical order
+ query_posts(array('post_type' => 'hackers', 'posts_per_page' => 8, 'orderby'=>
'title', 'order' => 'ASC'));
+ ?>
+
+ <?php while ( have_posts() ) : the_post(); ?>
+ <div id="fog-hackers" class="col-xs-10 col-sm-6">
+ <div class="media">
+ <div class="pull-left" style="margin-top: 25px;">
+ <input class="radio" type="radio" name="os1" value="You will receive a
postcard from <?php the_title(); ?>" required >
+ </div>
+
+ <div class="media-left">
+ <?php
+ if (has_post_thumbnail($post->ID)) {
+ echo get_the_post_thumbnail($post->ID, 'fog-hacker-icon', array(
'class' => 'media-object pull-left' ));
+ } else {
+ echo '<img
src="'.get_bloginfo('template_url').'/images/photo-missing.png" class="media-object pull-left" alt="" />';
+ }
+ ?>
+ </div>
+
+ <div class="media-body media-middle">
+ <p class="media-heading"><?php the_content(); ?></p>
+ <?php
+ if (has_excerpt( $post->ID )) {
+ the_excerpt();
+ } else {
+ echo 'FoG Hacker';
+ }
+ ?>
+ </div>
+ </div>
+ </div>
+ <?php endwhile; // End the loop. Whew. ?>
+ </div>
+
+ <div class="clearfix"></div>
+
+ <h3>Details</h3>
+ <div class="form-group">
+ <div class="checkbox col-md-12">
+ <label>
+ <input type="hidden" name="os2"
id="list_donor" value="No" />
+ <input name="os2" id="list_donor"
type="checkbox" value="Yes" checked /> <?php _e( 'Include me on the list of donors', 'grass' ); ?>
+ <input type="hidden" name="on2" value="List
me on the donors page" />
+ </label>
+ </div>
+ <div class="checkbox col-md-12">
+ <label>
+ <input type="hidden" name="os3"
id="notify_donor" value="No" />
+ <input name="os3" id="notify_donor"
type="checkbox" value="Yes" checked /> <?php _e( "GNOME can contact me by email (we don't do this very
often)", 'grass' ); ?>
+ <input type="hidden" name="on3" value="Keep
me updated by email" />
+ </label>
+ </div>
+ </div>
+
+ <!-- Display the payment button. -->
+ <button id="subscription-btn" class="btn btn-success"
type="submit" name="submit"><?php _e( 'Subscribe', 'grass' ); ?></button>
+ </div>
+ </form>
+ </div> <!-- END content -->
+<?php require_once("footer_art.php"); ?>
+ </div> <!-- END .container -->
+ </div> <!-- END #container -->
+
+ <div class="clearfix"></div>
+
+ <?php require_once("footer.php"); ?>
+</body>
+</html>
diff --git a/theme/page-support-us.php b/theme/page-support-us.php
new file mode 100644
index 0000000..8d4edba
--- /dev/null
+++ b/theme/page-support-us.php
@@ -0,0 +1,90 @@
+<?php
+
+$year = get_option('support_year');
+$contributors = get_option('support_contributors');
+$hackfests = get_option('support_hackfests');
+
+require_once("header.php"); ?>
+
+ <!-- container -->
+ <div id="container">
+ <div class="container">
+ <div class="page_title">
+ <h1><?php echo __('Support GNOME', 'grass');?></h1>
+ </div>
+
+ <?php while ( have_posts() ) : the_post(); ?>
+ <?php the_content(); ?>
+ <?php endwhile; // End the loop. Whew. ?>
+
+ <div class="clearfix"></div>
+
+ <div id="support-gnome" class="content">
+ <p><?php _e( 'Amount', 'grass' ); ?>Donations are essential to the everyday
operations of the GNOME project. Without them, we wouldn't be able to carry on our work, to produce a Free
Software alternative that works in the interests of everyone.</p>
+
+ <div class="row" style="padding-bottom: 25px;">
+ <div class="col-sm-5">
+ <a href="#"><img src="<?php bloginfo('stylesheet_directory');
?>/images/donations/friends-of-gnome.png" alt=""></a>
+ </div>
+ <div class="col-sm-7 text">
+ <h3><?php _e( 'Friends of GNOME', 'grass' ); ?></h3>
+ <p><?php _e( 'Becoming a Friend of GNOME is one of the best
ways to support the GNOME project. By paying a monthly subscription, you can provide a predictable income for
the GNOME Foundation. Friends receive a thank you post card from a GNOME hacker and have the option of a free
LWN subscription.', 'grass' ); ?></p>
+ <div class="links">
+ <p><a class="btn btn-success" role="button"
href="friends-of-gnome"><?php _e( 'Become a Friend of GNOME', 'grass' ); ?></a></p>
+ <p><a href="previous-donors"><?php _e( 'View the list
of donors', 'grass' ); ?></a></p>
+ </div>
+ </div>
+ </div>
+ <h3><?php _e( 'What donations pay for', 'grass' ); ?></h3>
+ <br>
+ <div class="row article">
+ <div class="col-sm-3">
+ <img src="<?php bloginfo('stylesheet_directory');
?>/images/donations/hackfests.png" alt="">
+ </div>
+ <div class="col-sm-8 text">
+ <header class="title"><?php _e( 'Hackfests', 'grass' );
?></header>
+ <?php _e( 'Hackfests are events where contributors get
together to work and plan for the future. They are essential to how the GNOME project works.', 'grass' ); ?>
+ <p>In <?php echo $year ?>, we sponsored <?php echo
$contributors ?> contributors to attend <?php echo $hackfests ?> hackfests, thanks to donations.</p>
+ </div>
+ </div>
+ <div class="row article">
+ <div class="col-sm-3">
+ <img src="<?php bloginfo('stylesheet_directory');
?>/images/donations/infrastructure.png" alt="">
+ </div>
+ <div class="col-sm-8 text">
+ <header class="title"><?php _e( 'Infrastructure', 'grass' );
?></header>
+ <?php _e( "GNOME could not operate without its development
infrastructure. We wouldn't be able to keep it operating without donations.", 'grass' ); ?>
+ </div>
+ </div>
+ <div class="row article">
+ <div class="col-sm-3">
+ <img src="<?php bloginfo('stylesheet_directory');
?>/images/donations/outreach.png" alt="">
+ </div>
+ <div class="col-sm-8 text">
+ <header class="title"><?php _e( 'Outreach', 'grass' );
?></header>
+ <?php _e( 'Reaching out to new users and contributors is an
important part of what GNOME does. Donations enable us to organize outreach events and have presence at major
conferences.', 'grass' ); ?>
+ </div>
+ </div>
+
+ <h3><?php _e( 'Other ways to support us', 'grass' ); ?></h3>
+ <p><?php _e( 'There are many other ways to help the GNOME project. These
include:', 'grass' ); ?></p>
+ <ul>
+ <li>Make a <a href="donate">one time donation</a> through PayPal,
bank transfer, check or Bitcoin.</li>
+ <li>Shop at the <a href="https://www.gnome.org/friends/amazon/";>GNOME
Amazon store</a>.</li>
+ <li>Companies can <a href="">sponsor events</a> or join the <a
href="https://www.gnome.org/foundation/governance";>GNOME Advisory Board</a>.</li>
+ </ul>
+
+ <h3><?php _e( 'Donor benefits', 'grass' ); ?></h3>
+ <p>The GNOME Foundation is a non-profit organization. <strong>Donations are
tax deductible</strong> in the United States, and you can also make tax free donations in the European Union
(see <a href="donate">donate to GNOME</a>). Contact your tax office for more information about tax free
donations</p>
+ <p>Employees of some companies can have their <strong>donation to GNOME
matched by their employer</strong>. This is a great way to increase your donation. Companies that offer
donation matching include ..., ... and ...</p>
+ </div> <!-- END content -->
+<?php require_once("footer_art.php"); ?>
+ </div> <!-- END .container -->
+ </div> <!-- END #container -->
+
+ <div class="clearfix"></div>
+
+ <?php require_once("footer.php"); ?>
+</body>
+</html>
+
diff --git a/theme/page-thank-you.php b/theme/page-thank-you.php
new file mode 100644
index 0000000..5c63d8e
--- /dev/null
+++ b/theme/page-thank-you.php
@@ -0,0 +1,97 @@
+<?php
+
+add_action('wp_head', function() {
+ echo '<link rel="stylesheet" type="text/css" media="all"
href="'.get_bloginfo('template_url').'/css/friends20.css" />' . "\n";
+ echo '<script type="text/javascript" src="'.get_bloginfo('template_url').'/js/friends.js"></script>' .
"\n";
+ echo '<script type="text/javascript"
src="'.get_bloginfo('template_url').'/js/clipboard.min.js"></script>' . "\n";
+});
+
+require_once("header.php"); ?>
+
+ <!-- container -->
+ <div id="container">
+ <div class="container">
+ <div class="page_title">
+ <h1><?php echo __('Thank you!', 'grass');?></h1>
+ </div>
+
+ <div class="content">
+ <div class="col-md-12 text-center">
+ <img class="img-responsive" src="<?php
bloginfo('stylesheet_directory'); ?>/images/donations/thankyou-banner.png" alt="">
+ <div class="main_feature">
+ <p><?php _e( 'Thank you for supporting GNOME and our mission to give everyone
access to Free Software.', 'grass' ); ?></p>
+ </div>
+ </div>
+
+ <?php while ( have_posts() ) : the_post(); ?>
+ <?php the_content(); ?>
+ <?php endwhile; // End the loop. Whew. ?>
+
+ <div class="clearfix"></div>
+
+ <div id="thankyou" class="col-md-12">
+ <h3><?php _e( "Show that you're a Friend of GNOME", 'grass' ); ?></h3>
+ <p><?php _e( "Tell your social networks that you're a Friend of
GNOME!", 'grass' ); ?></p>
+
+ <a href="https://twitter.com/share?
+ url=https://gnome.org/friends
+ &related=gnome
+ &text=I've become a Friend of GNOME! Find out more at"
+ onclick="javascript:window.open(this.href,'',
'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
+ <i class="fa fa-twitter"></i>
+ </a>
+
+ <a href="https://plus.google.com/share?url=https://gnome.org/friends";
+ onclick="javascript:window.open(this.href,'',
'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
+ <i class="fa fa-google-plus"></i>
+ </a>
+
+ <a
href="https://www.facebook.com/sharer/sharer.php?u=https://gnome.org/friends";
+ onclick="javascript:window.open(this.href,'',
'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
+ <i class="fa fa-facebook"></i>
+ </a>
+ </div>
+
+ <div class="col-md-12">
+ <h3><?php _e( 'Get a badge', 'grass' ); ?></h3>
+ <p><?php _e( "To show that you're a Friend of GNOME, you can put one
of these badges on your blog or website.", 'grass' ); ?></p>
+
+ <div class="row" id="badges">
+ <div class="col-sm-2">
+ <img src="https://static.gnome.org/friends/banners/fog-125x125.png"; alt="Become
a Friend of GNOME" border="0" hspace="3" />
+ </div>
+
+ <div class="col-sm-2">
+ <img src="https://static.gnome.org/friends/banners/friends-of-gnome.png";
alt="Become a Friend of GNOME" border="0" hspace="3" />
+ </div>
+
+ <div class="col-sm-2">
+ <img src="https://static.gnome.org/friends/banners/gnome-lover.png"; alt="Become
a Friend of GNOME" border="0" hspace="3" />
+ </div>
+ </div>
+
+ <br> <br>
+
+ <div class="row hide" id="badgecode-container">
+ <div class="col-sm-8">
+ <?php _e( 'Your code is ready!', 'grass' ); ?>
+ <div class="input-group">
+ <input type="text" class="form-control" id="badgecode" value="">
+ <span class="input-group-btn">
+ <button class="btn btn-success" data-clipboard-target="#badgecode"
type="button"><?php _e( 'Copy code', 'grass' ); ?></button>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div> <!-- END content -->
+<?php $footer_art = 'friends'; ?>
+<?php require_once("footer_art.php"); ?>
+ </div> <!-- END .container -->
+ </div> <!-- END #container -->
+
+ <div class="clearfix"></div>
+
+ <?php require_once("footer.php"); ?>
+</body>
+</html>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
![https://static.gnome.org/friends/banners/fog-125x125.png"](https://static.gnome.org/friends/banners/fog-125x125.png"){kind=link}
![https://static.gnome.org/friends/banners/friends-of-gnome.png"](https://static.gnome.org/friends/banners/friends-of-gnome.png"){kind=link}
![https://static.gnome.org/friends/banners/gnome-lover.png"](https://static.gnome.org/friends/banners/gnome-lover.png"){kind=link}