ben/ben.de-roo.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.php

Browse Source
This commit is contained in:
Ben de Roo
2025-12-30 11:23:56 +01:00
parent e94defad47
commit f5748d80a2
1 changed files with 10 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
index.php
View File

@@ -14,9 +14,9 @@
color: #a9b594b3;
background: linear-gradient(120deg, #245da4, #291451, #1e0f27, #1c0917);
background-size: 400% 400%;
animation: bgFade 15s ease infinite;
animation: bgFade 10s ease infinite; /* sneller */
background-attachment: fixed;
transition: background 0.5s, color 0.5s;
transition: background 0.3s, color 0.3s;
}
@keyframes bgFade {
@@ -62,14 +62,12 @@
li {
margin: 10px 0;
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease;
transition: all 0.2s ease; /* sneller */
}
li.show {
opacity: 1;
transform: translateY(0);
li:hover {
transform: scale(1.05) translateY(-5px);
background: rgba(0, 255, 255, 0.4);
}
a {
@@ -80,15 +78,13 @@
color: #00ffff;
font-size: 18px;
text-decoration: none;
transition: all 0.3s ease;
transition: all 0.2s ease; /* sneller */
backdrop-filter: blur(5px);
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
a:hover {
background: rgba(0, 255, 255, 0.4);
color: #000000;
transform: scale(1.05);
}
/* Hackertheme */
@@ -103,9 +99,9 @@
box-shadow: 0 4px 10px rgba(0,255,0,0.3);
}
body.hacker a:hover {
background: rgba(0, 255, 0, 0.3);
color: #000;
body.hacker li:hover {
background: rgba(0,255,0,0.3);
transform: scale(1.05) translateY(-5px);
}
::-webkit-scrollbar {
@@ -139,17 +135,6 @@
</ul>
<script>
// Fade-in bij hover
const items = document.querySelectorAll('li');
items.forEach(item => {
item.addEventListener('mouseenter', () => {
item.classList.add('show');
});
item.addEventListener('mouseleave', () => {
item.classList.remove('show');
});
});
// Hackertheme toggle
const btn = document.getElementById('themeToggle');
btn.addEventListener('click', () => {