website/www/conservancy/templates/frontpage.html

{% extends "base_conservancy.html" %}
{% load date_within %}
{% load static %}

{% 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/" />
<style>
 #mainContent hr {
   /* Hide the <hr> elements in the list of news and blog items. */
   display: none;
 }

 .date {
   font-size: 1em;
   margin-top: 0;
 }

 .press-release h3, .blog-entry h3 {
   margin-bottom: 0;
 }
</style>
{% endblock %}

{% block content %}

<div class="mt4 flex-ns">
  <section class="w-70-ns mh2 mb3 mb0-ns pa2 ba bw1 b--light-blue">
    <img src="{% static 'img/remote.jpg' %}" alt="" class="fl pr2" style="width: 175px;" />
    <p class="mb0">Software Freedom Conservancy is a not-for-profit charity 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. <a href="#" class="orange">Learn more.</a></p>
  </section>
  <section class="w-30-ns mh2 pa3 bg-light-blue ba b--gray">
    <h2 class="f4 ttu">Special message</h2>

    <p>Special message here special message here special message here special message here special message here.</p>
    <a href="#" class="f5 dib pa2 ttu b btn-orange">More information</a>
  </section>
</div>

<div class="mt3 flex-ns">
  <div class="w-70-ns mh2">
  <section class="mh0 pa3 bg-light-blue ba b--gray">
    <h2 class="f4 ma0 ttu">Additional links / call-outs here, if needed</h2>
  </section>

    <section class="mv3 ph2">
<h2 class="f4 mt0 mb2 ttu"><!--<a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a>--> <a href="/news/" class="dark-gray">News</a></h2>
{% for pressr in press_releases|slice:":5" %}
  {% if forloop.first or pressr.pub_date|date_within_past_days:365 %}
    {% if not forloop.first %}<hr class="clear">{% endif %}
    {% include "news/pressrelease_partial.html" with pressr=pressr show="dateline" only %}
  {% endif %}
{% endfor %}

<!-- <p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p> -->
</section>

<section class="mt4 mb3 ph2">
<h2 class="f4 mb2 ttu"><!-- <a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> --> <a href="/blog/" class="dark-gray">Articles</a></h2>
{% for entry in blog|slice:":5" %}
  {% if forloop.first or entry.pub_date|date_within_past_days:180 %}
    {% if not forloop.first %}<hr class="clear">{% endif %}
    {% include "blog/entry_partial.html" with entry=entry show="dateline" only %}
  {% endif %}
{% endfor %}

<!-- <p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p> -->
</section>
</div>

<div class="w-30-ns mh2">
  <div class="ph3 pv2 ba b--gray">
    <h3 class="ttu">Term of the week</h3>
    <h4 class="f4 mt3 mb2 i navy">auditability</h4>
    <p>Ability to inspect the exact software running on a device. This includes version information, modifications and licensing information.</p>
    <p><a href="#" class="orange ttu">Visit our glossary of terms</a></p>
  </div>

  <div class="mh3 pt3">
    <h2 class="f6 ttu mb1">Subscribe to our email list</h2>
    <form method="post" action="#" class="ml2" style="display: flex;">
      <input type="email" class="pa2 ba b--gray br0" style="x-border-right: none; flex: 1 1 auto; width: 1%;">
      <button type="submit" class="bg-orange bn white pa2 pointer btn-orange" style="margin-left: -1px;">
        <svg style="color: white; width: 20px; height: 20px;"><use href="{% static 'img/font_awesome.svg' %}#envelope"></use></svg></a>
        </button>
    </form>

    <h2 class="f6 ttu mt2 mb1">RSS feed</h2>
    <div class="ml2">
      <a href="/feeds/omnibus" class="mr2"><svg class="orange" style="width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg#rss-square' %}"></use></svg></a>
    </div>

    <h2 class="f6 ttu mt2 mb1">Follow us</h2>
    <div class="ml2">
      {% include 'socials_partial.html' %}
    </div>

<!-- <h2>Support Conservancy</h2>
     <p>As a 501(c)(3) non-profit charity, Conservancy relies on
     charitable donations for its operations.
     Please join {{supporters_count|safe}} others and <a href="/sustainer/"><strong>become a Conservancy Sustainer
     today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!
     </p>

     <h2>Learn More about Conservancy</h2>
     <p>
     <span class="continued"><a href="/about/">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="/copyleft-compliance/">Conservancy's unique work  defending and upholding  copyleft licenses (e.g., the GPL) &hellip;</a></span>
     <span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>
     </p> -->
</div>
</div>
</div>
{% endblock %}