wip

ui/service/index.html

@@ -19,6 +19,24 @@
       // https://github.com/plouc/nivo/issues/1455#issuecomment-815904731
       var global = globalThis
     </script>
+
+
+    <!-- Running in "%MODE%" -->
+
+    <!-- finsweet cookie consent script  -->
+    <script async src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script>
+    <!-- cookie consent banner  -->
+    <style>@keyframes fade-in-cookie{100%{transform:translate3d(0,0,0)}}.cookie-button{padding:9px 15px;background-color:#ed0400;color:#fff;border:0;text-decoration:none;cursor:pointer;margin:10px}.cookie-banner{transform:translate3d(0,100%,0);transform-style:preserve-3d;box-shadow:0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:row;background-color:#fff;align-items:center;display:none;animation:.4s fade-in-cookie forwards;animation-delay:2s;justify-content:space-between}.cookie-consent-message{padding:25px}.cookie-buttons{display:flex;flex-shrink:0;max-width:350px}@media screen and (max-width:700px){.cookie-banner{flex-direction:column}}</style><div class="cookie-banner" fs-cc="banner"><div class="cookie-consent-message">By clicking “Accept cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts</div><div class="cookie-buttons"><a fs-cc="allow" class="cookie-button" href="#">Accept cookies</a><a fs-cc="deny" class="cookie-button" href="#">Decline cookies</a></div></div>
+    <!-- Google analytics  -->
+    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-P3C86E21ER" type="fs-cc" fs-cc-categories="analytics"></script>
+    <script type="fs-cc" fs-cc-categories="analytics">
+      console.log('run analytics')
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-P3C86E21ER');
+    </script>
+
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

ui/service/src/index.css

@@ -1,4 +1,8 @@
 body {
   margin: 0;
   padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
+    Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }