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
4
www/conservancy/static/supporter-page.js
20
2
www/conservancy/static/supporter/index.html
3
2
0 comments (0 inline, 0 general)
www/conservancy/static/conservancy.css
➞
Show inline comments
...
 
@@ -16,48 +16,52 @@ body {
 
  background-color: #0000;
 
  color: #ffff;
 
}
 

			




	
	
	
		
 
a { text-decoration: none; color: #557733; }


			




	
	
	
		
 
a:hover { text-decoration: underline; color: #577632; }


			




	
	
	
		
 

			




	
	
	
		
 
.toggle-control  {


			




	
	
	
		
 
cursor: pointer;


			




	
	
	
		
 
text-decoration: none; color: #557733;


			




	
	
	
		
 
}


			




	
	
	
		
 
.toggle-control:hover { text-decoration: underline; color: #577632; }


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
.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; }


			




	
	
	
		
 
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }


			




	
	
	
		
 
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }


			




	
	
	
		
 

			




	
	
	
		
 
/* Header */


			




	
	
	
		
 

			




	
	
	
		
 
#conservancyheader {


			




	
	
	
		
 
  height: 140px;


			




	
	
	
		
 
/*  background-color: #d1ff96; */


			




	
	
	
		
 
/*  background-color: #92CC58; */


			




	
	
	
		
 
/*  background-color: #BDD8A2; */


			




	
	
	
		
 
/*  background-color: #92cc58; */


			




	
	
	
		
 
/*  background-color: #b5cd9d; */


			




        

    


    
    

    

        

                

                    www/conservancy/static/supporter-page.js
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -57,48 +57,66 @@ $(document).ready(function() {


			




	
	
	
		
 
            $("#form-correction-needed").removeClass("form-error").addClass("form-error-show")


			




	
	
	
		
 
                                        .css("font-weight", "bold").css("font-size", "150%");


			




	
	
	
		
 
	    event.preventDefault();


			




	
	
	
		
 
        } else {


			




	
	
	
		
 
            $("#form-correction-needed").removeClass("form-error-show").addClass("form-error");


			




	
	
	
		
 
        }


			




	
	
	
		
 
    });


			




	
	
	
		
 
    /* Handle toggling of annual/monthly form selections */


			




	
	
	
		
 
    $('.supporter-type-selection#monthly').hide();


			




	
	
	
		
 
    $('#annualSelector').css("font-weight", "bold").css("font-size", "127%");


			




	
	
	
		
 

			




	
	
	
		
 
    $("a[href$='monthly']").bind('click', 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();


			




	
	
	
		
 
            $('.supporter-type-selection#annual').show();


			




	
	
	
		
 
            $('#annualSelector').css("font-weight", "bold").css("font-size", "127%");


			




	
	
	
		
 
            $('#monthlySelector').css("font-weight", "normal").css("font-size", "125%");


			




	
	
	
		
 
        }


			




	
	
	
		
 
    }


			




	
	
	
		
 
    if (location.hash) {


			




	
	
	
		
 
        setTimeout(verifySelctionCorrectOnPageLoad, 1);


			




	
	
	
		
 
    }


			




	
	
	
		
 
    window.addEventListener("hashchange", verifySelctionCorrectOnPageLoad);


			




	
	
	
		
 
});


			




        

    


    
    

    

        

                

                    www/conservancy/static/supporter/index.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -56,94 +56,95 @@ Other payment methods  to become an annual supporter:


			




	
	
	
		
 
<div style="align:left;width:80%;">


			




	
	
	
		
 
  <h1><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></h1>


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
<p>Software Freedom Conservancy is an essential organization to free and


			




	
	
	
		
 
open source software. We are the home of over


			




	
	
	
		
 
<a href="http://sfconservancy.org/members/current/">30 projects</a> like 

			




	
	
	
		
 
Git,


			




	
	
	
		
 
Inkscape, Samba, Wine, Selenium, the Linux Compliance project, PyPy and


			




	
	
	
		
 
Sugar Labs just to name a few. Conservancy is a "fiscal sponsor plus",


			




	
	
	
		
 
providing everything that our projects need in a nonprofit. We help our


			




	
	
	
		
 
projects defend their trademarks, manage their assets, handle donations,


			




	
	
	
		
 
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


			




	
	
	
		
 
communities to work more effectively.  Check out <a 

			




	
	
	
		
 
href="https://copyleft.org/">copyleft.org</a>


			




	
	
	
		
 
or sign up to join the <a 

			




	
	
	
		
 
href="http://sfconservancy.org/news/2014/aug/12/tax-exempt-working-group/">


			




	
	
	
		
 
tax exempt working group</a>.</li>


			




	
	
	
		
 

			




	
	
	
		
 
<li>we seek to solve problems for the public through free and open 

			




	
	
	
		
 
source


			




	
	
	
		
 
software.  We've launched a <a href="http://npoacct.sfconservancy.org/">


			




	
	
	
		
 
nonprofits accounting project</a> to help all


			




	
	
	
		
 
nonprofits (in free software and in other fields) avoid paying millions


			




	
	
	
		
 
of dollars in licensing fees for subpar accounting software.</li>


			




	
	
	
		
 

			




	
	
	
		
 
<li>as part of Conservancy's partnership in the program, we support Karen as


			




	
	
	
		
 
  a co-organizer of the Free and Open Source Software Outreach Program.</li>


			




	
	
	
		
 

			




	
	
	
		
 
<li>we encourage and support our employees to do volunteer work in the


			




	
	
	
		
 
    community.  For example, Bradley and Karen together host an oggcast


			




	
	
	
		
 
    called <cite><a href="http://faif.us">Free as in Freedom</a></cite> which


			




	
	
	
		
 
    discusses important legal and policy issues in open source and free


			




	
	
	
		
 
    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" />


			




	
	
	
		
 
            <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />


			




	
	
	
		
 
  <label for="amount"><strong>Amount:</strong> $</label>


			




	
	
	
		
 
  <input id="amount" type="text" name="amount" size="7" value="120" />


			




	
	
	
		
 
  <span class="form-error"><small>$120 is a minimum for Conservancy


			




	
	
	
		
 
  Supporters.  <a href="/donate">Donate smaller amounts here</a>.</small></span><br/>


			




	
	
	
		
 

			




	
	
	
		
 
                      <label for="wantGift"><strong>Do you want to receive a t-shirt? </strong></label>


			




	
	
	
		
 
                      <input type="hidden" name="on1" value="wantGift" />


			




	
	
	
		
 
                      <input type="radio" checked="checked" name="os1" value="Yes" />Yes


			




	
	
	
		
 
                      <input type="radio" name="os1" value="No" />No


			




	
	
	
		
 
                      <br />


			




	
	
	
		
 
                      <label for="wantGift"><strong>T-shirt size: </strong></label>


			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








    
        Server instance: kapok.sfconservancy.org-28174
    
    
        This site is powered by
            Kallithea 0.6.3,
        which is
        © 2010–2020 by various authors & licensed under GPLv3.
            – Support
        – Privacy Policy