From d4ad06e83eaf8b9f82b701e55def3693952e31e2 Mon Sep 17 00:00:00 2001
From: Hendrik Niefeld <hello@niefeld.com>
Date: Thu, 2 Jul 2020 21:18:30 +0200
Subject: [PATCH] tweak summary layout

---
 homepage/content/articles/0070-budget.md |  4 ++++
 homepage/pelicanconf.py                  | 13 +++++++++----
 homepage/theme/templates/archives.html   | 10 +++++++++-
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/homepage/content/articles/0070-budget.md b/homepage/content/articles/0070-budget.md
index c56f159..a104709 100644
--- a/homepage/content/articles/0070-budget.md
+++ b/homepage/content/articles/0070-budget.md
@@ -9,9 +9,13 @@ sm_image_url: /theme/images/offen-blog-0070-budget.jpg
 <img alt="Hosting on a budget" src="/theme/images/offen-blog-0070-budget.jpg"/>
 </figure>
 
+<!-- PELICAN_BEGIN_SUMMARY -->
+
 ###### 30 Jun 2020, Frederik Ring
 # [Hosting Offen on a budget](/blog/hosting-offen-on-budget/)
 
+<!-- PELICAN_END_SUMMARY -->
+
 Using self-hosted software like Offen when you're on a budget can seem daunting as you usually don't know too much about the performance requirements of the software you are planning to use beforehand. Once you do know, you might have locked in yourself already.
 
 In this article we collect a few real world options and scenarios for hosting Offen on a budget and compare how they relate in terms of ease of deployment, performance and pricing.
diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py
index 7cb12fe..75b674d 100644
--- a/homepage/pelicanconf.py
+++ b/homepage/pelicanconf.py
@@ -65,15 +65,20 @@ DECORATE_CONTENT = {
     '[data-button="outline"]': ['b--gray', 'gray'],
     '[data-button="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
     '[data-button-mb5="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
-    'a': ['link', 'b', 'dim'],
-    'a:not([data-button])': ['gray'],
+    'figure a': ['link'],
+    'p a': ['link', 'b', 'dim'],
+    'h1 a': ['link', 'b', 'dim'],
+    'h2 a': ['link', 'b', 'dim'],
+    'h3 a': ['link', 'b', 'dim'],
+    'h4 a': ['link', 'b', 'dim'],
     'h5 a': ['normal', 'moon-gray'],
-    'h1': ['f2', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
+    'a:not([data-button])': ['gray'],
+    'h1': ['f2', 'normal', 'lh-title', 'mt3', 'ma0', 'mb3', 'light-silver'],
     'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
     'h3': ['f5', 'normal', 'mt5', 'ma0', 'mb3', '.cclr-fnt-black-mid'],
     'h4': ['f5', 'b', 'mt4', 'ma0', 'mb1'], # text over button
     'h5': ['f7', 'normal', 'ma0', 'nt5', 'mb5', 'moon-gray'], # image credits
-    'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'mb3', 'light-silver'], # date
+    'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'light-silver'], # date
     'p': ['ma0', 'pb3'],
     'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
     'hr': ['mt5', 'mb3', 'b--black-05'],
diff --git a/homepage/theme/templates/archives.html b/homepage/theme/templates/archives.html
index 55e00c9..2700dc0 100644
--- a/homepage/theme/templates/archives.html
+++ b/homepage/theme/templates/archives.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% set title = 'Fair analytics blog | Offen' %}
-{% set description = 'Developing Offen. A free and open source analytics software for websites and web applications that allows respectful handling of data.' %}
+{% set description = 'Developing an open alternative to common web analytics tools. Gain insights while your users have full access to their data. Lightweight, self hosted and free.' %}
 {% set href = 'blog/' %}
 {% set no_stats = False %}
 {% set template = 'archives' %}
@@ -14,7 +14,15 @@
     {% endif %}
     <div class="w-100 mt5-ns gray">
       <div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
+          <figure class="larger-image mb4">
+            <a href="{{ article.slug }}">
+              <img alt="{{ article.title }}" src="{{ article.sm_image_url }}"/>
+            </a>
+          </figure>
           {{ article.summary }}
+          <p class="">
+            {{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
+          </p>
       </div>
     </div>
     {% endfor %}