website Files · www/conservancy/templates/base_conservancy.html

Files @ 36b33927f769

Branch filter:

Location: website/www/conservancy/templates/base_conservancy.html

36b33927f769 5.1 KiB text/html Show Annotation Show as Raw Download as Raw

brett

css: Implement #sidebar and #mainContent without floats.

170aa38bb5c3972293846aa4d86540b4967effab fixed one bug but added another:
#mainContent would always be the max-width of 1000px. If the user's window
wasn't wide enough to accommodate that alongside the sidebar, it would be
rendered below the sidebar.

Fix that by using positioning instead of floats, so #mainContent can have a
flexible width.

{% 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/conservancy.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="/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

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_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 22 <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">
  {% if sitefundgoal.fundraiser_donation_count_disclose_threshold < 1076 %}
  <span id="site-fundraiser-match-count">{{ sitefundgoal.fundraiser_donation_count_disclose_threshold|subtract:660|intcomma }}</span>
  {% else %}
  <span id="site-fundraiser-match-count">416</span>
  {% endif %}
  Supporters have been matched, out of
  <span id="site-fundraiser-final-goal">416</span> possible.
</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>