www/server body-include-2.html banners/2014-12-...

[hellekin]

CVSROOT:        /web/www
Module name:    www
Changes by:     hellekin <hellekin>     14/12/05 22:39:48

Modified files:
        server         : body-include-2.html 
        server/banners : 2014-12-fundraiser.html 

Log message:
        Release static version of FSF fundraiser banner (refs #964929)

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/body-include-2.html?cvsroot=www&r1=1.85&r2=1.86
http://web.cvs.savannah.gnu.org/viewcvs/www/server/banners/2014-12-fundraiser.html?cvsroot=www&r1=1.2&r2=1.3

Patches:
Index: body-include-2.html
===================================================================
RCS file: /web/www/www/server/body-include-2.html,v
retrieving revision 1.85
retrieving revision 1.86
diff -u -b -r1.85 -r1.86
--- body-include-2.html 4 Dec 2014 00:22:35 -0000       1.85
+++ body-include-2.html 5 Dec 2014 22:39:46 -0000       1.86
@@ -31,7 +31,7 @@
 </div><!-- /header -->
 
 <!-- Promotional Banner -->
-<!-- #include virtual="/server/banners/2014-12-fundraiser.html" -->
+<!--#include virtual="/server/banners/2014-12-fundraiser.html" -->
 
 <div id="navigation">
 

Index: banners/2014-12-fundraiser.html
===================================================================
RCS file: /web/www/www/server/banners/2014-12-fundraiser.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- banners/2014-12-fundraiser.html     4 Dec 2014 00:21:19 -0000       1.2
+++ banners/2014-12-fundraiser.html     5 Dec 2014 22:39:47 -0000       1.3
@@ -1,5 +1,130 @@
 <div class="promo-banner" style="background-color:#2D882D;">
-  <iframe 
src="https://static.fsf.org/nosvn/banners/2014fundraiser/2014fundraiser.html";
-         width="100%" align="center"
-         frameborder="0" marginwidth="0" marginheight="0" 
scrolling="no"></iframe>
+  <style>
+    /* TO CHANGE THE PROGRESS BAR TOTAL, edit this div's width to be
+     * the current % raised. Make sure to also change the number raised
+     * so far in the HTML.
+     * hint: look for "UPDATE values here"
+     */
+
+    #fundraiserbanner2014 .manualprogressbar {
+      width: 14%; /* UPDATE values here */
+      height: 30px;
+      background: #FFFFFF;
+      position: absolute;
+      top: 0%;
+      left: 0%;
+    }
+
+    #fundraiserbanner2014 {
+      background-color: #2D882D;
+      width: 100%;
+      height: 125px;
+      display: inline-block;
+    }
+
+    #fundraiserbanner2014 .content {
+      margin: 0 auto;
+      width: 100%;
+      max-width:974px;
+    }
+
+    #fundraiserbanner2014 .text {
+      color:#ffffff;
+      text-align:justify; 
+    }
+
+    #fundraiserbanner2014 .text a {
+      text-decoration: underline;
+      color: inherit;
+    }
+
+    #fundraiserbanner2014 .barandbuttonwrapper {
+      width: 100%;
+      position: relative;
+    }
+
+    #fundraiserbanner2014 .progressbarsleeve {
+      display:inline;
+      position: absolute;
+      left: 0%;
+      width: 75%;
+      max-width: 860px;
+      height: 30px;
+      border: 1px solid black;
+      margin-bottom: 10px;
+    }
+
+    #fundraiserbanner2014 .goal {
+      position: absolute;
+      right: 5px;
+      line-height: 30px;
+      color: white;
+      font-family: inherit;
+    }
+
+    #fundraiserbanner2014 .sofar {
+      position: absolute;
+      right: 3px;
+      line-height: 30px;
+      color: black;
+      font-family: inherit;
+    }
+
+    #fundraiserbanner2014 .captionwrapper {
+      margin-bottom: 10px;
+      margin-top:10px;
+      color: white;
+    }
+
+    #fundraiserbanner2014 .btn {
+      position: absolute;
+      display:inline;
+      left: 75%;
+      right: 0%;
+      background:#FFFFFF;
+      border-top: 1px solid black;
+      border-bottom: 1px solid black;    
+      border-right: 1px solid black;
+      height: 30px;
+      width: 25%;
+      text-align: center;
+      padding-left: 5px;
+      padding-right: 5px;
+      line-height: 30px;
+      text-decoration: none;
+      color: black;
+      font-family: inherit;
+    }
+
+    #fundraiserbanner2014 .btn:hover {
+      background: #e1F1e1;
+      text-decoration: none;
+      box-shadow: none;
+      font-weight: bold;
+    }
+    #fundraiserbanner2014 .btn:hover:after {
+      content: "!";
+    }
+  </style>
+  <div id="fundraiserbanner2014">
+    <div class="content">
+      <div class="text">
+       <p><strong>Thanks to your support, 2015 marks 30 years of the
+       FSF!</strong> In the next 30 years, we want to do even more to
+       defend computer user rights. To kick off in that direction,
+       we're setting our highest-ever fundraising goal of $525,000 by
+       January 31st. <a href="https://www.fsf.org/appeal/";
+       target="_parent">Read more</a>.</p>
+      </div>
+      <div class="barandbuttonwrapper">
+       <div class="progressbarsleeve">
+         <span class="goal">$525K</span>
+         <div class="manualprogressbar">
+           <span class="sofar">14% (75K)</span><!-- UPDATE values here -->
+         </div>
+       </div>
+       <a class="btn" href="https://donate.fsf.org"; target="_parent">Count me 
in</a>
+      </div>
+    </div>
+  </div>
 </div>