www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

www/server/staging body-include-1.html fundrais...


From: Therese Godefroy
Subject: www/server/staging body-include-1.html fundrais...
Date: Wed, 15 Jul 2020 07:35:43 -0400 (EDT)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/07/15 07:35:43

Modified files:
        server/staging : body-include-1.html 
        server/staging/fundraiser: head-include-2.html 

Log message:
        Simplify the background part. Reuse the old progress bar.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/body-include-1.html?cvsroot=www&r1=1.35&r2=1.36
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/fundraiser/head-include-2.html?cvsroot=www&r1=1.35&r2=1.36

Patches:
Index: body-include-1.html
===================================================================
RCS file: /webcvs/www/www/server/staging/body-include-1.html,v
retrieving revision 1.35
retrieving revision 1.36
diff -u -b -r1.35 -r1.36
--- body-include-1.html 14 Jul 2020 15:28:03 -0000      1.35
+++ body-include-1.html 15 Jul 2020 11:35:43 -0000      1.36
@@ -4,37 +4,29 @@
 </div>
 
 <div id="fundraiser">
-  <img class="bg-left" src="img/308-left.png" alt="Background left image" />
-  <a 
href="https://my.fsf.org/join?pk_campaign=frspring2020&amp;pk_source=banner";>
-    <img class="bg-right" src="img/308-right.png" alt="Background right image" 
/>
-  </a>
-
-    <div class="container-fluid background">
-      <div class="row content">
-        <div class="col-lg-10 col-sm-9 col-xs-8 message">
-          <p>
-            <span class="opening">We can't live, work, or learn in freedom 
unless the software we use is free.</span><br />
-           Become an associate member and join the free software movement in 
defending your freedoms before August 7th! <span class="highlight"><a 
style="text-decoration: none;" 
href="https://fsf.org/appeal?pk_campaign=spring20&amp;pk_kwd=banner";>Read more 
></a></span>
-          </p>
+    <div class="fr-content">
+        <div class="fr-text">
+            <p><strong>We can't live, work, or learn in freedom unless the
+software we use is free.</strong><br />
+Become an associate member and join the free software movement in defending
+your freedoms before August 7th! <em><a
+href="https://fsf.org/appeal?pk_campaign=spring20&amp;pk_kwd=banner";>Read
+more ></a></em></p>
         </div>
-        <div class="col-lg-2 col-xs-2" style="z-index:999">
+        <div>
           <a 
href="https://my.fsf.org/join?pk_campaign=frspring2020&amp;pk_source=banner";>
-            <img class="join-btn" src="img/join-btn.svg" alt="Join Today" 
height="45" />
+            <img class="fr-join-btn" 
src="//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/join-btn.svg" 
alt="Join Today" height="45" />
           </a>
         </div>
       </div>
-      <div class="row">
-        <div class="progresswidget col-md-12">
-          <!-- <script type="text/javascript" src="js/donate.js"></script> -->
-          <div class="progress">
-            <div class="progress-bar progress-bar-info" style="width: 2%">
-              <span class="percentage">4</span>
-            </div>
-            <span class="goal">200 members</span>
-          </div>
-        </div>
+  <div class="progresswidget">
+     <div class="progress"><!-- Change Value HERE Fixme -->
+      <div class="progress-bar progress-bar-info">
+        <span class="percentage"><!--#echo var="joined" --></span>
       </div>
+      <span class="goal">200</span>
     </div>
+</div><!-- #progressbar -->
 </div>
 
 <div id="header">

Index: fundraiser/head-include-2.html
===================================================================
RCS file: /webcvs/www/www/server/staging/fundraiser/head-include-2.html,v
retrieving revision 1.35
retrieving revision 1.36
diff -u -b -r1.35 -r1.36
--- fundraiser/head-include-2.html      14 Jul 2020 15:28:03 -0000      1.35
+++ fundraiser/head-include-2.html      15 Jul 2020 11:35:43 -0000      1.36
@@ -1,15 +1,162 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <!--#include virtual="/server/banners/sofar.html" -->
-
-<link rel="stylesheet" type="text/css" 
href="https://static.gnu.org/nosvn/banners/2020fundraiser-spring/css/bootstrap.min.css";
 />
