From d065f33bbd4346d12e89ce9460b015098afaead3 Mon Sep 17 00:00:00 2001
From: Uku Taht <uku.taht@gmail.com>
Date: Mon, 2 Sep 2019 18:52:23 +0100
Subject: [PATCH] Update landing page

---
 .../templates/page/data_policy.html.eex       | 45 +++++++++----------
 .../templates/page/index.html.eex             | 11 ++---
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/lib/plausible_web/templates/page/data_policy.html.eex b/lib/plausible_web/templates/page/data_policy.html.eex
index 90e794cf7a..69e92452b0 100644
--- a/lib/plausible_web/templates/page/data_policy.html.eex
+++ b/lib/plausible_web/templates/page/data_policy.html.eex
@@ -1,4 +1,4 @@
-<div class="container max-w-md pt-12 pb-32 leading-normal">
+<div class="container max-w-md pt-12 pb-32 leading-normal text-lg">
 
 <h1 class="font-black">Data policy</h1>
 
@@ -6,34 +6,33 @@
 Plausible aims to track overall trends in your website traffic, not indivual visitors. With privacy in mind, we don’t collect or store any data beyond what is absolutely necessary. Here is a list of what we collect and store about your website visitors.
 </div>
 
+<div class="my-4">
+  <h4 class="mb-1">User-Agent</h4>
+  We use the <code>User-Agent</code> header to figure out what browsers and operating systems your visitors are using.
+</div>
+
+<div class="my-4">
+  <h4 class="mb-1">Referer</h4>
+  Plausible uses the referrer string to show which other websites are driving traffic to the site you’re tracking.
+</div>
+
+<div class="my-4">
+  <h4 class="mb-1">Page URLs</h4>
+  We track the pathname of each pageview to be able to show the Top Pages report.
+</div>
+
+<div class="my-4">
+  <h4 class="mb-1">Window inner width</h4>
+  We use <code>window.innerWidth</code> to determine the actual size of the open browser window, rather than the full width of the device. This is more accurate and makes fingerprinting harder.
+</div>
+
 <div class="my-4 mt-8">
   <h4 class="mb-1">We don’t store IP addresses</h4>
-  We never store IP addresses in our database or logs.  The IP address is used to look up the visitor country by Cloudflare, which we store to show the Top Countries report.
-</div>
-
-<div class="my-4">
-  <h4 class="mb-1">We partially store the user-agent</h4>
-  We use the <code>UserAgent</code> header to figure out what browsers and operating systems your visitors are using. However, the raw user-agent string is discarded and we only store the browser and operating system information.
-</div>
-
-<div class="my-4">
-  <h4 class="mb-1">We partially store the referrer</h4>
-  Plausible uses the referrer string to show which other websites are driving traffic to the site you’re tracking. We store the referrer but we discard all query parameters.
-</div>
-
-<div class="my-4">
-  <h4 class="mb-1">We partially store the page URLs</h4>
-  We track the URL of each pageview to be able to show the Top Pages report. However, we do not store query strings from the URL.
-</div>
-
-<div class="my-4">
-  <h4 class="mb-1">We store the screen width</h4>
-  We use <code>window.innerWidth</code> to determine the actual size of the open browser window, rather than the full width of the device. This is more accurate and makes fingerprinting harder.
+  We never store IP addresses in our database or logs. The IP address is used to look up the visitor country, which we store to show the Top Countries report. The IP address is discarded.
 </div>
 
 <div class="my-8">
   <h3 class="mb-2">Cookie policy</h3>
-
   Plausible installs a first-party cooky to be able to differentiate between a new visitor and a returning visitor. This cookie contains a random identifier that is sent along with each pageview request. On the backend, this allows us to aggregate and show unique visitors and total pageviews separately.
   </div>
   <%= link("Back to homepage", to: "/", class: "text-indigo") %>
diff --git a/lib/plausible_web/templates/page/index.html.eex b/lib/plausible_web/templates/page/index.html.eex
index aaa03ffb16..596ab2ab81 100644
--- a/lib/plausible_web/templates/page/index.html.eex
+++ b/lib/plausible_web/templates/page/index.html.eex
@@ -44,7 +44,7 @@
         Simple analytics for your website
       </h1>
       <p class="font-normal text-grey-darker text-lg lg:text-2xl mt-3 leading-tight font-medium">
-        Plausible is a lightweight, non-intrusive alternative to Google Analytics
+        Plausible is a lightweight, fully open-source alternative to Google Analytics
       </p>
       <%= link("Start free trial", to: "/register", class: "button w-full sm:w-auto mt-6 mr-2") %>
       <%= link("View live demo", to: "/plausible.io", class: "button button-outline w-full sm:w-auto mt-4 md:mt-0") %>
@@ -75,9 +75,9 @@
         <svg class="w-6 h-6 mr-1 text-indigo" style="transform: translateY(0.3rem);">
           <use xlink:href="#feather-check-circle" />
         </svg>
-        <h3 class="inline">Anonymous</h3>
+        <h3 class="inline">Lightweight</h3>
         <p class="text-lg mt-2">
-        Measure traffic, not individuals. No personal data or IP addresses are ever stored in our database. <%= link("Read more about our data policy", to: "/data-policy", class: "text-indigo") %>
+          Plausible works by loading a script on your website, like Google Analytics. Our script is 14x smaller, making your website quicker to load.
         </p>
       </div>
 
@@ -85,11 +85,12 @@
         <svg class="w-6 h-6 mr-1 text-indigo" style="transform: translateY(0.3rem);">
           <use xlink:href="#feather-check-circle" />
         </svg>
-        <h3 class="inline">Lightweight</h3>
+        <h3 class="inline">Open source</h3>
         <p class="text-lg mt-2">
-          Plausible works by loading a script on your website, like Google Analytics. Our script is 14x smaller, making your website quicker to load.
+        Plausible is fully open source and <%= link("available on Github", to: "https://github.com/plausible-insights/plausible", class: "text-indigo") %>. Feel free to check out the code and <%= link("read in depth about our data policy", to: "/data-policy", class: "text-indigo") %>
         </p>
       </div>
+
     </div>
   </div>
   <div class="container my-12 md:my-24 text-center relative">