Files
@ b36800e0784f
Branch filter:
Location: website/www/conservancy/templates/frontpage.html
b36800e0784f
5.5 KiB
text/html
Apply max widths and margins to all pages.
Due to the varying types of layouts used and the short time-frame the best
option seems to set a max-width etc. around the "outercontent" block. For now
this means we can't do "full bleed" body content, but that's not currently used
anyway.
Due to the varying types of layouts used and the short time-frame the best
option seems to set a max-width etc. around the "outercontent" block. For now
this means we can't do "full bleed" body content, but that's not currently used
anyway.
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 111 112 113 114 115 116 117 118 119 120 121 122 123 | {% 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 mh2-ns 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 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="#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…</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…</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…</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>
</div>
{% endblock %}
|