Add decommission announcement banner (#237)

change the banner to decommission announcement and add styling and commented html for the overlay used on 1 april
w3f · Mar 14, 2024 · 8251769 · 8251769
1 parent 80cdce7
commit 8251769
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/www/index.html b/www/index.html
@@ -4,6 +4,21 @@
     .container {
         margin: 1em;
     }
+
+    #overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.8) !important;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #fff;
+        z-index: 10;
+    }
+
 </style>
 
 <head>
@@ -15,7 +30,11 @@
     <link href="assets/custom.css" rel="stylesheet">
     <title>W3F Registrar Service </title>
 </head>
-
+<!-- 
+<div id="overlay">
+    <h1>Registrar #0 is decommissioned, find alternatives in the <a href="https://wiki.polkadot.network/docs/learn-identity#registrars">wiki</a></h1>
+</div>
+-->
 <body class="d-flex flex-column min-vh-100 bg-secondary text-white">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
@@ -43,7 +62,7 @@ <h1><img src="assets/w3f.png" height="50px"> Registrar #0</h1>
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-md-auto alert btn-primary d-flex align-items-center">
-                    <span>⚠️ Twitter (X) verification is under maintenance. Contact our support to verify it ⚠️</span>
+                    <span>⚠️ Registrar #0 will be decommissioned on 1 April ⚠️</span>
                 </div>
             </div>
         </div>