bump css version and fix cookie thingie

_includes/cookie-consent.html

@@ -1,13 +1,18 @@
-
 <div id="cookie-notice">
 
   <p>
-    We only use cookies if you consent to it. They don't contain any identifiable info: they just let us know if you enjoyed this enough to come back.
+    We only use cookies if you consent to it, or if you fill out one of our forms so we can remember you next time you come by. 
-    <br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
+    <br />These cookies are all placed by us. No big tech involved.
+  
     <br />Read more about <a href="/cookies/"> how {{ site.title }} use cookies</a>
   </p>
-  <button class="button yes"
+
-    id="cookie-notice-accept">Ok</button>
+    <button class="button no" id="cookie-notice-decline">
+      Nah     
+    </button>
+    <button class="button yes" id="cookie-notice-accept">
+    Ok
+  </button>
 
 </div>
 
@@ -37,7 +42,7 @@
 
   if (readCookie('cookie-notice-dismissed') == 'wantCookies') {
     {% include analytics.js %}
-    
+    {% include mautic-tracker.js %}
   } else {
     document.getElementById('cookie-notice').style.display = 'flex';
 

_includes/mautic-tracker.js

@@ -0,0 +1,7 @@
+
+(function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
+  w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
+  m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://pr.basspistol.com/mtc.js','mt');
+
+mt('send', 'pageview');

_includes/scripts.html

@@ -1,3 +1,3 @@
 <!-- Scripts -->
 {% include relBase.html %}
-<script src="{{ relBase }}/assets/js/set-20210720.js"></script>
+<script src="{{ relBase }}/assets/js/set-20210803.js"></script>

_layouts/404page.html

@@ -12,12 +12,12 @@ layout: nil
 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="/assets/css/all.min.css" />
-<link rel="stylesheet" href="/assets/css/colors-20210720.css" />
+<link rel="stylesheet" href="/assets/css/colors-20210803.css" />
-<link rel="stylesheet" href="/assets/css/main-20210720.css" />
+<link rel="stylesheet" href="/assets/css/main-20210803.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="/assets/css/noscripts-20210720.css" /></noscript>
+<noscript><link rel="stylesheet" href="/assets/css/noscripts-20210803.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 

_layouts/default.html

@@ -11,12 +11,12 @@
 {% include relBase.html %}
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20210720.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20210803.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20210720.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20210803.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20210720.css" /></noscript>
+<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20210803.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 

_sass/_cookies.scss

@@ -28,9 +28,10 @@
       text-align: center;
       margin: 40px 40px 20px 40px;
     }
-    .yes {
+    .yes, .no {
-      margin: 20px 40px 40px 40px;
+      margin: 20px 40px 0px 40px;
     }
+
   }
   button {
     border: none;
@@ -39,25 +40,22 @@
   }
 }
 
-.yes {
+.yes, .no {
-  flex: 0 0 250px;
+  flex: 0 0 100px;
   -moz-transition: all var(--anim-speed) ease-in-out;
   -webkit-transition: all var(--anim-speed) ease-in-out;
   -ms-transition: all var(--anim-speed) ease-in-out;
   transition: all var(--anim-speed) ease-in-out;
   text-align: center;
-  background-position-x: 0%;
+  margin: 40px 40px 40px 10px;
-  background-position-y: 0%;
+}
-  background-repeat: repeat;
+.yes {
-  background-attachment: scroll;
+  background-image: unset;
-  background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
+  background-color: #95df63 !important;
-  background-origin: padding-box;
+}
-  background-clip: border-box;
+.no {
-  background-size: 400% 400%;
+  background-image: unset;
-  -webkit-animation: backgroundBlink 2s ease infinite;
+  background-color: rgb(255, 215, 85) !important;
-  -moz-animation: backgroundBlink 2s ease infinite;
-  animation: backgroundBlink 2s ease infinite;
-  margin: 40px 40px 40px 20px;
 }
 .yes:hover {
   // color: #000 !important;

index.html

@@ -84,7 +84,8 @@ layout: default
     <a href="https://pr.basspistol.com/join-the-crew" target="_blank" class="button">Join the crew</a>
   </div>
   </div>
-  <h2>What you can get from us</h2>
+  <h2 style="text-align: center; margin:40px;">Exit cyber-homlessness. <br />Enter data-sovereignty.</h2>
+  <p style="text-align: center; margin:40px;">We're empowered by an armory of open-source tools enabling us to seaze our means of outreach and distribution.</p>
   <div class="container">
 
   {% for service in site.data.services %}