From e94defad47a6cd967a7c5b72c2a7a2bdeb02dd00 Mon Sep 17 00:00:00 2001 From: Ben de Roo Date: Tue, 30 Dec 2025 11:20:02 +0100 Subject: [PATCH] Update index.php --- index.php | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 69 insertions(+), 1 deletion(-) diff --git a/index.php b/index.php index 0be7388..98af8d5 100644 --- a/index.php +++ b/index.php @@ -10,12 +10,13 @@ padding: 0; height: 100%; overflow: auto; - font-family: Arial, sans-serif; + font-family: monospace, monospace; color: #a9b594b3; background: linear-gradient(120deg, #245da4, #291451, #1e0f27, #1c0917); background-size: 400% 400%; animation: bgFade 15s ease infinite; background-attachment: fixed; + transition: background 0.5s, color 0.5s; } @keyframes bgFade { @@ -30,6 +31,28 @@ color: #ffffff; } + #themeToggle { + position: fixed; + top: 10px; + left: 50%; + transform: translateX(-50%); + padding: 10px 20px; + border: none; + border-radius: 5px; + background: rgba(0,255,255,0.2); + color: #00ffff; + cursor: pointer; + font-size: 16px; + backdrop-filter: blur(5px); + box-shadow: 0 4px 10px rgba(0,0,0,0.3); + transition: all 0.3s; + } + + #themeToggle:hover { + background: rgba(0,255,255,0.4); + color: #000; + } + ul { list-style: none; padding: 0; @@ -39,6 +62,14 @@ li { margin: 10px 0; + opacity: 0; + transform: translateY(20px); + transition: all 0.4s ease; + } + + li.show { + opacity: 1; + transform: translateY(0); } a { @@ -60,6 +91,23 @@ transform: scale(1.05); } + /* Hackertheme */ + body.hacker { + background: #000000; + color: #00ff00; + } + + body.hacker a { + background: rgba(0, 255, 0, 0.1); + color: #00ff00; + box-shadow: 0 4px 10px rgba(0,255,0,0.3); + } + + body.hacker a:hover { + background: rgba(0, 255, 0, 0.3); + color: #000; + } + ::-webkit-scrollbar { width: 0px; background: transparent; @@ -67,6 +115,7 @@ +

voor alle dieren in de dierentuin

+ +