added amy's analytics request and changed the background color of the intro panel

static/css/main.css

@@ -8,12 +8,6 @@
        url("fonts/ApfelGrotezk-Regular.woff2") format("woff2");
 }
 
-@font-face {
-  font-family: "Coconat";
-  src: url("fonts/Coconat-Regular.woff") format("woff"),
-       url("fonts/Coconat-Regular.woff2") format("woff2");
-}
-
 * {
   box-sizing: border-box;
   font-family: 'ApfelGrotezk', sans-serif;
@@ -529,7 +523,7 @@ button.download {
 }
 
 #intro {
-  background: #8048b7;
+  background: #a99f89;
 }
 
 #howto audio {
@@ -556,7 +550,7 @@ button.download {
 }
 
 #closeintro {
-  color: #8143b9;
+  color: #a99f89;
 }
 
 #closehowto:hover, #closeinsert:hover {
@@ -565,7 +559,7 @@ button.download {
 }
 
 #closeintro:hover {
-  background: #8143b9;
+  background: #a99f89;
   color: #1c1c1c;
 }
 

templates/layout.html

@@ -8,6 +8,20 @@
     <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
     <script src="{{ url_for('static', filename='js/highlight.js') }}"></script>
+    <script>
+     var _paq = window._paq || [];
+     /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+     _paq.push(["setCookieDomain", "*.who-is-the-author.me"]);
+     _paq.push(['trackPageView']);
+     _paq.push(['enableLinkTracking']);
+     (function() {
+     var u="https://analytics.suroh.tk/";
+     _paq.push(['setTrackerUrl', u+'matomo.php']);
+     _paq.push(['setSiteId', '4']);
+     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+     g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+     })();
+    </script>
 
      <script type="text/javascript">
     $(document).ready(function() {