Uses a combination of CSS changes and Tachyons classes to implement the design. Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
		
			
				
	
	
		
			148 lines
		
	
	
	
		
			6.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			148 lines
		
	
	
	
		
			6.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% load humanize %}
 | |
| {% load subtract %}
 | |
| {% load min %}
 | |
| {% load static %}
 | |
| 
 | |
| <!DOCTYPE html>
 | |
| 
 | |
| <html lang="en" prefix="og: http://ogp.me/ns#">
 | |
| 
 | |
|   <head>
 | |
|     <title>{% block title %}{% block subtitle %}{% endblock %}Software Freedom Conservancy{% endblock %}</title>
 | |
|     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 | |
|     <meta name="description" content="The Software Freedom Conservancy provides a non-profit home and services to Free, Libre and Open Source Software (FLOSS) projects." />
 | |
|     <meta name="keywords" content="software, freedom, conservancy, open source, gnu, GNU, Open Source, Free and Open Source, Free and Open Source Software, FLOSS, FOSS, protect, protection, help, policy, linux, non-profit" />
 | |
|     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 | |
|     <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>
 | |
|     <link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" />
 | |
|     <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="/css/conservancy-bigscreen.css" />
 | |
|     <link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" />
 | |
|     <link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" />
 | |
|     <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
 | |
|     <script type="text/javascript" src="/js/jquery-ui-1.8.22.custom.min.js"></script>
 | |
|     <script type="text/javascript" src="/js/jquery.outerhtml.js"></script>
 | |
|     <script type="text/javascript" src="/js/jquery.ui.multiprogressbar.js"></script>
 | |
|     <script type="text/javascript" src="/js/conservancy.js"></script>
 | |
|     {% block head %}{% endblock %}
 | |
|   </head>
 | |
| 
 | |
|   <body class="conservancy-{% block category %}other{% endblock %}">
 | |
|     <div class="flex-ns" style="max-width: 1140px; margin: 0 auto;">
 | |
|       <div class="w-70-ns">
 | |
|         <h1 id="conservancyheader">
 | |
|           <a id="logobutton" href="/">Software Freedom Conservancy</a>
 | |
|         </h1>
 | |
|       </div>
 | |
|       <div class="w-30-ns mb3 mt5-ns tc tl-ns">
 | |
|         <a href="#" class="f5 dib pa2 mb2-ns mr2 ttu b btn-white ba b--gray">Learn</a>
 | |
|         <a href="/donate/" class="f5 dib pa2 mb2-ns ttu b btn-orange">Donate</a>
 | |
|       </div>
 | |
|     </div>
 | |
| 
 | |
|     <div id="navbar-outer">
 | |
|       <div id="navbar">
 | |
|         <ul class="f5 b ttu">
 | |
|       <li class="supporter"><a href="/supporter/">Become a Supporter!</a></li>
 | |
|       <li class="donate"><a href="/donate/">Donate</a></li>
 | |
|       <li class="news"><a href="/news/">News</a></li>
 | |
|       <li class="blog"><a href="/blog/">Blog</a></li>
 | |
|       <li class="Projects"><a href="/projects/">Projects</a></li>
 | |
|       <li class="compliance"><a href="/copyleft-compliance/">Copyleft Compliance</a></li>
 | |
|       <li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>
 | |
|       <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>
 | |
|       <li class="About"><a href="/about/">About</a></li>
 | |
|     </ul>
 | |
|       </div>
 | |
|       <div id="navbar-clear"></div>
 | |
| 
 | |
|     </div>
 | |
| 
 | |
| {% comment %}
 | |
| # FUNDRAISER VARIABLES AND CONSTANTS GUIDE
 | |
| 
 | |
| ## From Local Context
 | |
| 
 | |
| * datetime_now: Current DateTime in UTC
 | |
| * sitefundgoal: The current FundraisingGoal. Attributes:
 | |
|   * fundraiser_goal_amount: The amount being matched
 | |
|   * fundraiser_so_far_amount: The amount contributed so far
 | |
|   * fundraiser_donation_count: The number of people who have contributed so far
 | |
|   * fundraiser_donation_count_disclose_threshold: The number of new Supporters that can be double-matched this fundraiser.
 | |
