From d24a0047603816177e091a1cf59e8011778cd558 Mon Sep 17 00:00:00 2001
From: Sebastian Hahn <sebastian@torproject.org>
Date: Fri, 18 Sep 2015 21:09:56 +0200
Subject: [PATCH] New donate page draft

---
 css/layout.css         |   1 -
 donate/en/donate.wml   |  74 ++++++++++++++---------------
 en/navigation.wmi      |   5 ++
 images/paypal_logo.gif | Bin 0 -> 1916 bytes
 images/paypal_logo.png | Bin 0 -> 4196 bytes
 include/donatehead.wmi | 105 +++++++++++++++++++++++++++++++++++++++++
 include/navigation.wmi |   5 ++
 7 files changed, 151 insertions(+), 39 deletions(-)
 create mode 100644 images/paypal_logo.gif
 create mode 100644 images/paypal_logo.png
 create mode 100644 include/donatehead.wmi

diff --git a/css/layout.css b/css/layout.css
index 54d225b5..4908ee0e 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -1125,7 +1125,6 @@ small {
 
 	.dbox.donate ul.amounts li {
 		display: inline-block;
-		margin-left: 15px;
 		}
 
 	.dbox.donate ul.amounts li label {
diff --git a/donate/en/donate.wml b/donate/en/donate.wml
index 39729d17..c0b857cc 100644
--- a/donate/en/donate.wml
+++ b/donate/en/donate.wml
@@ -2,29 +2,32 @@
 # Revision: $Revision$
 # Translation-Priority: 3-low
 
-#include "head.wmi" TITLE="Tor Project: Donate to Tor" CHARSET="UTF-8"
+#include "donatehead.wmi" TITLE="Tor Project: Donate to Tor" CHARSET="UTF-8"
 <div id="content" class="clearfix">
-  <div id="breadcrumbs">
+<!--  <div id="breadcrumbs">
     <a href="<page index>">Home &raquo; </a>
     <a href="<page donate/donate>">Donate</a>
-  </div>
+  </div> -->
 <div id="maincol">
   <h1>Make A Donation</h1>
    <p><strong>Your support is critical to our success.</strong> The
-   Tor Project is a US 501(c)(3) non-profit dedicated to research,
-   development, and education about online anonymity and privacy. Donations
-   to The Tor Project may be tax deductible to persons who are in the
-   US; or who pay taxes in countries with reciprocity with the US on
-   charitable donations. Our tax ID number is 20-8096820. We are listed on
-  <a href="http://www2.guidestar.org/organizations/20-8096820/tor-project.aspx">GuideStar</a>.</p>
+   Tor Project is a US non-profit organization dedicated to research,
+   development, and education about online anonymity and privacy.
+  </p>
 
 <!-- BEGIN PAYPAL -->
 <script type="text/javascript" src="$(DOCROOT)/js/jquery.min.js"></script>
 <script type="text/javascript">
 function displayVals() {
+		var radioVal = jQuery('input[@name="amount"]:checked').val();
+      if (radioVal == 'other') {
+        jQuery('#amount').show();
+      } else {
+        jQuery('#amount').val("");
+        jQuery('#amount').hide();
+      }
       var t3 = jQuery('#t3').val();
       var amount = jQuery('#amount').val();
-		var radioVal = jQuery('input[@name="amount"]:checked').val();
       if(t3 != 0){
        if( !amount ) {
 		    jQuery('#a3').val(radioVal);
@@ -51,6 +54,7 @@ function displayVals() {
 
 jQuery(function(){
  	jQuery("input[@name='amount']:checked").change(displayVals);
+ 	jQuery("input[name='amount']").click(displayVals);
  	jQuery("#amount").change(displayVals);
  	jQuery("#t3").change(displayVals);
  	displayVals();
@@ -59,12 +63,9 @@ jQuery(function(){
 </script>
 
   <div class="hundred toptwenty">
-    <a name="paypal"></a>
-		<h2>Donate via PayPal</h2>
-	<div class="dbox donate">
+	<div class="dbox donate" style="text-align: center;">
 	   <form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post">
 		  <p class="type">
-			<label for="type">Donation Type:</label>
 			<select id="t3" name="t3">
 			 <option value="0">One-time Donation</option>
 			 <option value="M">Monthly Subscription</option>
@@ -72,32 +73,27 @@ jQuery(function(){
 			<small id="ppinfo">Does Not Require a PayPal
 Account</small>
 		  </p>
-	      <div class="drow">
-	 		 <div>
-	       <input style="float: right;" type="image" src="$(IMGROOT)/paypal-donate-button.gif" name="submit" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> 
+	      <div class="drow" style="text-align: center;">
+	 		 <div style="text-align: center;">
 			  <ul class="amounts">
-		      <li><input type="radio" class="radio" name="amount" value="5.00"><label for="5">5</label></li>
-		      <li><input type="radio" class="radio" name="amount" value="10.00"><label for="10">10&nbsp;</label></li>
-		      <li><input type="radio" class="radio" name="amount" value="20.00"><label for="20">20&nbsp;</label></li>
-		      <li><input type="radio" class="radio" name="amount" value="50.00"><label for="50">50&nbsp;</label></li>
-		      <li><input type="radio" class="radio" name="amount" value="100.00" checked="checked"><label for="100">100&nbsp;</label></li><br>
-		      <li><input type="radio" class="radio" name="amount" value="250.00"><label for="250">250</label></li>
-		      <li><input type="radio" class="radio" name="amount" value="500.00"><label for="500">500</label></li>
-	  	      <li><input type="radio" class="radio" name="amount" value="1000.00"><label for="1000">1000</label></li>
-		      <li><input type="text" id="amount" class="amount" name="amount"></li>
               <li>
-	        <span>
 		      <select name="currency_code" class="cur">
 			    <option value="USD" selected="selected">$</option>
 			    <option value="EUR">&euro;</option>
 			    <option value="GBP">&pound;</option>
 			    <option value="YEN">&yen;</option>
 			   </select>
-			  </span>
-            </li>
+             </li>
+		      <li><input type="radio" class="radio" name="amount" value="5.00"><label for="5">5&nbsp;</label></li>
+		      <li><input type="radio" class="radio" name="amount" value="23.00"><label for="23">23&nbsp;</label></li>
+		      <li><input type="radio" class="radio" name="amount" value="100.00" checked="checked"><label for="100">100&nbsp;</label></li>
+		      <li><input type="radio" class="radio" name="amount" value="256.00"><label for="256">256</label></li>
+		      <li><input type="radio" class="radio" name="amount" value="500.00"><label for="500">500</label></li>
+		      <li><input id="other" type="radio" class="radio" name="amount" value="other"><label for="other">other</label></li>
+		      <li><input style="display: none;" type="text" id="amount" class="amount" name="amount"></li>
 		    </ul>
 		   </div>
-		   <div>
+		   <div style="text-align: center;">
 			 <input type="hidden" id="a3" name="a3" value="0">
 <!--			 <input class="donate-btn" type="submit" name="donate" value="Donate" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> -->
 		   </div>
@@ -112,21 +108,23 @@ Account</small>
 		     <input type="hidden" name="return" value="https://www.torproject.org/donate/thankyou">
 		     <input type="hidden" name="cancel_return" value="https://www.torproject.org/getinvolved/volunteer">
 		  </div>
+          <div style="text-align: center;">
+	       <input type="image" src="$(IMGROOT)/paypal_logo.gif" name="submit" alt="Subscribe to Tor with PayPal - it's fast, free and secure!"> 
+          </div>
 	 </form>
 	</div>
   </div>
 <!-- END PAYPAL -->
-  <div class="hundred toptwenty">
-		<h2>Other options</h2>
-        We have many other donation and sponsorship <a href="<page donate/donate-options>">options</a> available.
+  <div class="hundred toptwenty" style="text-align: center;">
+        <a href="<page donate/donate-options>">Other ways to donate</a>
   </div>
 <!-- END MAINCOL -->
 </div>
-  <div id = "sidecol">
-#include "side-donate.wmi"
-#include "info.wmi"
-  </div>
+<!--  <div id = "sidecol"> -->
+# include "side-donate.wmi"
+# include "info.wmi"
+<!--  </div> -->
   <!-- END SIDECOL -->
 <!-- END CONTENT -->
 </div>
-#include <foot.wmi>
+# include <foot.wmi>
diff --git a/en/navigation.wmi b/en/navigation.wmi
index e90c8c89..ce8b001a 100644
--- a/en/navigation.wmi
+++ b/en/navigation.wmi
@@ -14,6 +14,11 @@
         '<blog>'                      , 'Blog',
 	'about/contact'			, 'Contact',
     );
+    my @donatenav = (
+        'index'                        , 'Home',
+        'about/overview'              , 'About Tor',
+        'about/contact'               , 'Contact',
+    );
     my @calltoaction = (
         'download/download-easy'                , 'Download',
         'getinvolved/volunteer'            , 'Volunteer',
diff --git a/images/paypal_logo.gif b/images/paypal_logo.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cd5f74bac3a45ed889f04daecfa20e63cc77dc85
GIT binary patch
literal 1916
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
C4R`PW

literal 0
HcmV?d00001

diff --git a/images/paypal_logo.png b/images/paypal_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..aab877abb5a23081e072fafdf021112f48c7b524
GIT binary patch
literal 4196
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

literal 0
HcmV?d00001

diff --git a/include/donatehead.wmi b/include/donatehead.wmi
new file mode 100644
index 00000000..5a371a38
--- /dev/null
+++ b/include/donatehead.wmi
@@ -0,0 +1,105 @@
+#! /usr/bin/wml
+<: use strict; :>
+<: use warnings; :>
+#use "perl-globals.wmi"
+#use "links.wmi"
+#use "versions.wmi"
+#use "navigation.wmi"
+
+<!DOCTYPE html>
+ <html>
+ <head>
+
+   <meta charset="utf-8">
+   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <meta name="viewport" content="width=device-width, initial-scale=1">
+   <meta name="author" content="The Tor Project, Inc.">
+   <meta name="keywords" content="anonymity online, tor, tor project, censorship circumvention, traffic analysis, anonymous communications research">
+   <meta property="og:image" content="https://www.torproject.org/images/tor-logo.jpg">
+
+   <title>$(TITLE)</title>
+
+   <link rel="icon" href="$(IMGROOT)/favicon.ico">
+   <ifneq "$(REDIRECT)" "" "<meta http-equiv="refresh" content="0;url=$(DOCROOT)/$(REDIRECT)">">
+   <ifneq "$(REDIRECT_GLOBAL)" "" "<meta http-equiv="refresh" content="0;url=$(REDIRECT_GLOBAL)">">
+
+   # begin WML to generate css/js paths 
+   <ifneq "$(STYLESHEET)" "" "<link href="$(DOCROOT)/$(STYLESHEET)" rel="stylesheet">">
+   <ifeq "$(STYLESHEET)" "" "<link href="$(DOCROOT)/css/master.css" rel="stylesheet">">
+
+   #<link href="css/master.css" rel="stylesheet">
+   <!--[if lte IE 8]>
+   <link href="$(DOCROOT)/css/ie8-and-down.css" rel="stylesheet">
+   <![endif]-->
+   <!--[if lte IE 7]>
+   <link href="$(DOCROOT)/css/ie7-and-down.css" rel="stylesheet">
+   <![endif]-->
+   <!--[if IE 6]>
+   <link href="$(DOCROOT)/css/ie6.css" rel="stylesheet">
+   <![endif]-->
+ #  <script language="javascript" type="text/javascript" src="$(DOCROOT)/global.js"></script>
+   # end WML to generate css/js paths 
+ 
+</head>
+<body>
+<div id="wrap">
+  <div id="header">
+    <h1 id="logo"><a href="<page index>">Tor</a></h1>
+      # navigation menu generation
+      <div id="nav">
+        <ul>
+        <:{
+            # create a hash and maintain order of keys
+            my %donatenav;
+            my @keys;
+            while (@donatenav) {
+              my $key = shift @donatenav;
+              my $val = shift @donatenav;
+              push @keys, $key;
+              $donatenav{$key} = $val;
+            }
+
+            my $page = $WML_SRC_BASENAME;
+            my $lang = "$(LANG)";
+
+            for my $key (@keys) {
+              my ($dir, $base) = $key =~ m,^(?:(.*)/)?(.*?)$,;  
+
+              # in directory of active link, set class active 
+              my $class;
+              if ((defined $dir) and ($WML_SRC_DIRNAME =~/$dir/) or ($WML_SRC_BASENAME eq $base)) {
+                $class = 'class="active"';
+              } else {
+                $class = '';
+              }
+
+	            $dir = '.' unless defined $dir;
+                
+              # translated version
+              if (-e "$(DOCROOT)/$dir/$lang/$base.wml") {
+                  printf '<li><a '.$class.' href="%s">%s</a></li>'."\n",
+                         stripDotSlashs("$(DOCROOT)/$dir/$base.html.$(LANG)"),$donatenav{$key};
+              } 
+              # english version
+              elsif (-e "$(DOCROOT)/$dir/en/$base.wml") {
+              	printf '<li><a '.$class.' href="%s">%s</a></li>'."\n",
+                  stripDotSlashs("$(DOCROOT)/$dir/$base.html"), $donatenav{$key};
+              }
+              # full url
+              elsif ($key =~/^http/) {
+                printf '<li><a href="%s">%s</a></li>'."\n", $key, $donatenav{$key};
+              } else {
+                warn "$WML_SRC_FILENAME has a [page $key] (parses to
+docdir: $(DOCROOT)/; dir: $dir; base: $base -> $(DOCROOT)/$dir/$lang/$base.wml), but that doesn't exist.";
+              }
+            }
+        }:>
+        </ul>
+      </div>
+      <!-- END NAV -->
+     # end navigation generation
+  </div>
+  <!-- END HEADER -->
+
+#<ifneq "$(REDIRECT)" "" "Redirecting to <a href="$(DOCROOT)/$(REDIRECT)">$(DOCROOT)/$(REDIRECT)</a>.">
+#<ifneq "$(REDIRECT_GLOBAL)" "" "Redirecting to <a href="$(REDIRECT_GLOBAL)">$(REDIRECT_GLOBAL)</a>.">
diff --git a/include/navigation.wmi b/include/navigation.wmi
index a6c84a7b..3cfec53d 100644
--- a/include/navigation.wmi
+++ b/include/navigation.wmi
@@ -14,6 +14,11 @@
         '<blog>'                      , 'Blog',
         'about/contact'               , 'Contact',
     );
+    my @donatenav = (
+        'index'                        , 'Home',
+        'about/overview'              , 'About Tor',
+        'about/contact'               , 'Contact',
+    );
     my @calltoaction = (
         'download/download-easy'           , 'Download',
         'getinvolved/volunteer'            , 'Get Involved',