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:02:34 +01:00
parent 63c4f1b490
commit f4d53d0a58
1 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.php
View File

@@ -4,18 +4,34 @@
<meta charset="UTF-8">
<meta name="robots" content="noindex">
<title>ben zijn betere homesite</title>
<link rel="stylesheet" href="style.css">
<style>
body {
display: flex;
flex-direction: column;
align-items: center; /* horizontaal midden */
justify-content: center; /* verticaal midden */
min-height: 100vh; /* scherm volledig gebruiken */
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
font-family: 'Courier New', Courier, monospace;
background-color: rgba(36, 93, 164, 1);
color: #ffffff; /* wit voor goed contrast */
color: #ffffff;
/* 🌈 ANIMATED BACKGROUND */
background: linear-gradient(
120deg,
#245da4,
#1b3a6f,
#0f2027,
#2c5364
);
background-size: 400% 400%;
animation: bgFade 15s ease infinite;
}
@keyframes bgFade {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
h1 {
@@ -27,23 +43,24 @@
}
li {
list-style: none; /* bullets weg */
list-style: none;
margin: 5px 0;
}
a {
text-decoration: none; /* onderstreping weg */
color: #00ffff; /* mooie cyan kleur */
text-decoration: none;
color: #00ffff;
font-size: 18px;
transition: color 0.2s;
}
a:hover {
text-decoration: underline;
color: #000000; /* hover kleur verandert naar oranje */
color: #000000;
}
</style>
</head>
<body>
<h1>voor alle dieren in de dierentuin</h1>
<ul>