{% 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;
   font-style: normal;
   margin-top: 0;
 }

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

{% block content %}

<div class="mt3 mh2-ns pt2 flex-ns">
  <section class="w-70-ns mh2 mb3 mb0-ns pa2 ba bw1 b--light-blue overflow-auto">
    <img src="{% static 'img/remote.jpg' %}" alt="" class="fl pr2" style="width: 175px;" />
    <p class="mb0">Software Freedom Conservancy is a nonprofit organization
that advocates for ethical technology for the public good. Our mission is to
ensure the rights of consumers (software users) to repair and reinstall their
purchased software. We carry out this work this by promoting and defending
users' rights the following ways: fostering Free and Open Source Software
(FOSS) projects, driving initiatives that actively make technology more
inclusive, and advancing policy strategies that defend FOSS (such as copyleft).
 <a href="#fixme" 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="#fixme" class="f5 dib pa2 ttu b btn-orange">More information</a>
  </section>
</div>

<div class="mt3 mh2-ns 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="#fixme" 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="#fixme" 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 %}