haxtheweb/issues#2170 haxtheweb/issues#2168

haxtheweb · Oct 11, 2024 · 6d964ac · 6d964ac
1 parent 432e966
commit 6d964ac
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 95 deletions.
diff --git a/index.html b/index.html
@@ -31,6 +31,16 @@
     <title>HAX is Ubiquitous Web Publishing</title>
   </head>
   <body>
+    <div id="top">
+      <ul>
+        <li>&lt;h-a-x&gt; Demo</li>
+        <li><a href="https://haxtheweb.org" target="_blank">Learn HAX</a></li>
+        <li><a href="https://github.com/haxtheweb/haxcms-nodejs" target="_blank">HAXcms (nodejs)</a></li>
+        <li><a href="https://github.com/haxtheweb/haxcms-php" target="_blank">HAXcms (php)</a></li>
+        <li><a href="https://github.com/haxtheweb/create" target="_blank">npm init @haxtheweb</a></li>
+        <li><a href="https://github.com/haxtheweb/desktop" target="_blank">HAX Desktop</a></li>
+      </ul>
+    </div>
     <div id="app"></div>
     <script type="module" src="/main.js"></script>
   </body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/style.css b/style.css
@@ -19,9 +19,40 @@
     padding: 0;
     overflow-y: hidden;
   }
+  #top {
+    width: 100%;
+    background-color: black;
+  }
+  ul {
+    margin: 0 auto;
+    display: table;
+    padding: 0;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: monospace;
+  }
+
+  ul li {
+    display: inline-flex;
+    list-style: none;
+    padding: 0;
+    margin: 8px;
+  }
+  ul li {
+    color: yellow;
+    padding: 4px;
+    background-color: #444444;
+  }
+  ul li a {
+    color: white;
+  }
+  a:hover, a:focus {
+    outline: yellow 2px solid;
+    background-color: black;
+  }
 
   iframe {
-    height: 90vh;
+    height: 84vh;
     width: 100%;
     border: none;
     background-color: transparent;