Move keepandroidopen banner to index.

_data/i18n.js

@@ -78,8 +78,9 @@ module.exports = {
     lastEditedIn: "last edited in",
     permissionIssue: "Permission issue",
     permissionIssueNotificationContent: "Unable to continue playing background music, please enable audio <b>autoplay</b> for this website.",
-    notificationDefaultHint: "<b>Click to dismiss</b>"
-
+    notificationDefaultHint: "<b>Click to dismiss</b>",
+    kaoMain: "The Android OS is great danger. You're about to lose sovereignty over your phone because of Google's monopoly.",
+    kaoLink: "Learn what you can do at Keep Android Open ->"
   },
   pt: {
     language: "português",
@@ -134,6 +135,8 @@ module.exports = {
     lastEditedIn: "editado por último em",
     permissionIssue: "Problema de permissão",
     permissionIssueNotificationContent: "Não foi possivel continuar tocando a música de fundo, por favor habilite <b>reprodução automática</b> de áudio para esse website.",
-    notificationDefaultHint: "<b>Clique para ignorar</b>"
+    notificationDefaultHint: "<b>Clique para ignorar</b>",
+    kaoMain: "O Android está em grande perigo. Você está prestes a perder controle do seu celular em favor do monopólio da Google.",
+    kaoLink: "Veja o que você pode fazer em Keep Android Open ->"
   }
 };

_includes/base.njk

@@ -27,8 +27,6 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{{ '/static/favicon-16x16.png' | url }}">
     <link rel="manifest" href="{{ '/static/site.webmanifest' | url }}">
 
-    <script src="https://keepandroidopen.org/banner.js" defer></script>
-
     <meta property="og:title" content="Adrian Victor{% if pageTitle or postTitle %} - {{ pageTitle or postTitle }}{% endif %}">
     <meta property="og:description" content="{{ description or i18n[langKey].websiteDescription }}">
     <meta property="og:type" content="article">

index.njk

@@ -28,6 +28,10 @@ layout: base.njk
     </noscript>
 
     <div class="hs" id="hsDefault">
+        <div class="box kaoBox">
+            <p>{{ i18n[langKey].kaoMain | safe }}</p>
+            <p class="end-text nomargin"><a href="https://keepandroidopen.org/">{{ i18n[langKey].kaoLink | safe }}</a></p>
+        </div>
         <div class="box pageHeaderBox">
             <h1 id="homeTitle">{{ i18n[langKey].welcome | smartTitle }}</h1>
             <p>{{ i18n[langKey].homeWelcomeParagraph | safe }}</p>

static/main.css

@@ -212,6 +212,14 @@ aside.metromenu #content {
 
 /* Global classes and IDs */
 
+.nomargin {
+    margin: 0;
+}
+
+.end-text {
+    text-align: end;
+}
+
 .notificationBox {
     transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
     width: fit-content;
@@ -248,6 +256,12 @@ li.inlineList {
     margin-bottom: 0;
 }
 
+.kaoBox {
+    border-color: rgba(255, 0, 0, 0.1);
+    background-color: rgba(255, 0, 0, 0.1);
+    margin-bottom: 1em;
+}
+
 .pageHeaderBox {
     border-bottom: 0;
 }