feat: 🚧 add work in progress banner

src/index.webc

@@ -25,6 +25,11 @@
       <p @text="getDescription(char)"></p>
     </card>
   </div>
+
+  <section class="beta-note">
+    <p class="head">🏗️ Work in progress! 🚧</p>
+    <p>Please note that this site is still being worked on and contents are subject to change.</p>
+  </section>
 </main>
 
 <style>
@@ -53,4 +58,20 @@
     grid-template-columns: repeat(auto-fit, minmax(17.5em, 1fr));
     gap: 1.5em;
   }
+
+  .beta-note {
+    max-width: 60ch;
+    margin: auto;
+
+    margin-block: 2em;
+    border: 0.125em solid white;
+    border-radius: 0.75em;
+    padding-inline: 1em;
+  }
+
+  .beta-note .head {
+    font-family: var(--font-family-headings);
+    font-size: 1.5em;
+    font-weight: bold;
+  }
 </style>