From 7d3e17f789bf33cef486f7c46b39342bb738d49a Mon Sep 17 00:00:00 2001
From: Nicolas Sudres <nicolas.sudres@hotmail.fr>
Date: Wed, 31 Aug 2022 22:35:47 +0200
Subject: [PATCH] Fix bug and color

---
 css/style.css | 14 ++++++--------
 index.html    | 26 +++++++++++++-------------
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/css/style.css b/css/style.css
index c0e1960..ea84934 100644
--- a/css/style.css
+++ b/css/style.css
@@ -12,6 +12,10 @@
   background-color: var(--dark-1);
 }
 
+.bg-dark-2 {
+  background-color: var(--dark-2);
+}
+
 .bg-dark-3 {
   background-color: var(--dark-3);
 }
@@ -116,12 +120,6 @@ a:hover {
   opacity: 1;
 }
 
-.badge:hover {
-  background-color: white;
-  color: black;
-}
-
-
 
 /* Header Section */
 @media (min-width: 992px) {
@@ -186,12 +184,12 @@ a:hover {
   padding-left: 0;
   border-radius: 6px;
   box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
-      transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
+      transition: .8s transform cubic-bezier(.155,1.105,.295,1.12), .8s box-shadow, .8s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
   cursor: pointer;
 }
 
 .project:hover {
-  transform: scale(1.05);
+  transform: scale(1.02);
   box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
 }
 
diff --git a/index.html b/index.html
index e24bb8f..9f19ec2 100644
--- a/index.html
+++ b/index.html
@@ -48,7 +48,7 @@
                 </div>
                 <div class="row head-row justify-content-center">
                     <div class="col-12 mouse_scroll p-0">
-                            <a href="#about">
+                            <a class="anchor" href="#about">
                                 <div class="mouse">
                                     <div class="wheel"></div>
                                 </div>
@@ -239,10 +239,10 @@
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">d3vyce.fr</h2>
                                         <p class="project-icon">
-                                            <span class="badge bg-dark-1">CSS3</span>
-                                            <span class="badge bg-dark-1">HTML5</span>
-                                            <span class="badge bg-dark-1">JS</span>
-                                            <span class="badge bg-dark-1">Bootstrap</span>
+                                            <span class="badge bg-dark-2">CSS3</span>
+                                            <span class="badge bg-dark-2">HTML5</span>
+                                            <span class="badge bg-dark-2">JS</span>
+                                            <span class="badge bg-dark-2">Bootstrap</span>
                                         </p>
                                     </div>
                                 </div>
@@ -257,8 +257,8 @@
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Python Game</h2>
                                         <p class="project-icon">
-                                            <span class="badge bg-dark-1">Python</span>
-                                            <span class="badge bg-dark-1">PyGame</span>
+                                            <span class="badge bg-dark-2">Python</span>
+                                            <span class="badge bg-dark-2">PyGame</span>
                                         </p>
                                     </div>
                                 </div>
@@ -275,9 +275,9 @@
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Writeup CTF</h2>
                                         <p class="project-icon">
-                                            <span class="badge bg-dark-1">Kali</span>
-                                            <span class="badge bg-dark-1">THM</span>
-                                            <span class="badge bg-dark-1">HTB</span>
+                                            <span class="badge bg-dark-2">Kali</span>
+                                            <span class="badge bg-dark-2">THM</span>
+                                            <span class="badge bg-dark-2">HTB</span>
                                         </p>
                                     </div>
                                 </div>
@@ -292,9 +292,9 @@
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Homelab</h2>
                                         <p class="project-icon">
-                                            <span class="badge bg-dark-1">Unraid</span>
-                                            <span class="badge bg-dark-1">OPNsense</span>
-                                            <span class="badge bg-dark-1">Wireguard</span>
+                                            <span class="badge bg-dark-2">Unraid</span>
+                                            <span class="badge bg-dark-2">OPNsense</span>
+                                            <span class="badge bg-dark-2">Wireguard</span>
                                         </p>
                                     </div>
                                 </div>