|       (No, this name makes no sense. We're repurposing an existing model field for this new reason.)
 | |
| * sitefundgoal_endtime: DateTime when sitefundgoal ends.
 | |
| 
 | |
| ## Local convenience variables
 | |
| 
 | |
| * sitefundgoal_timeleft: TimeDelta for how much time remains in the current fundraiser
 | |
| * this_match_goal: The amount being matched
 | |
| * this_match_so_far: The amount contributed so far
 | |
| * this_match_remaining: this_match_goal - this_match_so_far
 | |
| 
 | |
| {% endcomment %}
 | |
| 
 | |
| {% if sitefundgoal and sitefundgoal.fundraiser_so_far_amount and datetime_now < sitefundgoal_endtime %}
 | |
| {% with this_match_goal=sitefundgoal.fundraiser_goal_amount this_match_so_far=sitefundgoal.fundraiser_so_far_amount %}
 | |
| {% with this_match_remaining=this_match_goal|subtract:this_match_so_far sitefundgoal_timeleft=sitefundgoal_endtime|subtract:datetime_now %}
 | |
|     <div class="fundraiser-top-text">
 | |
|       <p>
 | |
|         {% if this_match_remaining <= 0 %}
 | |
|           Thanks to {{ sitegoal.fundraiser_donation_count|intcomma }} Supporters we earned our full match!
 | |
|           Help us go further to stand up for software freedom — <a href="/supporter">sign up now</a>!
 | |
|         {% else %}
 | |
|           {% if sitefundgoal_timeleft.total_seconds <= 0 %}
 | |
|             The
 | |
|           {% elif sitefundgoal_timeleft.days == 0 %}
 | |
|             Through today only, the
 | |
|           {% elif sitefundgoal_timeleft.days == 1 %}
 | |
|             Through tomorrow only, the
 | |
|           {% elif sitefundgoal_timeleft.days < 14 %}
 | |
|             For only {{ sitefundgoal_timeleft.days }} more days, the
 | |
|           {% else %}
 | |
|             Until January 15, the
 | |
|           {% endif %}
 | |
|         next ${{ this_match_remaining|floatformat:0|intcomma }} of <a href="/supporter/">support we receive</a> will be matched!
 | |
| 
 | |
|         {% endif %}
 | |
|       </p>
 | |
| 
 | |
| {% if sitefundgoal.fundraiser_so_far_amount %}
 | |
| <div id="siteprogressbar">
 | |
| <a href="/supporter">
 | |
|   We've matched
 | |
|   {% if this_match_remaining <= 0 %}
 | |
|   $<span id="site-fundraiser-match-count">{{ this_match_goal|intcomma }}</span>
 | |
|   {% else %}
 | |
|   $<span id="site-fundraiser-match-count">{{ this_match_so_far|intcomma }}</span>
 | |
|   {% endif %}
 | |
|   of
 | |
|   $<span id="site-fundraiser-final-goal">{{ this_match_goal|intcomma }}</span>
 | |
|   so far!
 | |
| </a>
 | |
| </div>
 | |
| {% endif %}
 | |
| 
 | |
| </div>
 | |
| {% endwith %}
 | |
| {% endwith %}
 | |
| {% endif %}
 | |
| 
 | |
|       {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
 | |
|     <div id="conservancyfooter">
 | |
|       <p>Connect with Conservancy on
 | |
|         <a href="https://mastodon.technology/@conservancy">Mastodon</a>,
 | |
|         <a href="https://twitter.com/conservancy">Twitter</a>,
 | |
|         <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,
 | |
|         and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a>.</p>
 | |
| 
 | |
|       <p><a href="/">Main Page</a> | <a href="/about/contact/">Contact</a> | <a href="/sponsors/">Sponsors</a> | <a href="/privacy-policy/">Privacy Policy</a> | <a href="/feeds/omnibus/">RSS Feed</a></p>
 | |
|       <p>Our privacy policy was last updated <strong>22 December 2020</strong>.</p>
 | |
| 
 | |
|       <p class="copyright_info">
 | |
|       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
 | |
|       <br />This page, and all contents herein, unless a license is otherwise
 | |
|       specified, are licensed under a
 | |
|       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0">Creative
 | |
|       Commons Attribution-ShareAlike 4.0 International License</a>.</p>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 |