From cea24db7885d157d54e08d47ad62c1a35a4e935b Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Thu, 14 Oct 2021 00:21:44 +1100
Subject: [PATCH] Tune up frontpage news/blog items and term of week, add call
 out section.

---
 www/conservancy/static/css/conservancy.css      |  3 +--
 www/conservancy/templates/base_conservancy.html | 12 ++++++++----
 www/conservancy/templates/frontpage.html        | 15 ++++++++++++++-
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index 400bc532..6483eda6 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -327,10 +327,9 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 .column h2 a:hover { text-decoration: underline; }
 
 #conservancyfooter {
-  margin-top: 1em;
   border-top: 1px solid #ccc;
   text-align: center;
-  clear: both;
+  overflow: auto;
 }
 
 .continued {
diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index 701135b7..0bd99b8b 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -34,9 +34,13 @@
           <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>
 
@@ -128,7 +132,7 @@
 {% 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>,
diff --git a/www/conservancy/templates/frontpage.html b/www/conservancy/templates/frontpage.html
index a7592538..656532c3 100644
--- a/www/conservancy/templates/frontpage.html
+++ b/www/conservancy/templates/frontpage.html
@@ -11,6 +11,15 @@
    /* 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 %}
 
@@ -37,6 +46,10 @@
 
 <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" %}
@@ -65,7 +78,7 @@
 <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>