update cta

homepage/content/pages/404.md

@@ -3,6 +3,7 @@ description: This link isn’t working.
 save_as: 404.html
 no_stats: true
 exclude_from_sitemap: true
+cta_blog_article: budget
 
 
 ![Page not Found](/theme/images/offen-404.png){:class="image-text-600-338"}

homepage/content/pages/about.md

@@ -1,10 +1,10 @@
 title: About | Offen
 description: Who we are, who supports us and how you can can get in touch.
 slug: about
+cta_blog_article: fair
 
 ## About
 
-
 ### Status Quo
 
 Offen is created by [Frederik Ring][frederik-ring]{: target="_blank"} and [Hendrik Niefeld][hendrik-niefeld]{: target="_blank"} and is currently being conceptually designed and in active development, both as a product as well as as a software.

homepage/content/pages/deep-dive.md

@@ -2,6 +2,7 @@ title: Deep dive | Offen
 description: What do users know about their data? How can they access it? Do operators benefit from a careful handling of user data? Does Offen work in accordance with GDPR?
 slug: deep-dive
 sitemap_priority: 0.7
+cta_blog_article: budget
 
 ## Deep dive
 

homepage/content/pages/legal-notice.md

@@ -2,6 +2,7 @@ title: Legal Notice | Offen
 description: Information in accordance with Section 5 TMG
 slug: legal-notice
 exclude_from_sitemap: true
+cta_blog_article: fair
 
 ## Legal Notice
 

homepage/theme/static/css/fix.css

@@ -399,6 +399,12 @@ IMAGES
     height: 190px;
   }
 }
+@media only screen and (min-width: 60em) {
+  .larger-image {
+    margin-left: 0rem;
+    margin-right: 0rem;
+  }
+}
 
 
 /* ---------------------------------------------------

homepage/theme/templates/archives.html

@@ -5,15 +5,18 @@
 {% set href = 'blog/' %}
 {% set no_stats = False %}
 {% set template = 'archives' %}
-{% set cta_1 = True %}
+{% set cta_index = True %}
 
 {% block content %}
+  <div class="mw8 center bg-white pr4-l">
+    <div class="flex flex-wrap mt0 mt5-l">
     {% for article in articles %}
+      <div class="w-100 w-50-l">
         {% if loop.index != 1 %}
-      <hr class="mb5 b--none">
+          <hr class="mb5 b--none dn-l">
         {% endif %}
-    <article class="w-100 mt5-ns gray">
+        <article class="w-100 mt5-m mt0-l gray">
-      <div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
+          <div class="mw8 center pv5 ph3 ph5-m pr0-l pl4-l bg-white">
               <figure class="larger-image mb4">
                 <a href="{{ article.slug }}">
                   <img alt="{{ article.title }}" src="{{ article.image_url }}"/>
@@ -30,5 +33,8 @@
               </p>
           </div>
         </article>
+      </div>
     {% endfor %}
+    </div>
+  </div>
 {% endblock %}

homepage/theme/templates/article.html

@@ -6,7 +6,7 @@
 {% set image_url = article.image_url %}
 {% set no_stats = article.no_stats %}
 {% set template = article.template %}
-{% set cta_1 = True %}
+{% set cta_blog_index = True %}
 
 {% block content %}
   <main class="w-100 mt5-ns gray">

homepage/theme/templates/base.html

@@ -104,41 +104,31 @@
           <div class="w-100 cclr-bg-yellow-mid">
             <div class="pt3 pb4 ph3 bg-pattern">
               <div class="mw8 center">
-                <div class="flex flex-wrap justify-center tc pt3">
+                <div class="pt3">
 
-                  {% if cta_1 %}
+                  {% if cta_index %}
-                    <div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
+                    <p class="ma0">
-                      <h2 class="f25 normal lh-solid ma0 mb3">
+                      OPEN INDEX PAGE
-                        Participate
-                      </h2>
-                      <p class="ma0 mb3">
-                        Audit our open source code and feel free to make a contribution.
                     </p>
-                      <a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">Get involved</a>
-                    </div>
                   {% endif %}
 
-                  {% if cta_2 %}
+                  {% if cta_blog_index %}
-                    <div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
+                    <p class="ma0">
-                      <h2 class="f25 normal lh-solid ma0 mb3">
+                      OPEN BLOG INDEX
-                        In the making
-                      </h2>
-                      <p class="ma0 mb3">
-                        Discover what is already up and running and where we want to go.
                     </p>
-                      <a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="/blog/">Open blog</a>
-                    </div>
                   {% endif %}
 
-                  <div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
+                  {% if cta_blog_article == 'fair'%}
-                    <h2 class="f25 normal lh-solid ma0 mb3">
+                    <p class="ma0">
-                      Ethical internet
+                      OPEN BLOG ARTICLE FAIR
-                    </h2>
-                    <p class="ma0 mb3">
-                      Help to ensure that Offen is independent and can be sustained.
                     </p>
-                    <a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Support us</a>
+                  {% endif %}
-                  </div>
+
+                  {% if cta_blog_article == 'budget'%}
+                    <p class="ma0">
+                      OPEN BLOG ARTICLE BUDGET
+                    </p>
+                  {% endif %}
 
                 </div>
               </div>

homepage/theme/templates/page.html

@@ -6,7 +6,7 @@
 {% set image_url = page.image_url %}
 {% set no_stats = page.no_stats %}
 {% set template = page.template %}
-{% set cta_2 = True %}
+{% set cta_blog_article = page.cta_blog_article %}
 
 {% block content %}
   <main class="w-100 mt5-ns gray">