Merge pull request #143 from offen/development

Add intro content to get started and demo page

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__.

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.

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>

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