[Author Prev][Author Next][Thread Prev][Thread Next][Author Index][Thread Index]

[tor-commits] [torbutton/master] Bug 17565: Tor fundraising campaign donation banner



commit 5623a3f4ff415eff980b03998b3eff2caf433906
Author: Arthur Edelstein <arthuredelstein@xxxxxxxxx>
Date:   Sat Nov 21 12:12:55 2015 -0800

    Bug 17565: Tor fundraising campaign donation banner
---
 src/chrome/content/aboutTor/aboutTor.xhtml         |   84 ++++++++++++++++++--
 src/chrome/content/aboutTor/donation-banner-cd.jpg |  Bin 0 -> 64622 bytes
 src/chrome/content/aboutTor/donation-banner-lp.jpg |  Bin 0 -> 68990 bytes
 src/chrome/content/aboutTor/donation-banner-rd.jpg |  Bin 0 -> 63095 bytes
 src/chrome/locale/en/aboutTor.dtd                  |    3 +
 src/chrome/locale/en/aboutTor.properties           |   12 +++
 src/chrome/skin/aboutTor.css                       |   75 +++++++++++++++++
 7 files changed, 169 insertions(+), 5 deletions(-)

diff --git a/src/chrome/content/aboutTor/aboutTor.xhtml b/src/chrome/content/aboutTor/aboutTor.xhtml
index 0991ebe..dbfca72 100644
--- a/src/chrome/content/aboutTor/aboutTor.xhtml
+++ b/src/chrome/content/aboutTor/aboutTor.xhtml
@@ -23,10 +23,16 @@
         href="chrome://torbutton/skin/aboutTor.css"/>
 <script type="text/javascript;version=1.7">
  <![CDATA[
+let kPropertiesURL = "chrome://torbutton/locale/aboutTor.properties";
+Components.utils.import("resource://gre/modules/Services.jsm");
+let gStringBundle = Services.strings.createBundle(kPropertiesURL);
+
 function onLoad()
 {
   insertPropertyStrings();
 
+  setupDonationBanner();
+
   document.addEventListener("AboutTorAdjustArrow", function() {
     adjustToolbarIconArrow();
   }, false);
@@ -144,10 +150,6 @@ function adjustToolbarIconArrow()
 function insertPropertyStrings()
 {
   try {
-    let kPropertiesURL = "chrome://torbutton/locale/aboutTor.properties";
-
-    Components.utils.import("resource://gre/modules/Services.jsm");
-    let gStringBundle = Services.strings.createBundle(kPropertiesURL);
     let s1 = gStringBundle.GetStringFromName("aboutTor.searchDC.privacy.link");
     let s2 = gStringBundle.GetStringFromName("aboutTor.searchDC.search.link");
     let result = gStringBundle.formatStringFromName("aboutTor.searchDC.privacy",
@@ -165,11 +167,83 @@ window.addEventListener("pageshow", function() {
   document.dispatchEvent(evt);
 });
 
+// Donation banner constants
+let gBannerAlternates = ["lp", "cd", "rd"],
+    gBannerSuffixes = ["quote", "who", "speciality"],
+    populateBannerText = (suffix, alternate) =>
+      document.getElementById("donation-banner-" + suffix).innerHTML
+        = gStringBundle.GetStringFromName("aboutTor.donationBanner." +
+                                          alternate + "." + suffix);
+
+// This function takes care of the donation banner.
+function setupDonationBanner() {
+  try {
+    // Only show banner for US English
+    let browserLocale = Services.prefs.getCharPref("general.useragent.locale");
+    if (browserLocale !== "en-US") {
+      return;
+    }
+    // Only show banner until 2016 Jan 25.
+    let now = new Date();
+    let expiration = new Date(2016,0,26);
+    if (now > expiration) {
+      return;
+    }
+    // Only show banner 10 times.
+    let showCountPref = "extensions.torbutton.donation_banner.shown_count";
+    if (Services.prefs.prefHasUserValue(showCountPref)) {
+      count = Services.prefs.getIntPref(showCountPref);
+    } else {
+      count = 0;
+    }
+    if (count >= 10) {
+      return;
+    }
+    Services.prefs.setIntPref(showCountPref, count+1);
+
+    // Decide which champion we are using.
+    let alternate = gBannerAlternates[
+                      Math.floor(Math.random() * gBannerAlternates.length)];
+    // Show the champion.
+    document.getElementById("donation-banner-image").src =
+      "chrome://torbutton/content/aboutTor/donation-banner-" + alternate + ".jpg";
+    // Populate banner with associated text.
+    for (let suffix of gBannerSuffixes) {
+      populateBannerText(suffix, alternate);
+    }
+  } catch (e) {
+    // Something has gone wrong! Don't show the banner, and don't propagate
+    // any errors that will interfere with other code.
+    return;
+  }
+  // Now we can show the banner.
+  document.getElementById("donation-banner").style.display = "inline";
+}
 ]]>
 </script>
 </head>
 <body dir="&locale.dir;" onload="onLoad();">
-<div id="torstatus" class="top">
+
+  <div id="donation-banner" class="top">
+    <a href="https://www.torproject.org/donate/donate-tbb";>
+      <div id="donation-banner-inner">
+        <img id="donation-banner-image" width="700" />
+        <div id="donation-banner-text">
+          <div id="donation-banner-quote"></div>
+          <div id="donation-banner-credit">
+            <div id="donation-banner-who"></div>
+            <div id="donation-banner-speciality"></div>
+          </div>
+        </div>
+        <div id="donation-banner-plea">&aboutTor.donate.supportTor;</div>
+      </div>
+    </a>
+    <a href="https://www.torproject.org/donate/donate-tbb";>
+      <div id="donate-button">&aboutTor.donate.donate;</div>
+    </a>
+  </div>
+
+  <div id="torstatus" class="top">
   <div id="torstatus-version"/>
   <div id="torstatus-image"/>
   <div id="torstatus-on-container" class="hideIfTorOff torstatus-container">
diff --git a/src/chrome/content/aboutTor/donation-banner-cd.jpg b/src/chrome/content/aboutTor/donation-banner-cd.jpg
new file mode 100644
index 0000000..522f950
Binary files /dev/null and b/src/chrome/content/aboutTor/donation-banner-cd.jpg differ
diff --git a/src/chrome/content/aboutTor/donation-banner-lp.jpg b/src/chrome/content/aboutTor/donation-banner-lp.jpg
new file mode 100644
index 0000000..e807679
Binary files /dev/null and b/src/chrome/content/aboutTor/donation-banner-lp.jpg differ
diff --git a/src/chrome/content/aboutTor/donation-banner-rd.jpg b/src/chrome/content/aboutTor/donation-banner-rd.jpg
new file mode 100644
index 0000000..94e59c7
Binary files /dev/null and b/src/chrome/content/aboutTor/donation-banner-rd.jpg differ
diff --git a/src/chrome/locale/en/aboutTor.dtd b/src/chrome/locale/en/aboutTor.dtd
index b923233..69ef335 100644
--- a/src/chrome/locale/en/aboutTor.dtd
+++ b/src/chrome/locale/en/aboutTor.dtd
@@ -47,3 +47,6 @@
 <!ENTITY aboutTor.footer.label "The Tor Project is a US 501(c)(3) non-profit dedicated to the research, development, and education of online anonymity and privacy.">
 <!ENTITY aboutTor.learnMore.label "Learn more about The Tor Project »">
 <!ENTITY aboutTor.learnMore.link "https://www.torproject.org/about/overview.html.en";>
+
+<!ENTITY aboutTor.donate.donate "Donate">
+<!ENTITY aboutTor.donate.supportTor "Please support Tor!">
diff --git a/src/chrome/locale/en/aboutTor.properties b/src/chrome/locale/en/aboutTor.properties
index d607324..10f09a1 100644
--- a/src/chrome/locale/en/aboutTor.properties
+++ b/src/chrome/locale/en/aboutTor.properties
@@ -19,3 +19,15 @@ aboutTor.searchDC.privacy=Search <a href="%1$S">securely</a> with <a href="%2$S"
 aboutTor.searchDC.privacy.link=https://disconnect.me/privacy
 # The following string is a link which replaces %2$S above.
 aboutTor.searchDC.search.link=https://search.disconnect.me/
+
+aboutTor.donationBanner.lp.who=â?? Laura Poitras
+aboutTor.donationBanner.lp.quote=Edward Snowden would not have been able to contact me without Tor and other free software encryption projects. Tor is an essential tool, and it needs our support.
+aboutTor.donationBanner.lp.speciality=Oscar-Winning Documentary Filmmaker, <i>CitizenFour</i>
+
+aboutTor.donationBanner.cd.who=â?? Cory Doctorow
+aboutTor.donationBanner.cd.quote=Privacy and anonymity matter to all of us.
+aboutTor.donationBanner.cd.speciality= Novelist, technology activist, co-editor of Boing Boing
+
+aboutTor.donationBanner.rd.who=â?? Roger Dingledine
+aboutTor.donationBanner.rd.quote=Please help the strongest privacy tool in the world become more sustainable!
+aboutTor.donationBanner.rd.speciality=Founder, Acting Executive Director of the Tor Project
diff --git a/src/chrome/skin/aboutTor.css b/src/chrome/skin/aboutTor.css
index ab8dba8..038d470 100644
--- a/src/chrome/skin/aboutTor.css
+++ b/src/chrome/skin/aboutTor.css
@@ -344,3 +344,78 @@ body .top div.hideIfTorIsUpToDate h1.hideIfTorOff {
   font-size: 18px;
 }
 
+#donation-banner {
+  margin: 0px auto;
+  position: relative;
+  width: 700px;
+  display: none;
+}
+
+#donation-banner-inner {
+  margin: 0px auto;
+  position: relative;
+  text-align: left;
+  width: 700px;
+  z-index: -1;
+}
+
+#donation-banner-text {
+  height: 120px;
+  left: 245px;
+  position: absolute;
+  top: 23px;
+  width: 420px;
+}
+
+#donation-banner-quote {
+  color: darkgreen;
+  font-size: 18px;
+  text-align: start;
+  white-space: normal;
+}
+
+#donation-banner-credit {
+  color: rgb(17, 17, 17);
+  padding: 10px;
+  position: absolute;
+}
+
+#donation-banner-who {
+  font-size: 19px;
+  font-style: bold;
+}
+
+#donation-banner-speciality {
+  font-size: 13px;
+  text-transform: uppercase;
+}
+
+#donation-banner-plea {
+  background-color: yellow;
+  font-family: sans-serif;
+  font-size: 20px;
+  color: darkgreen;
+  left: 250px;
+  padding: 10px;
+  position: absolute;
+  top: 144px;
+}
+
+#donate-button {
+  background-color: green;
+  border-radius: 5px;
+  color: white;
+  font-family: sans-serif;
+  font-size: 20px;
+  left: 600px;
+  padding: 10px;
+  position: absolute;
+  text-align: center;
+  top: 153px;
+  vertical-align: middle;
+  width: 110px;
+}
+
+#donate-button:hover {
+  filter: brightness(1.2);
+}

_______________________________________________
tor-commits mailing list
tor-commits@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits