Plexi09/plexi09.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added the hacker space section

Browse source
This commit is contained in:
Plexi09 2026-02-23 22:30:01 +01:00
parent 876cc5b5cd
commit 9681466082
Signed by: Plexi09
GPG key ID: 20D439A69163544A
5 changed files with 248 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

65
css/style.css
View file

@ -513,3 +513,68 @@ footer {
border-image: var(--gradient) 1;
border-top-width: 1px;
}
/* ═══════════════════════════
HACKER SPACE
═══════════════════════════ */
.space-card {
transition: transform 0.3s var(--ease-out-expo);
}
.copy-btn {
opacity: 0;
transform: scale(0.9);
transition: all 0.3s var(--ease-out-expo);
}
.space-card:hover .copy-btn {
opacity: 1;
transform: scale(1);
}
.key-wrapper {
/* Ensure the gradient matches the card's perceived background */
/* Since card is white/5 on dark, we can use a gradient from transparent to that color */
}
.key-wrapper .fade-overlay {
/* Use a gradient that fades to the background color to hide text effectively */
background: linear-gradient(to bottom, transparent, #111 90%);
}
.key-wrapper.expanded {
max-height: 2000px; /* Arbitrary large value for transition */
}
.key-wrapper.expanded .fade-overlay {
opacity: 0;
}
.toggle-btn i {
transition: transform 0.3s var(--ease-smooth);
}
.toggle-btn.active i {
transform: rotate(180deg);
}
/* Override global scrollbar hiding for specific elements */
.custom-scrollbar::-webkit-scrollbar {
width: 8px;
height: 8px;
display: block !important;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.4);
}