-<link rel="stylesheet" type="text/css" 
href="https://static.gnu.org/nosvn/banners/2020fundraiser-spring/css/main.css"; 
media="screen" />
-<style type="text/css" media="screen"><!--
-#fundraiser .highlight { background: transparent; }
---></style>
-
 <style type="text/css" media="screen">
 @media (min-width: 0) {
    a#more-links:after { content: "More\00A0\002B9F"; }
    a#less-links:after { content: "\002B9D"; }
 }
 </style>
+
+<style type="text/css" media="screen"><!--
+#header {
+  background: #eff8ff;
+  background: linear-gradient(#e5f4ff, #ffffff);
+}
+#fundraiser .highlight { background: none; }
+#fundraiser a[href]:hover { background: none; }
+#fundraiser, #fundraiser a[href] { font-family: monospace; }
+#fundraiser a { text-decoration: none; }
+#fundraiser {
+  position: relative; 
+  min-height: 150px;
+  background: #e5f4ff;
+}
+.fr-content {
+  background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/308-left.png");
+  height: 132px;
+  position : relative;
+  overflow : hidden;
+}
+.fr-text {
+  background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/308-right.png");
+  background-position: top right;
+  height : 132px;
+}
+.fr-text p {
+  font-size : 13px;
+  font-family: monospace;
+  color      : black;
+  padding  : 7px 140px 0 7px;
+  margin : 0;
+}
+.fr-join-btn {
+  height  : 49.5px;
+  position: absolute;
+  right   : 7px;
+  top     : 85px;
+}
+.progresswidget {
+  font-size: 14px;
+  position: relative;
+  margin: 0;
+  max-height: 18px;
+  text-align: left;
+  width: 100%;
+  background: #99d8fd;
+}
+.progress-bar-info {
+  /* Pinstripes */
+  background: repeating-linear-gradient(
+    -55deg,
+    #fb6b73,
+    #fb6b73 15px,
+    #ff999e 10px,
+    #ff999e 25px
+  );
+  height: 18px;
+  line-height: 18px;
+  text-align: left;
+  cursor: default;
+  text-indent: .3em;
+  width: <!--#echo var="percent" -->%;
+}
+.percentage {
+  display: block;
+  position: absolute;
+  width: 100%;
+}
+.goal {
+  height: 18px;
+  position: absolute;
+  right: 10px;
+  top: 1px;
+}
+
+@media (max-width:319px) {
+  #fundraiser {
+    display: none;
+  }
+}
+@media (max-width:479px) {
+  .fr-text p {
+    font-size : 10px;
+  }
+}
+@media (min-width: 684px) {
+  .fr-content {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/684-left.png");
+  }
+  .fr-text {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/684-right.png");
+    background-position: top right;
+  }
+  .fr-text p {
+    padding    : 12px 240px 0px 20px;
+    font-size : 13px;
+  }
+  .fr-join-btn {
+    right   : 220px;
+  }
+}
+
+@media (min-width: 1098px) {
+  .fr-content {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1098-left.png");
+  }
+  .fr-text {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1098-right.png");
+    background-position: top right;
+    padding-right : 180px;
+    padding-left  : 7px;
+  }
+  .fr-text p {
+    font-size  : 16px;
+  }
+  .fr-join-btn {
+    height  : 60.5px;
+    right   : 245px;
+    top     : 72px;
+  }
+}
+
+@media (min-width: 1486px) {
+  .fr-content {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1486-left.png");
+  }
+  .fr-text {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1486-right.png");
+    background-position: top right;
+  }
+  .fr-join-btn {
+    height  : 63.5px;
+    right   : 300px;
+    top     : 69px;
+  }
+}
+
+@media (min-width: 1886px) {
+  .fr-content {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1886-left.png");
+  }
+  .fr-text {
+    background: no-repeat 
url("//static.gnu.org/nosvn/banners/2020fundraiser-spring/img/1886-right.png");
+    background-position: top right;
+  }
+  .fr-join-btn {
+    height  : 67.5px;
+    right   : 400px;
+    top     : 61px;
+  }
+}
+
+</style>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]