Files @ a4255c7e5101
Branch filter:

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

paulv
Add subscription form to the top right of the site (possibly all pages).

I was only able to get the site running on my local machine well enough to test the main page. It's possible, based on the filename, that the changes will appear on all Conservancy pages. I'm not sure if that is what is wanted or not. If not, it seems like some more invasive changes would need to be made to the base template so that the form would only appear on the index page.

The form POSTs to a mailman url. Once submitted, the user is redirected to the mailman site with no obvious way (aside from the back button) to return to the main site. This can be fixed by using AJAX to POST the form and report the subscription status back to the user, but it would likely require parsing the mailman html as there doesn't appear to be any real API to mailman.

I tested this in Firefox 11.0 and Chrome 18.0.1025.113 beta.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 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>
      <span id="subbox">
        <form method="post" action="http://lists.sfconservancy.org/mailman/subscribe/announce">
          Subscribe to our announcements mailing list<br/><input name="email" placeholder="joe@example.org"/><input type="submit" name="email-button" value="Subscribe"/>
        </form>
      </span>
    </div>
    <div id="navbar-outer">
      <div id="navbar">
	<ul>
          <li class="overview"><a href="/overview/">Overview</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/">Member Projects &amp; Services</a></li>
          <li class="About"><a href="/about/">About</a></li>
	  <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>
	  <li class="donate"><a href="/donate/">Support Conservancy!</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="http://identi.ca/conservancy">identi.ca</a>
      and <a href="http://twitter.com/conservancy">twitter</a>.
      <a href="http://flattr.com/thing/922714/Donate-to-Software-Freedom-Conservancy" target="_blank">
      <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr us!" title="Flattr us!" border="0" /></a></p>
      <p class="copyright_info">
      <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><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="http://creativecommons.org/licenses/by-sa/3.0/">Creative
      Commons Attribution-ShareAlike 3.0 Unported License</a>.</p>
    </div>
  </body>
</html>