add meta tags and placeholder output

bbrk24 · Mar 13, 2024 · fc3d933 · fc3d933
1 parent e29c7d1
commit fc3d933
Showing 1 changed file with 27 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,10 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
+    <meta charset="UTF-8"/>
     <title>Mario Kart Optimizer</title>
-    <script defer type="module" src="src/index.js"></script>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
+    <script type="module" src="src/index.js"></script>
     <style>
       meter {
         width: 18em;
@@ -263,7 +265,29 @@
           <th>Glider</th>
         </tr>
       </thead>
-      <tbody id="output"></tbody>
+      <tbody id="output">
+        <tr>
+          <td>
+            <img src="./img/Mario.png" alt="Mario"/>
+            <img src="./img/Ludwig.png" alt="Ludwig"/>
+            <img src="./img/MediumMii.png" alt="MediumMii"/>
+          </td>
+          <td>
+            <img src="./img/StandardKart.png" alt="StandardKart"/>
+            <img src="./img/300SLRoadster.png" alt="300SLRoadster"/>
+            <img src="./img/TheDuke.png" alt="TheDuke"/>
+          </td>
+          <td>
+            <img src="./img/Standard.png" alt="Standard"/>
+            <img src="./img/BlueStandard.png" alt="BlueStandard"/>
+          </td>
+          <td>
+            <img src="./img/SuperGlider.png" alt="SuperGlider"/>
+            <img src="./img/WaddleWing.png" alt="WaddleWing"/>
+            <img src="./img/HylianKite.png" alt="HylianKite"/>
+          </td>
+        </tr>
+      </tbody>
     </table>
     <hr />
     <div id="kart-preview">Loading...</div>