website/www/conservancy/templates/frontpage.html

120 lines
5.8 KiB
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;
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
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">Special message</h2>
<p>We have a very special announcement later today! Check back here at
12:30 US/Eastern!</p>
<a href="/coming-soon.html" 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">copyleft compliance</h4>
<p>When companies utilize copylefted software, they thereby agree to the terms associated with its use. By utilizing copylefted software when designing products, companies agreed to these terms, and so have both contractual and copyright obligations to take certain actions to ensure others have the same rights they did with regard to the software. When rights are respected, the sharing of software under copyleft licensing is a mutually beneficial approach, but many companies are not holding up their side of the bargain. A company is in compliance when it ensures that all of its customers have the same rights, permission, and ability that it has to improve that software and install their improvements onto a device. The best way a company can demonstrate its intent to be in full compliance is by creating a vibrant third-party marketplace for improved software.</p>
<p><a href="/copyleft-compliance/glossary.html" 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|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 %}