diff --git a/_includes/floc-warning.html b/_includes/floc-warning.html new file mode 100644 index 0000000000000000000000000000000000000000..3d9b6f77009d85736f09b7821c94351db2c57131 --- /dev/null +++ b/_includes/floc-warning.html @@ -0,0 +1 @@ +<div class="cohort-victim-info">Your browser implements <a href="https://www.eff.org/deeplinks/2021/03/googles-floc-terrible-idea" target="_blank" rel="noopener noreferrer">Google's FLOC</a> standard and spys on you. Good Luck!</div> diff --git a/_layouts/default.html b/_layouts/default.html index c092eac62db3417ce4867b0307869c63db6842bc..cb24a8b7791f862ff2228f42b3ca5810a10156bc 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,6 +3,7 @@ {% include head.html %} <body> + {% include floc-warning.html %} {% include header.html %} <div class="content-wrapper"> diff --git a/_sass/uno.scss b/_sass/uno.scss index 29fd1efbe0d3700863599f94344f9031b69dbac3..cb948eb45669b9f6f65ab06be0aa3afcdc640b37 100644 --- a/_sass/uno.scss +++ b/_sass/uno.scss @@ -811,6 +811,23 @@ i { outline: none; } +.cohort-victim-info { + display: none; +} + +.cohort-victim-info.visible { + display: block; + // position: absolute; + left: 0; + z-index: 1000; + background: yellow; + width: 100%; + text-align: center; + font-size: 24px; + padding-top: 0.5em; + padding-bottom: 0.5em; +} + input[type="text"], input[type="password"], input[type="datetime"], diff --git a/assets/js/main.js b/assets/js/main.js index 0e6611634f5737398b65e71054e731e59d2410fd..ca0df5b75f6a21b04ae341131a39fae73b9ab7ed 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -53,4 +53,11 @@ ready(function() { }) }) }) + + // fun little project to call out floc victims + if (typeof document.interestCohort === 'function') { + document.querySelectorAll('.cohort-victim-info').forEach(function(selected) { + toggleClass(selected, 'visible') + }) + } })