Files @ 6e3b2a22bedd
Branch filter:

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

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.
{% extends "base_conservancy.html" %}
{% load date_within %}

{% block head %}
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Complete Feed" href="/feeds/omnibus/" />
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy News" href="/feeds/news/" />
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Blogs" href="/feeds/blog/" />
{% endblock %}

{% block content %}

<div class="singleColumn">

<h1>Software Freedom Conservancy</h1>

<p>Software Freedom Conservancy is a not-for-profit organization that
  helps promote, improve, develop, and defend Free, Libre, and Open Source
  Software (FLOSS) projects.  Conservancy provides a non-profit home and
  infrastructure for FLOSS projects.  This allows FLOSS developers to
  focus on what they do best &mdash; writing and improving FLOSS for the
  general public &mdash; while Conservancy takes care of the projects' needs that
  do not relate directly to software development and documentation.</p>
</div>

<div class="columns">

<div class="column column-small column-left">
<h2>Learn More about Conservancy</h2>
<p>
<span class="continued"><a href="/overview/">An Overview of Conservancy&hellip;</a></span>
<span class="continued"><a href="/members/current/">Conservancy's current member projects&hellip;</a></span>
<span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects&hellip;</a></span>
<span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>
<span class="continued"><a href="https://copyleft.org/">Conservancy's copyleft.org project &hellip;</a></span>
</p>
<h2>Support Conservancy</h2>
<p>As a 501(c)(3) non-profit organization, Conservancy relies on
  charitable donations for its operations.
  Please join {{supporters_count|safe}} others and <a href="/supporter/"><strong>become a Conservancy Supporter
  today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!
</p>
<h2>Follow Conservancy News &amp; Blogs</h2>

<p>There is a <a href="/feeds/omnibus/">full site feed available</a> (as
  well as separate feeds for the <a href="/feeds/news/">news items</a> and
  <a href="/feeds/blog/">blog posts</a>).  You can follow Conservancy
 on <a href="https://identi.ca/conservancy">identi.ca</a>
 and <a href="https://twitter.com/conservancy">twitter</a>.</p>

<p>
    <span id="subbox">
        <form method="post" action="https://lists.sfconservancy.org/mailman/subscribe/announce">
          You can also subscribe to Conservancy's low-traffic email announce list <br/><input name="email" placeholder="person@example.org"/><input type="submit" name="email-button" value="Subscribe"/>
        </form>
      </span></p>

</div>

<div class="column column-large">
{% if press_releases.0 %}
{% if press_releases.0.pub_date|date_within_past_days:60 %}
<div class="shaded">
<h2><a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/news/">Recent News</a></h2>
<p class="date">{{ press_releases.0.pub_date|date:"F j, Y" }}</p>
<h3><a href="{{ press_releases.0.get_absolute_url }}">{{ press_releases.0.headline|safe }}</a></h3>
{{ press_releases.0.summary|safe }}
{% if press_releases.0.body %}<p><span class="continued"><a href="{{ press_releases.0.get_absolute_url }}">Read More...</a></span></p>{% endif %}
{% if press_releases.1 %}
{% if press_releases.1.pub_date|date_within_past_days:30 %}
<hr/>
<p class="date">{{ press_releases.1.pub_date|date:"F j, Y" }}</p>
<h3><a href="{{ press_releases.1.get_absolute_url }}">{{ press_releases.1.headline|safe }}</a></h3>
{{ press_releases.1.summary|safe }}
{% if press_releases.1.body %}<p><span class="continued"><a href="{{ press_releases.1.get_absolute_url }}">Read More...</a></span></p>{% endif %}
{% endif %}
{% endif %}
{% if press_releases.2 %}
{% if press_releases.2.pub_date|date_within_past_days:25 %}
<hr/>
<p class="date">{{ press_releases.2.pub_date|date:"F j, Y" }}</p>
<h3><a href="{{ press_releases.2.get_absolute_url }}">{{ press_releases.2.headline|safe }}</a></h3>
{{ press_releases.2.summary|safe }}
{% if press_releases.2.body %}<p><span class="continued"><a href="{{ press_releases.2.get_absolute_url }}">Read More...</a></span></p>{% endif %}
{% endif %}
{% endif %}
</div>
{% endif %}
{% endif %}
<p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p>
{% if blog.0.is_recent %}
<div class="shaded">
<h2><a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/blog/">Conservancy Blog</a></h2>
<h3><a href="{{ blog.0.get_absolute_url }}">{{ blog.0.headline|safe }}</a></h3>
<p class="date">Posted by {{ blog.0.author.formal_name }} on {{ blog.0.pub_date|date:"F j, Y" }}</p>
{{ blog.0.summary|safe }}
<p><span class="continued"><a href="{{ blog.0.get_absolute_url }}">Read More from {{ blog.0.author.casual_name }} on this&hellip;</a></span></p>
{% if blog.1.is_recent %}
<hr/>
<h3><a href="{{ blog.1.get_absolute_url }}">{{ blog.1.headline|safe }}</a></h3>
<p class="date">Posted by {{ blog.1.author.formal_name }} on {{ blog.1.pub_date|date:"F j, Y" }}</p>
{{ blog.1.summary|safe }}
<p><span class="continued"><a href="{{ blog.0.get_absolute_url }}">Read More from {{ blog.1.author.casual_name }} on this&hellip;</a></span></p>
{% endif %}
</div>
{% endif %}
<p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p>
</div>
</div>
{% endblock %}