diff --git a/static/clippy.png b/static/clippy.png new file mode 100644 index 0000000..ab8db9f Binary files /dev/null and b/static/clippy.png differ diff --git a/static/clippy_transparent.png b/static/clippy_transparent.png new file mode 100644 index 0000000..2029510 Binary files /dev/null and b/static/clippy_transparent.png differ diff --git a/static/style.css b/static/style.css index 7083176..7065aff 100644 --- a/static/style.css +++ b/static/style.css @@ -323,7 +323,31 @@ p { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; - align-items: center; + align-items: start; +} + +.eol-main { + display: flex; + flex-direction: column; + gap: 1.5rem; +} + +.eol-clippy-image { + text-align: center; + order: -1; /* Ensure Clippy appears first */ +} + +.eol-clippy-image img { + max-width: 350px; + max-height: 350px; + width: auto; + height: auto; + object-fit: contain; + overflow: hidden; +} + +.eol-text { + order: 1; /* Ensure text appears after Clippy */ } .eol-text ul { diff --git a/templates/index.html b/templates/index.html index b0860fa..232ac2d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -147,15 +147,20 @@
Microsoft stopt de ondersteuning voor Windows 10 in oktober 2025. Dit betekent:
-Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.
+Microsoft stopt de ondersteuning voor Windows 10 in oktober 2025. Dit betekent:
+Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.
+