Update games archive

4yman-0 · Sep 16, 2024 · 902925a · 902925a
1 parent 1fe1a4c
commit 902925a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 18 deletions.
diff --git a/archive/webgames/index.html b/archive/webgames/index.html
@@ -14,10 +14,14 @@
         <h1>Web Games</h1>
         <ul>
             <li>
-                <a href="tic-tac-toe">Tic Tac Toe</a>
+                <a class="button" href="tic-tac-toe">
+					Tic Tac Toe
+				</a>
             </li>
             <li>
-                <a href="snake">Snake</a>
+                <a class="button" href="snake">
+					Snake
+				</a>
             </li>
         </ul>
     </main>

diff --git a/archive/webgames/style.css b/archive/webgames/style.css
@@ -1,4 +1,4 @@
-body {
+h1, ul {
     text-align: center;
 }
 
@@ -14,20 +14,13 @@ ul {
 }
 
 li {
-    vertical-align: middle;
     width: 300px;
     margin: 20px;
-    padding: 5px;
-    border: 1px solid #999;
-    border-radius: 5px;
-    color: #000;
-    background: #ddd;
-    transition: transform .5s, box-shadow .5s;
+    transition: transform .5s ease-out;
 }
 
 li:hover {
     transform: scale(1.1);
-    box-shadow: 1px 1px 1px #2229;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -46,7 +39,3 @@ li a {
     text-decoration: none;
     font-size: 2rem;
 }
-
-li a:hover {
-    text-decoration: underline;
-}
diff --git a/index.html b/index.html
@@ -73,13 +73,15 @@ <h2 class="things__txt">Things:</h2>
             <h2 class="contact__txt">Contact me:</h2>
             <ul class="links-flex">
                 <li class="link-flex">
-                    <a class="button button--focus link-flex__btn" href="https://www.github.com/4yman-0">
+                    <a class="button button--focus link-flex__btn"
+						href="https://www.github.com/4yman-0">
                         <img class="link-flex__icon" src="img/gh.svg" alt="Github icon">
                         Github
                     </a>
                 </li>
                 <li class="link-flex">
-                    <a class="button link-flex__btn" href="https://web.facebook.com/profile.php?id=61559737784942">
+                    <a class="button link-flex__btn"
+						href="https://web.facebook.com/profile.php?id=61559737784942">
                         <img class="link-flex__icon" src="img/fb.svg" alt="FaceBook icon">
                         FaceBook
                     </a>
@@ -91,7 +93,7 @@ <h2 class="contact__txt">Contact me:</h2>
     <footer class="footer">
         <pre class="footer__copy">&copy; 2024 4yman, All Rights Reserved.</pre>
         <noscript class="footer__no-js">
-            <pre>If you're reading this, I think you don't have JavaScript.</pre>
+            <pre>If you're reading this, I think your browser does not support JavaScript.</pre>
         </noscript>
         <!-- If you're reading this. I think you use DevTools -->
     </footer>