Disable RedirectRussia

smith558 · smith558 · commit 79d563f9e089 · 2022-09-24T15:11:20.000+01:00
diff --git a/docs/assets/css/ukraine-banner.css b/docs/assets/css/ukraine-banner.css
@@ -0,0 +1,64 @@
+body {
+  margin-top: 35px;
+}
+.support-ukraine,
+.support-ukraine:visited {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  background: rgb(0, 0, 0);
+  display: flex;
+  justify-content: center;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  z-index: 10000;
+  text-decoration: none;
+  font-family: arial;
+}
+.support-ukraine:hover,
+.support-ukraine:active {
+  background: black;
+  display: flex;
+  background: rgb(80, 80, 80);
+  text-decoration: none;
+}
+.support-ukraine__flag {
+  height: 25px;
+  margin-right: 10px;
+}
+.support-ukraine__flag__blue {
+  width: 40px;
+  height: 12.5px;
+  background: #005bbb;
+}
+.support-ukraine__flag__yellow {
+  width: 40px;
+  height: 12.5px;
+  background: #ffd500;
+}
+.support-ukraine__label {
+  color: white;
+  font-size: 12px;
+  line-height: 25px;
+}
+
+.support-ukraine__label--ru {
+  display: none;
+}
+
+body[lang="en"] .support-ukraine__label--en {
+  display: block;
+}
+
+body[lang="en"] .support-ukraine__label--ru {
+  display: none;
+}
+
+body[lang="ru"] .support-ukraine__label--ru {
+  display: block;
+}
+
+body[lang="ru"] .support-ukraine__label--en {
+  display: none;
+}
diff --git a/docs/index.html b/docs/index.html
@@ -11,7 +11,9 @@
 
         gtag('config', 'G-TGSC9ZRNZV');
     </script>
-    
+    <!-- Pro Ukraine welcome with explanation for Russian users (for now) -->
+    <script src="https://cdn.nocodeflow.net/tools/geoblock.js"></script>
+
     <title>Learn You a Haskell for Great Good! (up-to-date)</title>
     <meta name="description"
         content='An up-to-date community maintained version of the renowned "Learn You a Haskell" (LYAH) guide for Haskell.
@@ -24,6 +26,8 @@
     <meta name="google-site-verification" content="y6vQvWUh4gehD8383uVn0Tcyuro3N2aGeCtG5TEitLs" />
     <link rel="stylesheet" href="assets/css/reset.css">
     <link rel="stylesheet" href="assets/css/style.css">
+    <!-- "Donato to Ukraine" top of the page banner -->
+    <link rel="stylesheet" href="assets/css/ukraine-banner.css">
     <link rel="preload" as="image" href="assets/images/newsplash-new-short.webp">
     <link rel="preload" as="image" href="assets/images/newsplash-new-long.webp">
 
@@ -43,6 +47,15 @@
 </head>
 
 <body>
+    <!-- "Donato to Ukraine" top of the page banner -->
+    <a class="support-ukraine" href="https://help.unicef.org/ukraine-emergency" target="_blank" rel="nofollow noopener" title="Donate to support Ukraine's independence.">
+        <div class="support-ukraine__flag" role="img" aria-label="Flag of Ukraine">
+            <div class="support-ukraine__flag__blue"></div>
+            <div class="support-ukraine__flag__yellow"></div>
+        </div>
+        <div class="support-ukraine__label support-ukraine__label--en">Donate to support Ukraine's children.</div>
+        <div class="support-ukraine__label support-ukraine__label--ru">Пожертвовать на поддержку детей Украины.</div>
+    </a>
     <div id="newsplash" class="newsplash"
         style="width:880px;height:800px;margin:0px auto 0 auto;background-repeat:no-repeat;background-image:url(assets/images/newsplash-new-short.webp);position:relative;font-size:16px;color:white;text-shadow:#24536F -1px 1px 1px">
         <div style="position:absolute;top:235px;height:235px;line-height:24px;">
@@ -105,7 +118,7 @@ <h1 style="display: none;">A guide to Haskell programming language</h1>
     <!-- custom JS -->
     <script src="assets/js/toggleShow.js" async></script>
     <!-- redirect Russia (for now) -->
-    <script src="https://redirectrussia.org/v1.js" data-hide-domain="hide" async integrity="sha384-K4/XEYup4kNv/qt2ucIwIH2wLT9I+z3s17CHQNMBB2/E8/Kw2VYsXQKB/7kylubA" crossorigin="anonymous"></script>
+    <!-- <script src="https://redirectrussia.org/v1.js" data-hide-domain="hide" async integrity="sha384-K4/XEYup4kNv/qt2ucIwIH2wLT9I+z3s17CHQNMBB2/E8/Kw2VYsXQKB/7kylubA" crossorigin="anonymous"></script> -->
 </body>
 
 </html>
