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

Files @ 6e3b2a22bedd

Branch filter:

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

6e3b2a22bedd 2.9 KiB text/html Show Annotation Show as Raw Download as Raw

bkuhn

Animate the progress bar at page load.

This is perhaps too flashy, but it does successfully animate the
progress bar up to the target amount, and also changes the amount until
it reaches the total raised so far.

<!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="stylesheet" type="text/css" media="screen, projection" href="/conservancy.css" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    {% block head %}{% endblock %}
  </head>

  <body class="conservancy-{% block category %}other{% endblock %}">
    <div id="conservancyheader">
      <h1><span id="logobutton"><a href="/">Software Freedom Conservancy</a></span></h1>
    </div>
    <div id="navbar-outer">
      <div id="navbar">
	<ul>
          <li class="About"><a href="/about/">About</a></li>
          <li class="news"><a href="/news/">News</a></li>
          <li class="blog"><a href="/blog/">Blog</a></li>
	  <li class="Members"><a href="/members/">Membership</a></li>
	  <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>
          <li class="compliance"><a href="/linux-compliance/">GPL Compliance</a></li>
          <li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>
	  <li class="donate"><a href="/donate/">Donate</a></li>
          <li class="supporter"><a href="/supporter/">Become a Supporter!</a></li>
	</ul>
      </div>
      <div id="navbar-clear"></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>Follow Conservancy
      on <a href="https://identi.ca/conservancy">identi.ca</a>
      and <a href="https://twitter.com/conservancy">twitter</a>.
      <a href="https://flattr.com/thing/922714/Donate-to-Software-Freedom-Conservancy" target="_blank">
      <img src="https://api.flattr.com/button/flattr-badge-large.png" alt="Flattr us!" title="Flattr us!" style="border:0" /></a></p>
      <p class="copyright_info">
      <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/us"><img alt="Creative Commons License" style="border-width:0" src="/img/cc-by-sa_88x31.png" /></a> 
      <br />This page is licensed under a
      <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/us">Creative
      Commons Attribution-ShareAlike 3.0 USA License</a>.</p>
    </div>
  </body>
</html>