Test layout

gurbaxani · Sep 15, 2024 · f9ce28d · f9ce28d
1 parent d3ad0bf
commit f9ce28d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+### Todo
+[ ] Add favicon
+[ ] Add link to google form
diff --git a/index.html b/index.html
@@ -7,20 +7,22 @@
     <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
 </head>
 <body>
-    <h1>Improv Suggestions</h1>
     <div id="main-screen" class="screen">
+        <h1>Improv Suggestions</h1>
+        <p>Give me a random...</p>
         <div class="grid-container">
-            <button class="nav-button" data-message="Message 1">📦 Object</button>
-            <button class="nav-button" data-message="Message 2">💞 Relationship</button>
-            <button class="nav-button" data-message="Message 3">📍 Location</button>
-            <button class="nav-button" data-message="Message 4">👔 Occupation</button>
-            <button class="nav-button" data-message="Message 5">🅰️ Alphabet</button>
-            <button class="nav-button" data-message="Message 6">🗣️ Phrase</button>
-            <button class="nav-button" data-message="Message 7">😊 Emotion</button>
-            <button class="nav-button" data-message="Message 8">🎬 Genre</button>
-            <button class="nav-button" data-message="Message 9">🤌 Quirk</button>
-            <button class="nav-button" data-message="Message 10">🦸 Superpower</button>
+            <button class="nav-button">📦 Object</button>
+            <button class="nav-button">💞 Relationship</button>
+            <button class="nav-button">📍 Location</button>
+            <button class="nav-button">👔 Occupation</button>
+            <button class="nav-button">🅰️ Alphabet</button>
+            <button class="nav-button">🗣️ Phrase</button>
+            <button class="nav-button">😊 Emotion</button>
+            <button class="nav-button">🎬 Genre</button>
+            <button class="nav-button">🤌 Quirk</button>
+            <button class="nav-button"">🦸 Superpower</button>
         </div>
+        <h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur harum possimus quod dolorem iste aperiam deserunt, voluptas nam eaque placeat?</h2>
     </div>
 </body>
 </html>