website Changeset - 44301d386ba0 · Conservancy Kallithea

Changeset - 44301d386ba0

Parent rev.

Child rev.

[Not reviewed]

0 3 0

Bradley Kuhn (bkuhn) - 9 years ago 2014-12-02 23:25:42
bkuhn@ebb.org

Correct Markdown-style footnote w/ HTML style one.

This footnote is now correctly formatted in HTML, with links back and
forth, as well as a jQuery UI tooltip popup for the footnote.

3 files changed with 27 insertions and 4 deletions:

www/conservancy/static/conservancy.css

www/conservancy/static/supporter-page.js

www/conservancy/static/supporter/index.html

0 comments (0 inline, 0 general)

www/conservancy/static/conservancy.css

➞

Show inline comments

@@ ... / @@ -28,24 +28,28 @@ text-decoration: none; color: #557733; @@
 .donate-sidebar {
     position: fixed;
     top: 180px;
     right: 2%;
     width: 18%;
+}
 @media all and (max-width: 600px) {
     .donate-sidebar { display: none; }
+}
 p.footnote {
     font-size: 85%;
+}
 h1 { margin-top: .75em; margin-bottom: .5em; }
 h2 { margin-top: .75em; margin-bottom: .5em; }
 h3 { margin-top: .6em; margin-bottom: .4em; }
 #mainContent h1 { border-bottom: 1px solid #00334b; }
 #mainContent h2 { border-bottom: 1px solid #aaa; }
 #mainContent ul, #mainContent ol { padding-left: 1.5em; }
 #mainContent img { margin: 3px; }
 .internalNavigate { width: 19%; float: right; }

www/conservancy/static/supporter-page.js

➞

Show inline comments

@@ ... / @@ -69,26 +69,44 @@ $(document).ready(function() { @@
         $('.supporter-type-selection#annual').hide();
         $('.supporter-type-selection#monthly').show();
         $('#monthlySelector').css("font-weight", "bold").css("font-size", "127%");
         $('#annualSelector').css("font-weight", "normal").css("font-size", "125%");
         $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");
     });
     $("a[href$='annual']").bind('click', function() {
         $('.supporter-type-selection#annual').show();
         $('.supporter-type-selection#monthly').hide();
         $('#annualSelector').css("font-weight", "bold").css("font-size", "127%");
         $('#monthlySelector').css("font-weight", "normal").css("font-size", "125%");
     });
   });
     $( ".footnote-mark" ).tooltip({
         items: "a",
         hide: { duration: 5000 },
         position: {
             my: "center bottom-20",
             at: "center left",
             using: function( position, feedback ) {
                 $( this ).css( position );
                 $( "<div>" )
                     .addClass( "arrow" )
                     .addClass( feedback.vertical )
                     .addClass( feedback.horizontal )
                     .appendTo( this );
+            }
         },
         content: function() {
             return $('.footnote-1-text').text();
+        }
     });
 });
 $(window).load(function () {
     verifySelctionCorrectOnPageLoad = function() {
         var ourURL = document.URL;
         if (ourURL.search("#monthly") > 0) {
             $('.supporter-type-selection#annual').hide();
             $('.supporter-type-selection#monthly').show();
             $('#monthlySelector').css("font-weight", "bold").css("font-size", "127%");
             $('#annualSelector').css("font-weight", "normal").css("font-size", "125%");
+        }
         if (ourURL.search("#annual") > 0) {
             $('.supporter-type-selection#monthly').hide();

www/conservancy/static/supporter/index.html

➞

Show inline comments

@@ ... @@
 improve their community management, manage risk and assist them with all
 legal needs they may have. While we do receive a portion of the revenue
 donated to our projects, we keep that number low enough that it doesn't
 even pay for a single staff member. <a href="#donate-box" class="donate-now">Help us</a> show that you care about
 community-focused free software and help us be able to continue our
 charitable work. Donating to Conservancy is a great non-technical way to
 contribute to the cause.</p>
 <img alt="*** The Conservancy T-Shirt that Supporters Receive ***" class="appeal" src="/img/conservancy-t-shirt.jpg"/>
 <p>For the first time, we're launching a Supporter
 program. For <a href="#donate-box" class="donate-now">an annual donation of $120</a>, you can
-download an official Supporter card and receive a Conservancy t-shirt[1]. If
+download an official Supporter card and receive a Conservancy t-shirt<a id="return-footnote-shirts-when"></a><sup class="footnote-mark"><a href="#footnote-shirts-when">1</a></sup>. If
 this is out of reach, please donate at whatever level you can - it makes a
 big difference to us to know that you <a href="#donate-box" class="donate-now">support us</a>, and a little goes a long
 way.</p>
 <p>In addition to supporting our projects,
 <ul>
 <li>we share our expertise across communities. We speak at many
 conferences, and publish materials to increase understanding about the
 organizational, community and legal issues around free and open source
 software. We advocate for free an open source software and provide
 education around that mission.  We form partnerships across our
@@ ... @@
     software.</li></ul>
 <img class="appeal-footer" alt="*" src="/img/conservancy-supporter-heart.png"/>
 <p>As an organization, we try to do do everything transparently; even
 our
 <a
 href="https://gitorious.org/conservancy/policies/source/master:">
 internal policies</a> are published and available for scrutiny.</p>
 <p>Please <a href="#donate-box" class="donate-now">join our Supporter program</a> and spread software freedom!</p>
 [1] the shirts will ship First Quarter 2015.
 <p class="footnote"><sup><a href="#return-footnote-shirts-when">1</sup></a><a id="footnote-shirts-when"></a><span class="footnote-1-text">The
     shirts will ship during Q1 2015.</div></p>
 <hr/>
 <div class="supporter-type-selector">
   <strong>Become a Supporter Now:</strong>  <a id="annualSelector" href="#annual">Annual</a> | <a id="monthlySelector" href="#monthly">Monthly</a></div>
 <div id="annual" class="supporter-type-selection">
 <h3>Join as an Annual Supporter</h3>
 <a id="annual"></a>
 <form id="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="supporter">
 <div id="supporter-form-inputs">
             <input type="hidden" name="return" value="https://sfconservancy.org/supporter/thank-you.html" />
             <input type="hidden" name="cmd" value="_xclick" />
             <input type="hidden" name="business" value="supporter@sfconservancy.org" />

0 comments (0 inline, 0 general)