Files
@ 32dd831a5056
Branch filter:
Location: website/www/conservancy/templates/frontpage.html - annotation
32dd831a5056
5.1 KiB
text/html
First-pass implementation of new design for home page.
Uses a combination of CSS changes and Tachyons classes to implement the design.
Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
Uses a combination of CSS changes and Tachyons classes to implement the design.
Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 | c858e825c0f2 c858e825c0f2 32dd831a5056 c858e825c0f2 c858e825c0f2 64feb78cf795 c858e825c0f2 28e3f8384184 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 c858e825c0f2 c858e825c0f2 c858e825c0f2 c858e825c0f2 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 c144b0c54ec8 32dd831a5056 32dd831a5056 32dd831a5056 c144b0c54ec8 c858e825c0f2 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 d5f461d87963 32dd831a5056 d5f461d87963 d5f461d87963 d5f461d87963 32dd831a5056 32dd831a5056 b331d52331d2 32dd831a5056 32dd831a5056 e7c1171b6e3d 32dd831a5056 170aa38bb5c3 32dd831a5056 e7c1171b6e3d e7c1171b6e3d 5368c0a8b784 32dd831a5056 32dd831a5056 b331d52331d2 5368c0a8b784 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 cf20e691e613 32dd831a5056 32dd831a5056 32dd831a5056 cf20e691e613 cf20e691e613 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 b331d52331d2 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 32dd831a5056 c144b0c54ec8 b331d52331d2 c144b0c54ec8 c858e825c0f2 | {% 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;
}
</style>
{% endblock %}
{% block content %}
<div class="mt4 flex-ns">
<div class="w-70-ns mr3-ns mb3 mb0-ns pa2 ba bw1 b--light-blue">
<img src="{% static 'img/remote.jpg' %}" alt="" class="fl pr2" style="width: 175px;" />
<p>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 — writing and improving FLOSS for the
general public — 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>
</div>
<div class="w-30-ns 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>
</div>
</div>
<div class="mt3 flex-ns">
<div class="w-70-ns mr3-ns pa2">
<section>
<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…</a></span></p> -->
</section>
<section class="mt4 mb3">
<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…</a></span></p> -->
</section>
</div>
<div class="w-30-ns">
<div class="pa2 ba b--gray">
<h3 class="ttu">Term of the week</h3>
<h4 class="f5 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="pt3 pl2">
<h2 class="f6 ttu mb1">Subscribe to our email list</h2>
<form method="post" action="#" class="ml2 flex">
<input type="email" class="pa2 ba b--gray br0" style="border-right: none;">
<button type="submit" class="bg-orange bn white pa2 pointer btn-orange">
<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="/supporter/"><strong>become a Conservancy Supporter
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…</a></span>
<span class="continued"><a href="/members/current/">Conservancy's current member projects…</a></span>
<span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects…</a></span>
<span class="continued"><a href="/copyleft-compliance/">Conservancy's unique work defending and upholding copyleft licenses (e.g., the GPL) …</a></span>
<span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project …</a></span>
</p> -->
</div>
</div>
{% endblock %}
|