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