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:47:15 +01:00
parent 6a5ffc3209
commit 664b490a5e
1 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.php
View File

@@ -17,17 +17,16 @@ if(isset($_GET['theme'])) {
<meta name="robots" content="noindex"> <meta name="robots" content="noindex">
<title>betere homesite</title> <title>betere homesite</title>
<style> <style>
/* Algemene styles */
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%; height: 100%;
overflow: auto; /* scrollen altijd mogelijk */ overflow: auto;
font-family: monospace, monospace; font-family: monospace, monospace;
color: #a9b594b3; color: #a9b594b3;
background: linear-gradient(120deg, #245da4, #291451, #1e0f27, #b71b8dff); background: linear-gradient(120deg, #245da4, #291451, #1e0f27, #b71b8dff);
background-size: 400% 400%; background-size: 400% 400%;
animation: bgFade 7s ease infinite; animation: bgFade 10s ease infinite;
transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;
} }
@@ -43,7 +42,6 @@ h1 {
color: #ffffff; color: #ffffff;
} }
/* Theme toggle knop */
#themeToggle { #themeToggle {
position: fixed; position: fixed;
top: 10px; top: 10px;
@@ -65,7 +63,6 @@ h1 {
color: #000; color: #000;
} }
/* Content */
ul { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
@@ -77,7 +74,7 @@ ul {
li { li {
margin: 10px 0; margin: 10px 0;
transition: all 0.2s ease; transition: none; /* direct effect bij hover */
} }
li:hover { li:hover {
@@ -93,7 +90,7 @@ a {
color: #00ffff; color: #00ffff;
font-size: 18px; font-size: 18px;
text-decoration: none; text-decoration: none;
transition: all 0.2s ease; transition: none; /* direct kleuren bij hover */
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);
} }
@@ -119,15 +116,14 @@ body.hacker li:hover {
transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px);
} }
/* Matrix canvas */ /* Matrix rain canvas */
#matrix { #matrix {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 0; z-index: 1;
pointer-events: none;
} }
</style> </style>
</head> </head>
@@ -179,7 +175,7 @@ const columns = Math.floor(width / fontSize);
const drops = Array(columns).fill(1); const drops = Array(columns).fill(1);
function drawMatrix() { function drawMatrix() {
ctx.fillStyle = "rgba(0, 0, 0, 0.05)"; ctx.fillStyle = "rgba(0, 0, 0, 0.08)";
ctx.fillRect(0, 0, width, height); ctx.fillRect(0, 0, width, height);
ctx.fillStyle = "#00ff00"; ctx.fillStyle = "#00ff00";