Add experimental note at top

package.json

@@ -1,6 +1,6 @@
 {
     "name": "debreviator",
-    "version": "0.0.5",
+    "version": "0.0.6",
     "description": "Creates meaning by undoing your abbreviation.",
     "author": "Florine W. Dekker",
     "browser": "dist/bundle.js",

src/main/index.html

@@ -8,6 +8,8 @@
     <meta name="description" content="Creates meaning by undoing your abbreviation." />
     <meta name="theme-color" content="#0033cc" />
 
+    <meta name="fwd:auto:autofocus" />
+    <meta name="fwd:auto:show-main" />
     <meta name="fwd:nav:target" content="#nav" />
     <!-- TODO: Remove from [Experimental] once the tool is mature -->
     <meta name="fwd:nav:highlight-path" content="/Tools/[Experimental]/Debreviator/" />
@@ -45,6 +47,13 @@
                 </hgroup>
             </header>
 
+            <article class="status-card info">
+                <output>
+                    This is still a very underdeveloped experimental tool.
+                    You are advised to lower your expectations.
+                </output>
+            </article>
+
             <form id="debreviate-form">
                 <label for="abbreviation">Abbreviation</label>
                 <input id="abbreviation" type="text" autofocus />

src/main/js/main.js

@@ -68,9 +68,4 @@ doAfterLoad(() => {
         event.preventDefault();
         debreviate();
     });
-
-
-    // Show page to user
-    $("main").classList.remove("hidden");
-    $("[autofocus]").focus();
 });