bump css version and fix cookie thingie

This commit is contained in:
Set Sakrecoer 2021-08-03 14:04:29 +02:00
parent 6ddb0a99bf
commit bf3bb054f2
11 changed files with 41 additions and 30 deletions

View file

@ -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.
<br /><a href="#" id="cookie-notice-decline">Click here</a> if you want this to go away without cookies.
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 />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';

View file

@ -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');

View file

@ -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>

View file

@ -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/main-20210720.css" />
<link rel="stylesheet" href="/assets/css/colors-20210803.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 }}"/>

View file

@ -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/main-20210720.css" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20210803.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 }}"/>

View file

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

View file

@ -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 %}