Merge pull request #10 from Fusion-games4/main-working

Main working
Fusion-games4 · Dec 14, 2023 · 5c33526 · 5c33526
2 parents 40818ad + 2df5e0e
commit 5c33526
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 1 deletion.
diff --git a/.github/Templates.md b/.github/Templates.md
@@ -79,4 +79,10 @@ Nav bar html:
 <div class="topnav">
             <a href="index.html">Home</a>
             <a href="games/Index.html">Games</a>
-          </div>
+          </div>
+
+Button html:
+<a href="https://www.youtube.com/watch?v=Yb6dZ1IFlKc" target="_blank">
+            <button>
+                    Click me!
+            </button>
diff --git a/games/index.html b/games/index.html
@@ -45,6 +45,39 @@
   background-color: #04AA6D;
   color: white;
 }
+
+button{
+                    padding-top:20px;
+                    padding-left:61px;
+                    padding-bottom:20px;
+                    padding-right:61px;
+                    border-radius:40px;
+                    background-color:rgb(0, 200, 20);
+                    font-family: 'Kdam Thmor Pro', sans-serif;
+                    font-size: large;
+                    color: white;
+                    box-shadow: 0px 11px 5px 0px rgb(64,62,62);
+-webkit-box-shadow: 0px 11px 5px 0px rgb(64,62,62);
+-moz-box-shadow: 0px 11px 5px 0px rgb(75, 74, 74);
+                    transition: background-color 0.8s;
+                    border: none;
+
+
+
+                }
+
+                button:hover{
+                    background-color:rgba(2, 157, 18, 0.834);
+
+                }
+
+                button:active{
+                    box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.0.75);
+-webkit-box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.75);
+-moz-box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.75);
+                  margin-top: 3px;
+                }
+
 </style>
 <html>
     <body>
@@ -57,5 +90,9 @@
         <a href="eggy-car/index.html">Eggy Car</a>
         <a href="2048-taylor/index.html">2048 Taylor Swift</a>
         <a href="2048-cupcakes/index.html">2048 cupcakes</a>
+        <a href="2048-cupcakes/index.html" target="_blank">
+          <button>
+                  Open 2048 cupcakes
+          </button>
     </body>
 </html>
diff --git a/index.html b/index.html
@@ -45,6 +45,39 @@
   background-color: #04AA6D;
   color: white;
 }
+
+button{
+                    padding-top:20px;
+                    padding-left:61px;
+                    padding-bottom:20px;
+                    padding-right:61px;
+                    border-radius:40px;
+                    background-color:rgb(0, 200, 20);
+                    font-family: 'Kdam Thmor Pro', sans-serif;
+                    font-size: large;
+                    color: white;
+                    box-shadow: 0px 11px 5px 0px rgb(64,62,62);
+-webkit-box-shadow: 0px 11px 5px 0px rgb(64,62,62);
+-moz-box-shadow: 0px 11px 5px 0px rgb(75, 74, 74);
+                    transition: background-color 0.8s;
+                    border: none;
+
+
+
+                }
+
+                button:hover{
+                    background-color:rgba(2, 157, 18, 0.834);
+
+                }
+
+                button:active{
+                    box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.0.75);
+-webkit-box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.75);
+-moz-box-shadow: -2px 5px 5px 0px rgba(64,62,62,0.75);
+                  margin-top: 3px;
+                }
+
 </style>
 <html>
     <body>