fix: history-api demo (mdn#237)

OnkarRuikar · web-flow · commit d2680f132100 · 2023-11-17T09:53:18.000-08:00
* fix: history-api demo

* fix destination links

* horizontal navbar items

* remove .html from links
diff --git a/history-api/index.html b/history-api/index.html
@@ -4,14 +4,20 @@
     <meta charset="utf-8" />
     <title>Creatures: Home</title>
     <script src="script.js" defer></script>
+    <style>
+      .nav li {
+        display: inline-block;
+        margin-right: 2rem;
+      }
+    </style>
   </head>
 
   <body>
     <ul class="nav">
-      <li><a href="/">Home</a></li>
-      <li><a href="eagle.html" data-creature="eagle">Eagle</a></li>
-      <li><a href="vulture.html" data-creature="vulture">Vulture</a></li>
-      <li><a href="turtle.html" data-creature="turtle">Turtle</a></li>
+      <li><a href="/dom-examples/history-api/">Home</a></li>
+      <li><a href="eagle" data-creature="eagle">Eagle</a></li>
+      <li><a href="vulture" data-creature="vulture">Vulture</a></li>
+      <li><a href="turtle" data-creature="turtle">Turtle</a></li>
     </ul>
 
     <p id="description">Let's look at some creatures.</p>
