From 9d3e9a12d67b83d296d32c0601ecd355e34c4ac2 Mon Sep 17 00:00:00 2001
From: Koen van Gilst <koen@koenvangilst.nl>
Date: Mon, 13 Jul 2020 20:47:04 +0200
Subject: [PATCH] feature() - add splitbee for analytics

---
 src/template.html | 57 +++++++++++++++++++++++++----------------------
 1 file changed, 30 insertions(+), 27 deletions(-)
diff --git a/src/template.html b/src/template.html
index 7208a13..fb2b199 100644
--- a/src/template.html
+++ b/src/template.html
@@ -1,38 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-  <meta name="theme-color" content="#266ec0" />
-
-  %sapper.base%
-
-  <link rel="stylesheet" href="global.css" />
-  <link rel="manifest" href="manifest.json" />
-  <link rel="icon" type="image/png" href="favicon.png" />
-  <link rel="apple-touch-icon" href="images/icons/icon-192x192.png" />
-  <script async src="https://unpkg.com/pwacompat" crossorigin="anonymous"></script>
-
-  <!-- Sapper generates a <style> tag containing critical CSS
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta name="theme-color" content="#266ec0" />
+
+    %sapper.base%
+
+    <link rel="stylesheet" href="global.css" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="apple-touch-icon" href="images/icons/icon-192x192.png" />
+    <script async src="https://cdn.splitbee.io/sb.js"></script>
+    <script
+      async
+      src="https://unpkg.com/pwacompat"
+      crossorigin="anonymous"
+    ></script>
+
+    <!-- Sapper generates a <style> tag containing critical CSS
 	     for the current page. CSS for the rest of the app is
 	     lazily loaded when it precaches secondary pages -->
-  %sapper.styles%
+    %sapper.styles%
 
-  <!-- This contains the contents of the <svelte:head> component, if
+    <!-- This contains the contents of the <svelte:head> component, if
 	     the current page has one -->
-  %sapper.head%
-</head>
+    %sapper.head%
+  </head>
 
-<body>
-  <!-- The application will be rendered inside this element,
+  <body>
+    <!-- The application will be rendered inside this element,
 	     because `src/client.js` references it -->
-  <div id="sapper">%sapper.html%</div>
+    <div id="sapper">%sapper.html%</div>
 
-  <!-- Sapper creates a <script> tag containing `src/client.js`
+    <!-- Sapper creates a <script> tag containing `src/client.js`
 	     and anything else it needs to hydrate the app and
 	     initialise the router -->
-  %sapper.scripts%
-</body>
-
-</html>
\ No newline at end of file
+    %sapper.scripts%
+  </body>
+</html>
