Fix focus state + Code Meme

- fix focus state and add background color - add code meme
munusshih · Sep 13, 2024 · af91de2 · af91de2
1 parent 411995d
commit af91de2
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -28,7 +28,50 @@
     <script src="script.js" defer></script>
 </head>
 
-<!--  mix blend mode would break when using z-index or translate -->
+<!--
+
+
+  __  __                                  _   _ _ _    _             _
+ |  \/  |                         ___    | \ | (_| |  | |           (_)
+ | \  / |_   _ _ __  _   _ ___   ( _ )   |  \| |_| | _| |_ __ _ _ __ _
+ | |\/| | | | | '_ \| | | / __|  / _ \/\ | . ` | | |/ | __/ _` | '__| |
+ | |  | | |_| | | | | |_| \__ \ | (_>  < | |\  | |   <| || (_| | |  | |
+ |_|  |_|\__,_|_| |_|\__,_|___/  \___/\/ |_| \_|_|_|\_\\__\__,_|_|  |_|
+
+
+
+
+  ______ ______ ______
+ |______|______|______|
+
+
+
+
+   ____                    _
+  / __ \                  | |
+ | |  | | ___  _ __  ___  | |
+ | |  | |/ _ \| '_ \/ __| | |
+ | |__| | (_) | |_) \__ \ |_|
+  \____/ \___/| .__/|___/ (_)
+              | |
+              |_|
+ __     __            __                      _
+ \ \   / /           / _|                    | |
+  \ \_/ ___  _   _  | |_ ___  _   _ _ __   __| |
+   \   / _ \| | | | |  _/ _ \| | | | '_ \ / _` |
+    | | (_) | |_| | | || (_) | |_| | | | | (_| |
+    |_|\___/ \__,_| |_| \___/ \__,_|_| |_|\__,_|
+
+
+   ____                             _
+  / __ \                           | |
+ | |  | |_   _ _ __    ___ ___   __| | ___
+ | |  | | | | | '__|  / __/ _ \ / _` |/ _ \
+ | |__| | |_| | |    | (_| (_) | (_| |  __/
+  \____/ \__,_|_|     \___\___/ \__,_|\___|
+
+
+-->
 
 <body>
     <aside id="about" class="display-none">

diff --git a/styles.css b/styles.css
@@ -74,7 +74,7 @@ nav {
 }
 
 .left-side {
-    &:hover {
+    &:hover, &:focus-visible {
         background-color: var(--munus-color);
         color: white;
         cursor: pointer;
@@ -86,7 +86,7 @@ nav {
 }
 
 .right-side {
-    &:hover {
+    &:hover, &:focus-visible {
         background-color: var(--niktari-color);
         color: white;
         cursor: pointer;