Merge pull request #96 from offen/development

display summary in blog index

homepage/content/articles/0010-milestone-1.md

@@ -1,4 +1,4 @@
-title: Laying the foundation for fair web analytics | Offen
+title: Laying the foundation for fair web analytics
 description: Our milestone 1 achievements include extensible architecture, a localization option and an improved server structure.
 date: 2019-12-12
 slug: laying-foundation-for-fair-web-analytics
@@ -10,7 +10,8 @@ sm_image_url: /theme/images/offen-blog-0010-milestone1.jpg
 </figure>
 
 ###### 12 Dec 2019, Hendrik Niefeld
-# [Episode One — Laying the foundation for fair web analytics](/blog/laying-foundation-for-fair-web-analytics/)
+# Episode One — Laying the foundation for fair web analytics
+
 Milestone 1 is completed. This is what we've achieved in the last six weeks.
 
 ---

homepage/content/articles/0020-untold-roads.md

@@ -1,4 +1,4 @@
-title: Untold roads to v1.0 | Offen
+title: Untold roads to v1.0
 description: Onboarding users onto a product that is still in development needs a thorough plan. These are our conclusions as we work our way to a v1.0 release of Offen.
 date: 2020-01-19
 slug: untold-roads-versioning-early-stage-software
@@ -10,7 +10,7 @@ sm_image_url: /theme/images/offen-blog-0020-untoldRoads.jpg
 </figure>
 
 ###### 19 Jan 2020, Frederik Ring
-# [Untold roads to v1.0](/blog/untold-roads-versioning-early-stage-software/)
+# Untold roads to v1.0
 
 After a lot of experimenting, taking detours and having unanticipated revelations while building the foundation for Offen over the last months, the state of the project is starting to settle, and we are eager to get ready for users to install our software, and use it for transparently collecting usage statistics for their websites and applications.
 

homepage/content/articles/0030-milestone-2.md

@@ -1,4 +1,4 @@
-title: Collecting data securely | Offen
+title: Collecting data securely
 description: Our key milestone 2 features are user consent, improved crypto implementation and an extended set of stats.
 date: 2020-01-31
 slug: collecting-data-securely
@@ -10,7 +10,8 @@ sm_image_url: /theme/images/offen-blog-0030-milestone-2.jpg
 </figure>
 
 ###### 31 Jan 2020, Hendrik Niefeld
-# [Episode Two  — Collecting data securely](/blog/collecting-data-securely/)
+# Episode Two  — Collecting data securely
+
 We finished milestone 2. Here is what we' ve been doing for the last 8 weeks.
 
 ---

homepage/content/articles/0040-test-offen-today.md

@@ -1,4 +1,4 @@
-title: Test our alpha release today | Offen
+title: Test our alpha release today
 description: Help us take a step forward. Download or deploy Offen today and give it a spin. Any feedback is appreciated.
 date: 2020-03-04
 slug: test-offen-today
@@ -10,7 +10,8 @@ sm_image_url: /theme/images/offen-blog-0040-test-offen-today.jpg
 </figure>
 
 ###### 04 Mar 2020, Hendrik Niefeld
-# [Test Offen today](/blog/test-offen-today/)
+# Test Offen today
+
 We’re excited to present our first version that is officially ready for testing.
 
 ---

homepage/content/articles/0050-milestone-3.md

@@ -1,4 +1,4 @@
-title: Displaying data | Offen
+title: Displaying data
 description: Our milestone 3 achievements include an improved UX, a Heroku deploy option and full Safari support.
 date: 2020-04-13
 slug: displaying-data
@@ -10,7 +10,7 @@ sm_image_url: /theme/images/offen-blog-0050-milestone-3.jpg
 </figure>
 
 ###### 14 Apr 2020, Frederik Ring
-# [Episode Three  — Displaying data](/blog/displaying-data/)
+# Episode Three  — Displaying data
 
 In the middle of strange times Milestone 3 - "Displaying Data" - is done. This means we focused on how we aggregate and display the data Offen collects in a way that operators can use it to improve their services and users can understand what is being collected and what it means for their privacy.
 

homepage/content/articles/0060-milestone-4.md

@@ -1,4 +1,4 @@
-title: Managing data | Offen
+title: Managing data
 description: Milestone 4 comes with enhanced account management, UX improvements and an updated demo version.
 date: 2020-06-09
 slug: managing-data
@@ -12,7 +12,7 @@ sm_image_url: /theme/images/offen-blog-0060-milestone-4.jpg
 ##### [Photo](https://www.flickr.com/photos/wocintechchat/25926651781/in/album-72157664006621903/){: target="_blank"} by WOCinTechChat / [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/){: target="_blank"}
 
 ###### 09 Jun 2020, Frederik Ring
-# [Episode Four  — Managing data](/blog/managing-data/)
+# Episode Four  — Managing data
 
 Milestone 4 - "Managing data" - has been an important one for us. Finishing it means Offen is now close to being feature complete in the scope of our initial plans, and we can start transitioning into a Beta state, meaning we can finally offer a stable product for users to use in production environments.
 

homepage/content/articles/0070-budget.md

@@ -1,4 +1,4 @@
-title: Hosting Offen on a budget | Offen
+title: Hosting Offen on a budget
 description: Here are some real world options for hosting Offen on a budget. Let's compare how they relate in terms of ease of deployment, performance and pricing.
 date: 2020-06-30
 slug: hosting-offen-on-budget
@@ -10,7 +10,8 @@ sm_image_url: /theme/images/offen-blog-0070-budget.jpg
 </figure>
 
 ###### 30 Jun 2020, Frederik Ring
-# [Hosting Offen on a budget](/blog/hosting-offen-on-budget/)
+
+# Hosting Offen on a budget
 
 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.
 

homepage/pelicanconf.py

@@ -63,15 +63,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'],
-    'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
+    'a:not([data-button])': ['gray'],
+    'h1': ['f2', 'normal', 'lh-title', 'mt3', 'ma0', 'mb3'],
+    'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3'],
     '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'],

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,17 @@
     {% endif %}
     <div class="w-100 mt5-ns gray">
       <div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
-          {{ article.content }}
+          <figure class="larger-image mb4">
+            <a href="{{ article.slug }}">
+              <img alt="{{ article.title }}" src="{{ article.sm_image_url }}"/>
+            </a>
+          </figure>
+          <h1 class="f2 normal lh-title mt3 ma0 mb3 light-silver">
+            <a href="{{ article.slug }}" class="link b dim gray">{{ article.title }}</a>
+          </h1>
+          <p class="">
+            {{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
+          </p>
       </div>
     </div>
     {% endfor %}

homepage/theme/templates/article.html

@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 
-{% set title = article.title %}
+{% set title = article.title + "| Offen" %}
 {% set description = article.description %}
 {% set href = article.save_as.replace('index.html', '') %}
 {% set sm_image_url = article.sm_image_url %}