Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correct Markdown-style footnote w/ HTML style one.

Browse source 
This footnote is now correctly formatted in HTML, with links back and
forth, as well as a jQuery UI tooltip popup for the footnote.
This commit is contained in:
Bradley M. Kuhn 2014-12-02 18:25:42 -05:00
parent c41a897be2
commit 44301d386b
3 changed files with 27 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
www/conservancy/static/conservancy.css
View file

@ -37,6 +37,10 @@ text-decoration: none; color: #557733;
.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; }

22
www/conservancy/static/supporter-page.js
View file

@ -78,8 +78,26 @@ $(document).ready(function() {
$('#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() {

5
www/conservancy/static/supporter/index.html
View file

@ -77,7 +77,7 @@ contribute to the cause.</p>
<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>
@ -122,7 +122,8 @@ 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">