fix /_sass/_base.scss

_includes/ad.html

@@ -1,23 +1,16 @@
 <detect-missing-adblocker>
 <hr/>
-<span slot="title"><p>Dear reader, you may be missing a content blocker!
-        🙀</p></span>
+<span slot="title"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
 <span slot="message">
-          <p>Please consider installing one to protect yourself, and your close ones,
-  from <a
-                       href="https://www.wired.com/story/why-dont-we-just-ban-targeted-advertising/">manipulation</a> and <a
-          href="https://en.m.wikipedia.org/wiki/Malvertising">targeted
-          malvertising</a>!</p>
-          <p>Personally I love <a href="https://privacybadger.org">Privacy Badger</a> and
-  <a href="https://github.com/gorhill/uBlock/blob/master/README.md">uBlock Origin</a>
-  with
-  (<a href="https://www.eff.org/files/effdntlist.txt">EFF DNT Policy Allowlist</a>)
-  although Android users may be better served by <a href="https://f-droid.org/packages/com.celzero.bravedns">Rethink</a> while
-  for iOS there is <a
-                                   href="https://adguard.com/adguard-ios/overview.html">AdGuard</a>.</p>
-  <p><a
-          href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn
-          more about targeted advertising!</a>
+<noscript><strong><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this.</em></strong></noscript>
+<p>Please consider installing one to protect yourself, and your close ones, from <a href="https://www.wired.com/story/why-dont-we-just-ban-targeted-advertising/">manipulation</a> and <a href="https://en.m.wikipedia.org/wiki/Malvertising">targeted malvertising</a>!</p>
+<p>Personally I love <strong>both</strong> <a href="https://privacybadger.org">Privacy Badger</a> <strong>and</strong> <a href="https://github.com/gorhill/uBlock/blob/master/README.md#ublock-origin-ubo">uBlock Origin</a>
+(<strong>with</strong> <a href="https://www.eff.org/files/effdntlist.txt">EFF DNT Policy
+Allowlist</a>) <strong>together</strong>, while <a href="https://adnauseam.io">AdNauseam</a>
+<em>alone</em> would be more direct protest tool to oppose how the internet is nowadays.</p>
+<p>Android users may be better served by <a href="https://f-droid.org/packages/com.celzero.bravedns">Rethink</a> while for iOS there is <a href="https://adguard.com/adguard-ios/overview.html">AdGuard</a>.</p>
+<p><a href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn more about targeted advertising!</a>
+<p><small>PS. I am sorry if you are already protected and this silly script doesn't detect that, thank you for taking the steps towards a safer internet! 💜</small></p>
 </span>
 <hr/>
 </detect-missing-adblocker>

_sass/_base.scss

@@ -108,7 +108,8 @@ a {
   text-decoration: none;
 
   &:visited {
-    color: darken($brand-color, 15%);
+    color: revert;
+    //darken($brand-color, 15%);
   }
 
   &:hover {

css/main.scss

@@ -14,13 +14,19 @@ $base-line-height: 1.5;
 
 $spacing-unit: 30px;
 
-$text-color: #111;
-$background-color: #fdfdfd;
-$brand-color: #2a7ae2;
+$text-color: revert;
+//#111;
+$background-color: revert;
+//#fdfdfd;
+$brand-color: revert;
+//#2a7ae2;
 
-$grey-color: #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark: darken($grey-color, 25%);
+$grey-color: revert;
+//#828282;
+$grey-color-light: revert;
+//lighten($grey-color, 40%);
+$grey-color-dark: revert;
+//darken($grey-color, 25%);
 
 // Width of the content area
 $content-width: 800px;
@@ -49,7 +55,8 @@ $on-laptop: 800px;
   margin-left: auto;
   margin-right: auto;
   width: 6em;
-  border: 1px solid black;
+  border: 1px solid;
+//black;
 }
 
 // This is the short bio in the index and all my profiles
@@ -70,26 +77,30 @@ $on-laptop: 800px;
 .irclog {
   white-space: pre-wrap;
   font-size: 15px;
-  border: 1px solid $grey-color-light;
+  border: 1px solid;
+// $grey-color-light;
   border-radius: 3px;
-  background-color: #eef;
+  background-color: revert;
+//#eef;
 }
 
 // Tables belong to CSS, make the HTML5 validator happy
 table,
 td,
 th {
-  border: 1px solid black;
+  border: 1px solid;
+//black;
 }
 
 // Trying to make images look a little better
 img {
   margin-left: auto;
   margin-right: auto;
-  border: 1px solid black;
+  border: 1px solid; 
+//black;
 }
 
 // Also in index, hidden text
-#cake {
-  color: rgba(0, 0, 0, 0);
-}
+//#cake {
+//  color: rgba(0, 0, 0, 0);
+//}