update must read article images

homepage/content/articles/0070-budget.md

@@ -5,6 +5,7 @@ slug: hosting-offen-on-budget
 sitemap_priority: 0.7
 image_url: /theme/images/offen-blog-0070-budget.jpg
 author: Frederik Ring
+must_read: True
 bottom_cta: blog
 
 # Hosting Offen on a budget

homepage/content/articles/0120-opt-in-quality.md

@@ -5,6 +5,7 @@ slug: opt-in-quality
 sitemap_priority: 0.7
 image_url: /theme/images/offen-blog-0120-opt-in-quality.jpg
 author: Hendrik Niefeld
+must_read: True
 bottom_cta: matomo
 
 # Opt in for quality insights

homepage/theme/static/css/fix.css

@@ -395,7 +395,9 @@ IMAGES
 ----------------------------------------------------*/
 /* Put article image outside of container margins */
 .larger-image {
+	/*
   margin-top: -4rem;
+	*/
   margin-left: -1rem;
   margin-right: -1rem;
 }

homepage/theme/templates/archives.html

@@ -23,12 +23,9 @@
       <div class="flex flex-wrap">
         {% for article in articles %}
           <div class="w-100 w-50-l">
-            {% if loop.index != 1 %}
-              <hr class="b--none db dn-l">
-            {% endif %}
-            <article class="w-100 mt5 mt0-l mt0-l gray">
-              <div class="mw8 center pv5 ph3 ph5-m pr0-l pl5-l bg-white">
-                  <figure class="larger-image mb4">
+            <article class="w-100 mt0-l mt0-l gray">
+              <div class="mw8 center pt3 pb5 ph3 ph5-m pr0-l pl5-l bg-white">
+                  <figure class="larger-image ma0 mb4">
                     <a href="/blog/{{ article.slug }}/">
                       <img alt="{{ article.title }}" src="{{ article.image_url }}"/>
                     </a>