Changeset - 3cd53e23ae54
[Not reviewed]
0 3 0
Ben Sturmfels (bsturmfels) - 10 months ago 2021-10-13 13:21:44
ben@sturm.com.au
Tune up frontpage news/blog items and term of week, add call out section.
3 files changed with 23 insertions and 7 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
Show inline comments
...
 
@@ -324,16 +324,15 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 
.column hr { width: 50%; margin-left: auto; margin-right: auto; }
 

	
 
.column h2 a { text-decoration: none; color: #000000; }
 
.column h2 a:hover { text-decoration: underline; }
 

	
 
#conservancyfooter {
 
  margin-top: 1em;
 
  border-top: 1px solid #ccc;
 
  text-align: center;
 
  clear: both;
 
  overflow: auto;
 
}
 

	
 
.continued {
 
  display: block;
 
  font-size: .9em;
 
  font-weight: bold;
www/conservancy/templates/base_conservancy.html
Show inline comments
...
 
@@ -31,15 +31,19 @@
 
    <div class="flex-ns" style="max-width: 1140px; margin: 0 auto;">
 
      <div class="w-70-ns">
 
        <h1 id="conservancyheader">
 
          <a id="logobutton" href="/">Software Freedom Conservancy</a>
 
        </h1>
 
      </div>
 
      <div class="w-30-ns mb3 mt5-ns tc tl-ns">
 
        <a href="#" class="f5 dib pa2 mb2-ns mr2 ttu b btn-white ba b--gray">Learn</a>
 
        <a href="/donate/" class="f5 dib pa2 mb2-ns ttu b btn-orange">Donate</a>
 
      <div class="w-30-ns mt2 mb4 mt5-ns mh2 flex" style="justify-content: center;">
 
        <div>
 
          <a href="#" class="f5 pa2 mr2 ttu b btn-white ba b--gray">Learn</a>
 
        </div>
 
        <div>
 
          <a href="/donate/" class="f5 pa2 ttu b btn-orange">Donate</a>
 
        </div>
 
      </div>
 
    </div>
 

	
 
    <div id="navbar-outer">
 
      <div id="navbar">
 
        <ul class="f5 b ttu">
...
 
@@ -125,13 +129,13 @@
 
</div>
 
{% endwith %}
 
{% endwith %}
 
{% endif %}
 

	
 
      {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
 
    <div id="conservancyfooter">
 
    <div id="conservancyfooter" class="mt4 pt3">
 
      <p>Connect with Conservancy on
 
        <a href="https://mastodon.technology/@conservancy">Mastodon</a>,
 
        <a href="https://twitter.com/conservancy">Twitter</a>,
 
        <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,
 
        and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a>.</p>
 

	
www/conservancy/templates/frontpage.html
Show inline comments
...
 
@@ -8,12 +8,21 @@
 
<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 flex-ns">
...
 
@@ -34,12 +43,16 @@
 
    <a href="#" class="f5 dib pa2 ttu b btn-orange">More information</a>
 
  </section>
 
</div>
 

	
 
<div class="mt3 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 %}
...
 
@@ -62,13 +75,13 @@
 
</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="f5 i navy">auditability</h4>
 
    <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="#" 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>
0 comments (0 inline, 0 general)