Changeset - cf20e691e613
[Not reviewed]
0 2 0
Brett Smith (brett) - 6 years ago 2017-11-22 17:51:09
brett@sfconservancy.org
frontpage: Reorganize the lower half of the page.
2 files changed with 19 insertions and 15 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy-bigscreen.css
Show inline comments
 
/* "Big screen" means, approximately, bigger than a phone */
 

	
 
.column:nth-child(odd) {
 
    clear: both;
 
    float: left;
 
    width: 49%;
 
}
 

	
 
.column:nth-child(even) {
 
    float: right;
 
    width: 49%;
 
}
 

	
 
li.column {
 
    margin-bottom: 1em;
 
}
 

	
 
.left {
 
    float: left;
 
    margin-right: 1.5em;
 
}
 

	
 
.right {
 
    float: right;
 
    margin-left: 1.5em;
 
}
 

	
 
.picture {
 
    width: 30em;
 
    max-width: 35%;
 
    padding: .75em;
 
}
 

	
 
dl {
 
    border: 3px double #ccc;
 
    padding: 0.5em;
 
}
 

	
 
dt {
 
    clear: left;
 
    float: left;
www/conservancy/templates/frontpage.html
Show inline comments
...
 
@@ -27,59 +27,59 @@
 
<div class="column">
 
<h2><a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/news/">Recent News</a></h2>
 
{% for pressr in press_releases|slice:":5" %}
 
  {% if forloop.first or pressr.pub_date|date_within_past_days:30 %}
 
    {% if not forloop.first %}<hr class="clear">{% endif %}
 
    {% include "news/pressrelease_partial.html" with pressr=pressr show="summary" only %}
 
  {% endif %}
 
{% endfor %}
 

	
 
<p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p>
 
</div>
 

	
 
<div class="column">
 
<h2><a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/blog/">Conservancy Blog</a></h2>
 
{% for entry in blog|slice:":5" %}
 
  {% if forloop.first or entry.pub_date|date_within_past_days:30 %}
 
    {% if not forloop.first %}<hr class="clear">{% endif %}
 
    {% include "blog/entry_partial.html" with entry=entry show="summary" only %}
 
  {% endif %}
 
{% endfor %}
 

	
 
<p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p>
 
</div>
 

	
 
<div class="column">
 
<h2>Follow Conservancy</h2>
 

	
 
<ul>
 
  <li class="column"><a href="https://mastodon.technology/@conservancy">Mastodon</a></li>
 
  <li class="column"><a href="https://twitter.com/conservancy">Twitter</a></li>
 
  <li class="column"><a href="https://identi.ca/conservancy">pump.io</a></li>
 
  <li class="column"><a href="https://plus.google.com/104268783278405704634/">Google+</a></li>
 
  <li class="column"><a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a></li>
 
  <li class="column"><a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a></li>
 
  <li class="column"><a href="/feeds/omnibus/">Full RSS feed</a></li>
 
  <li class="column"><a href="https://lists.sfconservancy.org/pipermail/announce/">News mailing list</a></li>
 
</ul>
 
</div>
 

	
 
<div class="column">
 
<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>
 
</div>
 

	
 
<div class="column">
 
<h2>Follow Conservancy</h2>
 

	
 
<ul>
 
  <li><p><a href="https://mastodon.technology/@conservancy">Mastodon</a></p></li>
 
  <li><p><a href="https://twitter.com/conservancy">Twitter</a></p></li>
 
  <li><p><a href="https://identi.ca/conservancy">pump.io</a></p></li>
 
  <li><p><a href="https://plus.google.com/104268783278405704634/">Google+</a></p></li>
 
  <li><p><a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a></p></li>
 
  <li><p><a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a></p></li>
 
  <li><p><a href="/feeds/omnibus/">Full RSS feed</a></p></li>
 
  <li><p><a href="https://lists.sfconservancy.org/pipermail/announce/">News mailing list</a></p></li>
 
</ul>
 

	
 
<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>
 
{% endblock %}
0 comments (0 inline, 0 general)