articles and images

homepage/content/articles/milestone-1.md

@@ -5,7 +5,9 @@ slug: laying-foundation-for-fair-web-analytics
 sitemap_priority: 0.7
 sm_image_url: /theme/images/offen-blog-0010-milestone1.jpg
 
+<div class="larger-image">
 <img alt="Milestone 1 - Laying the foundation for fair web analytics" class="mb5" src="/theme/images/offen-blog-0010-milestone1.jpg"/>
+</div>
 
 ###### 12 Dec 2019, Hendrik Niefeld
 ## Episode One — Laying the foundation for fair web analytics

homepage/pelicanconf.py

@@ -56,7 +56,7 @@ DECORATE_CONTENT = {
 'p': ['ma0', 'pb3'],
 'a': ['link', 'b', 'dim', 'gray'],
 'blockquote': ['f5', 'i', 'ma0', 'ml4'],
-'hr': ['m0a', 'mt5', 'mb3', 'b--black-05']
+'hr': ['mt5', 'mb3', 'b--black-05']
 }
 
 GITHUB_ORG = 'https://github.com/offen'

homepage/theme/static/css/fix.css

@@ -74,7 +74,7 @@ LAYOUT
 
 
 /* ---------------------------------------------------
-TYPO
+TYPO AND LAYOUT ELEMENTS
 ----------------------------------------------------*/
 /* Custom Tachyons class */
 .f25 {
@@ -93,7 +93,10 @@ em {
   background: linear-gradient(transparent 66%, #fde28c 66%);
   font-style: normal;
 }
-  
+hr {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
   
   
 /* ---------------------------------------------------
@@ -109,7 +112,6 @@ MENU
   position: absolute;
   padding: 12px 0 0 20px;
   float: left;
-  line-height: 4rem;
 }
 body.index .icon {
   opacity: 0;
@@ -179,7 +181,7 @@ nav ul li ul li a {
   }
   nav {
     width: 100%;
-    padding: 0 0 15px 0;
+    padding: 0;
     padding-top: 4rem;
   }
   nav ul {
@@ -254,6 +256,25 @@ nav ul li ul li a {
 }
 
 
+/* ---------------------------------------------------
+IMAGES
+----------------------------------------------------*/
+/* Put article image outside of container margins */
+.larger-image {
+  margin-top: -4rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+/* Custom media query - extra small */
+@media only screen and (min-width: 30em) {
+  .larger-image {
+    margin-top: -4rem;
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+}
+
+
 /* ---------------------------------------------------
 GRAPHICS
 ----------------------------------------------------*/

homepage/theme/templates/archives.html

@@ -11,7 +11,7 @@
     {% if loop.index != 1 %}
       <hr>
     {% endif %}
-    <div class="content">
+    <div class="content bg-red">
       <div class="container-reader">
           {{ article.content }}
       </div>