Update index.html

Yunexiz · Jul 27, 2024 · e993c2a · e993c2a
1 parent 7fc3769
commit e993c2a
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -15,12 +15,28 @@
     height: 100%;
     width: 100%;
   }
+
+  #instructions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 20%;
+    width: auto;
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, 0.5);
+    color: white;
+    border: none;
+    cursor: pointer;
+    margin: 10px;
+    padding: 10px;
+  }
+
   #button-container {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 100%;
+    height: 80%;
     width: 100%;
   }
 
@@ -36,6 +52,10 @@
   </style>
 </head>
 <body>
+  <div id="instructions">
+    <h2>Instructions</h2>
+    <p>- It's simple, just press 1 of the buttons to load an image of a cat. <br>- press the back button on your browser to return and click and see a new image (Or the same one).<br>- refresh the page to load new images.</p>
+  <div>
   <div id="button-container"></div>
   <script src="script.js"></script>
 </body>