website/www/conservancy/templates/base_conservancy.html
Brett Smith a1ec899670 css: Start a separate stylesheet for "big screen" styles.
I'm about to add more and I *suspect* this will be easier to maintain
in the long term, rather than duplicating the conditional many times.
2016-11-30 16:18:06 -05:00

105 lines
5.8 KiB
HTML

{% load humanize %}
{% load subtract %}
{% load min %}
<!DOCTYPE html>
<html lang="en">
<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" 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/supporter-page.js"></script>
{% block head %}{% endblock %}
</head>
<body class="conservancy-{% block category %}other{% endblock %}">
<h1 id="conservancyheader"><a id="logobutton" href="/">Software Freedom Conservancy</a></h1>
<div id="navbar-outer">
<div id="navbar">
<ul>
<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="/linux-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
fundraiser_goal_amount: The highest number of Supporters we want
fundraiser_so_far_amount: The number of Supporters we have
fundraiser_donation_count: The "minimum" number of Supporters we want (not currently used)
fundraiser_donation_count_disclose_threshold: The number of Supporters that have been matched
When we started the fundraiser, we had 660 Supporters matched.
PIA will match up to 416.
660+416==1076, so we use that constant to see if our match is done.
{% endcomment %}
<div class="fundraiser-top-text">
<em>
Let's stand up for software freedom together!
{% if sitefundgoal.fundraiser_goal_amount > sitefundgoal.fundraiser_so_far_amount %}
We still need
{{ sitefundgoal.fundraiser_goal_amount|subtract:sitefundgoal.fundraiser_donation_count_disclose_threshold|subtract:sitefundgoal.fundraiser_so_far_amount|intcomma }}
more Supporters to maintain our full range of activities in 2017.
{% endif %}
{% if sitefundgoal.fundraiser_donation_count_disclose_threshold > 1076 %}
416 Supporters were matched
{% else %}
The next {{ 1076|subtract:sitefundgoal.fundraiser_donation_count_disclose_threshold|intcomma }} Supporters who join or renew by January 15 <a href="/news/2016/nov/29/private-internet-access-2016-fundraising-match/">will count twice</a>,
{% endif %}
thanks to <a href="https://www.privateinternetaccess.com/">Private Internet Access</a>!
</em>
<div id="siteprogressbar">
<a href="/supporter">
<span id="site-fundraiser-so-far">{{ sitefundgoal.fundraiser_so_far_amount|intcomma }}</span> have joined so far.
<span id="site-fundraiser-match-count">{{ sitefundgoal.fundraiser_donation_count_disclose_threshold|intcomma }}</span> Supporters have been matched.
{% if sitefundgoal.fundraiser_goal_amount > sitefundgoal.fundraiser_so_far_amount %}
We still need
{{ sitefundgoal.fundraiser_goal_amount|subtract:sitefundgoal.fundraiser_donation_count_disclose_threshold|subtract:sitefundgoal.fundraiser_so_far_amount|intcomma }}
more Supporters to reach
{% else %}
That means we reached
{% endif %}
our goal of <span id="site-fundraiser-final-goal">{{ sitefundgoal.fundraiser_goal_amount|intcomma }}</span>.
</a>
</div>
</div>
{% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
<div id="conservancyfooter">
<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>Find Conservancy
on <a href="https://identi.ca/conservancy">pump.io</a>,
<a href="https://twitter.com/conservancy">Twitter</a>, <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">Youtube</a>, <a href="https://plus.google.com/104268783278405704634/">Google+</a>
and other social networks too!</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>