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