From 3a4cbaed1279b60c8affc3893f9b78ed2c40e613 Mon Sep 17 00:00:00 2001
From: Frederik Ring <frederik.ring@gmail.com>
Date: Fri, 5 Mar 2021 17:39:22 +0100
Subject: [PATCH] add intro content to get started and demo page

---
 homepage/content/pages/get-started.md    |  4 ++++
 homepage/content/pages/try-demo.md       |  2 ++
 homepage/theme/templates/getstarted.html | 11 +++++------
 homepage/theme/templates/trydemo.html    |  8 +++++---
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/homepage/content/pages/get-started.md b/homepage/content/pages/get-started.md
index 2ff2121..e17eff7 100644
--- a/homepage/content/pages/get-started.md
+++ b/homepage/content/pages/get-started.md
@@ -3,3 +3,7 @@ description: Want to collect usage statistics transparently? Like to contribute
 slug: get-started
 template: getstarted
 sitemap_priority: 0.8
+
+We optimize Offen to be as simple and easy for everyone to self host. No additional software is required to run an instance and hardware requirements are minimal. A basic VPS or even a Raspberry Pi will be all you need to get started.
+
+__Choose your preferred way of running Offen__ below and __check out our documentation__.
diff --git a/homepage/content/pages/try-demo.md b/homepage/content/pages/try-demo.md
index f3ef08a..f8cbed8 100644
--- a/homepage/content/pages/try-demo.md
+++ b/homepage/content/pages/try-demo.md
@@ -3,3 +3,5 @@ description: Test drive Offen on your system today.
 slug: try-demo
 template: trydemo
 sitemap_priority: 0.1
+
+Offen always respects your data, which is why we don't offer a live demo showing you data of real users. However, it's really easy to get a demo that is populated with random usage data up and running on your system.
diff --git a/homepage/theme/templates/getstarted.html b/homepage/theme/templates/getstarted.html
index 3d7db52..fdc3421 100644
--- a/homepage/theme/templates/getstarted.html
+++ b/homepage/theme/templates/getstarted.html
@@ -10,18 +10,17 @@
       <h2 class="f1-ns f2 normal ma0 mb4">
         Get started
       </h2>
-      <h3 class="f25 f2-ns normal ma0 mb5 mh6-ns">
-        Choose your preferred way to self host Offen
-      </h3>
+      <div class="gray tl">
+        {{ page.content }}
+      </div>
+
+      <hr class="ma0 mb5 mt4 b--black-05">
 
       <div class="flex flex-column items-center">
         <p class="lh-title ma0 mb2 gray">
           Single binary file <br>for Linux, Windows or MacOS
         </p>
         <a class="w-100 w5-ns tc b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid mb5 white cclr-bg-black-mid" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a>
-      </div>
-        <hr class="ma0 mb5 b--black-05">
-      <div class="flex flex-column items-center">
         <p class="lh-title ma0 mb2 gray">
           Offen as a Docker image
         </p>
diff --git a/homepage/theme/templates/trydemo.html b/homepage/theme/templates/trydemo.html
index 72f21ba..dd1cf54 100644
--- a/homepage/theme/templates/trydemo.html
+++ b/homepage/theme/templates/trydemo.html
@@ -10,9 +10,11 @@
       <h2 class="f1-ns f2 normal tc ma0 mb4">
         Try demo
       </h2>
-      <h3 class="f25 f2-ns normal tc ma0 mb5">
-        Test drive Offen on your system
-      </h3>
+      <div class="gray">
+        {{ page.content }}
+      </div>
+
+      <hr class="ma0 mb5 mt4 b--black-05">
 
       <p class="lh-title ma0 mb3 gray">
         Open your terminal and type