finalize page

homepage/content/pages/lp-matomo.md

@@ -1,5 +1,5 @@
 title: A truly privacy focused Matomo alternative | Offen
-description: #
+description: There is room for improvement with Matomos decisions regarding privacy.
 slug: matomo-alternative
 template: lp-matomo
 sitemap_priority: 0.1

homepage/pelicanconf.py

@@ -110,5 +110,7 @@ DOCS_GETSTARTED_URL = 'https://docs.offen.dev/running-offen/'
 DOCS_GETSTARTED_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/?utm_campaign=get-started'
 DOCS_TRYDEMO_URL = 'https://docs.offen.dev/running-offen/test-drive/'
 DOCS_TRYDEMO_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/test-drive/?utm_campaign=try-demo'
+LP_MATOMO_URL_TRY = ''
+LP_MATOMO_URL_DOWNLOAD = ''
 
 OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None)

homepage/theme/templates/archives.html

@@ -10,7 +10,7 @@
 {% block content %}
   <div class="mw8 center cclr-bg-white-responsive mt5-ns">
     <div class="dib gray bg-white ph3 ph5-ns pt5">
-      <h1 class="f2 normal lh-title ma0 mt3 mb3">
+      <h1 class="f2 normal lh-title ma0 mb3">
         Fair Analytics Blog
       </h1>
       <div class="w-75-l">

homepage/theme/templates/getstarted.html

@@ -7,7 +7,7 @@
 
     <div class="w-100 center tc">
 
-      <h1 class="f2 normal ma0 mt3 mb4">
+      <h1 class="f2 normal ma0 mb4">
         Get started
       </h1>
       <div class="gray tl">

homepage/theme/templates/lp-matomo.html

@@ -5,14 +5,36 @@
 <div class="w-100 mt5-ns cclr-bg-white-fade-end">
 
   <div class="mw8 center bg-white">
-    <div class="flex justify-center pt3 ph4">
+    <div class="flex justify-center pt0 pt3-m pt3-l ph4">
       <div class="w-100 w-80-m w-60-l">
 
-        <div class="flex flex-column mt4 mb6">
-          <h1 class="f2 normal ma0 mb3">
+        <div class="flex flex-column mt3">
+          <h1 class="f3 f2-m f2-l normal lh-title ma0">
             A truly privacy focused <span>Matomo alternative</span>
           </h1>
-          <ul class="w-100 w-80-ns list pa0 ma0 mb4">
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+    <div class="mw8 center bg-white">
+      <div class="flex justify-center ph0 ph4-m ph4-l">
+        <div class="w-100 w-80-m w-60-l">
+
+          <div class="flex justify-center">
+            <img src="/theme/images/gfx-matomo-lp.png" width="513" alt="Matomo alternative">
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+    <div class="mw8 center bg-white">
+      <div class="flex justify-center pt0 pt3-m pt3-l pb5 ph4">
+        <div class="w-100 w-80-m w-60-l">
+
+          <ul class="w-100 w-80-l list pa0 ma0 mb2 mb4-m mb4-l">
             <li class="mb2">
               Users actively give their consent <i>to collection of data.</i>
             </li>
@@ -25,14 +47,13 @@
           </ul>
           <div class="flex flex-wrap justify-between">
             <p class="f3 normal ma0 mt2 mb2 mb0-ns">
-              Switch today!
+              <em>Switch today!</em>
             </p>
             <div class="flex flex-wrap tc">
               <a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid mr0 mr2-ns mb2 mb0-ns" href="/try-demo/" rel="noopener">Try demo</a>
               <a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid white cclr-bg-black-mid" href="/get-started/" rel="noopener">Get started</a>
             </div>
           </div>
-        </div>
 
       </div>
     </div>
@@ -43,10 +64,10 @@
       <div class="w-100 w-80-m w-60-l mb3">
 
         <p class="gray ma0 mb2">
-          Room for improvement
+          Why an alternative?
         </p>
-        <h2 class="f3 normal ma0 mb2">
-          There are some concerns with Matomos decisions regarding privacy.
+        <h2 class="f3 normal lh-title ma0 mb3">
+          There is room for improvement with Matomos decisions regarding privacy.
         </h2>
         <ul class="w-100 w-80-ns pa0 pl3 ma0">
           <li class="mb2">
@@ -57,7 +78,7 @@
           </li>
         </ul>
 
-        <h2 class="f3 normal ma0 mb2">
+        <h2 class="f3 normal lh-title ma0 mb3">
           The installation and daily operation of Matomo is quite complex.
         </h2>
         <ul class="w-100 w-80-ns pa0 pl3 ma0">
@@ -80,8 +101,8 @@
         <p class="gray ma0 mb2">
           Balanced between operator and user
         </p>
-        <h2 class="f3 normal ma0 mb2">
-          Offen is a web analytics tool that treats operators and users as equal parties.
+        <h2 class="f3 normal lh-title ma0 mb3">
+          <em>Offen is a web analytics tool that treats operators and users as equal parties.</em>
         </h2>
         <ul class="w-100 w-80-ns pa0 pl3 ma0">
           <li class="mb2">
@@ -99,16 +120,21 @@
     </div>
   </div>
 
-
   <div class="mw8 center cclr-bg-white-dark">
-    <div class="flex justify-center pt5 ph4">
+
+    <div class="flex justify-center pt2 ph2 ph4-m ph4-l">
+      <img src="/theme/images/gfx-matomo-lp-metrics.png" alt="Offen metrics" class="w-100 dn dib-l">
+      <img src="/theme/images/gfx-matomo-lp-metrics-mobile.png" alt="Offen metrics" class="w-100 dib dn-l">
+    </div>
+
+    <div class="flex justify-center pt2 ph4">
       <div class="w-100 w-80-m w-60-l mb5">
 
         <p class="gray ma0 mb2">
           Make a difference
         </p>
-        <h2 class="f3 normal ma0 mb2">
-          Run your own free and lightweight web analytics.
+        <h2 class="f3 normal lh-title ma0 mb3">
+          <em>Run your own free and lightweight web analytics.</em>
         </h2>
         <ul class="w-100 w-80-ns pa0 pl3 ma0">
           <li class="mb2">

homepage/theme/templates/trydemo.html

@@ -7,7 +7,7 @@
 
     <div class="w-100 center">
 
-      <h1 class="f2 normal tc ma0 mt3 mb4">
+      <h1 class="f2 normal tc ma0 mb4">
         Try demo
       </h1>
       <div class="gray">