website/conservancy/templates/frontpage.html

{% extends "base_conservancy.html" %}
{% load date_within %}
{% load static %}
{% block category %}Home{% endblock %}
{% 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">
    <p class="mb0" style="font-size: 18px">Software Freedom Conservancy is a nonprofit organization
centered around ethical technology. Our mission is to ensure the right to
repair, improve and reinstall software. We promote and defend these rights
through 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="/about" class="orange">Learn more.</a></p>
  </section>
  <section class="w-30-ns mh2 pa3 bg-light-blue ba b--gray">
    <h2 class="f4 ttu">Use The Source!</h2>
    <p>SFC recently launched <a href="/usethesource/">a new software right to repair tool</a>,
    which lets you submit and comment on source candidates that device manufacturers are
    required to give you.  With your help, we can find and improve the source candidates for
    your devices, so you can fix, modify, and improve your devices as their software authors
    intended!
     <a href="/usethesource/" class="f5 dib pa2 ttu b
    btn-orange">Check it out!</a>
  </section>
</div>

<div class="mt3 mh2-ns mb4 flex-ns">
  <div class="w-70-ns mh2">
<section class="mh0 pa3 bg-light-blue ba b--gray">
<p><video style="width: 95%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg">
<source src="/videos/sfc-introduction_1080p.mp4" />
<track src="/docs/sfc-introduction-vtt-captions.txt" kind="subtitles" srclang="en" label="English" />
<a href="/videos/sfc-introduction_1080p.mp4"><img src="/videos/sfc-introduction-video_poster.jpg" alt="Software Freedom Conservancy introduction video"></a><br/>
<a href="https://youtu.be/yCCxMfW0LTM">(watch on Youtube)</a>
</video></p>
 </section>

    <section class="mv3 ph2">
<h2 class="f4 mt0 mb2 ttu"><!--<a href="/feeds/news/" class="feedlink"><img src="{% static 'img/feed-icon-14x14.png' %}" alt="[RSS]"/></a>--> <a href="/news/" class="dark-gray">News</a></h2>
{% for pressr in press_releases|slice:":4" %}
  {% if forloop.first %}
    {% include "news/pressrelease_partial.html" with pressr=pressr show="summary" only %}
  {% else %}
    {% 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="{% static '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">Featured Term</h3>
    <h4 id="foss-commons">amicus curiae</h4>
    <p>“Amicus curiae” literally means “friend of the court” and is what you call someone who isn’t a party to the case but,because of their strong interest or expertise in the subject matter of the case, has information or argument that the court would find useful in reaching a decision.</p>
    <p><a href="/copyleft-compliance/glossary.html#amicus" class="orange ttu">Visit our glossary of terms</a></p>
  </div>

  <div class="mh3 pt3">
    <h2 class="f6 ttu mb1"><a href="https://lists.sfconservancy.org/mailman/listinfo/announce">Subscribe to our email list</a></h2>

    <br>

    <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 }} 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 %}