Fix bug and color

This commit is contained in:
d3vyce 2022-08-31 22:35:47 +02:00
parent e2f3271ff6
commit 7d3e17f789
2 changed files with 19 additions and 21 deletions

View File

@ -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);
}

View File

@ -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>