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

@@ ... / @@ -39,2 +39,6 @@ text-decoration: none; color: #557733; @@
 p.footnote {
     font-size: 85%;
+}
 h1 { margin-top: .75em; margin-bottom: .5em; }

www/conservancy/static/supporter-page.js

➞

Show inline comments

@@ ... / @@ -80,4 +80,22 @@ $(document).ready(function() { @@
     });
   });
     $( ".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();
+        }
     });
 });

www/conservancy/static/supporter/index.html

➞

Show inline comments

@@ ... / @@ -79,3 +79,3 @@ contribute to the cause.</p> @@
 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
@@ ... @@
 [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>

0 comments (0 inline, 0 general)