From 441e4781de1401a433b60649093692cb39eb2d33 Mon Sep 17 00:00:00 2001 From: marcel Date: Thu, 13 Jun 2024 13:15:47 +0200 Subject: [PATCH] PHP --- root/css/base.css | 29 +++++++++++++++++++++-------- root/index.php | 39 ++++++++++++++++++--------------------- 2 files changed, 39 insertions(+), 29 deletions(-) diff --git a/root/css/base.css b/root/css/base.css index 2596935..9832c0a 100644 --- a/root/css/base.css +++ b/root/css/base.css @@ -8,6 +8,8 @@ } body { + position: relative; + min-height: 100em; padding: 0; margin: 0; font-family: Roboto; @@ -64,7 +66,7 @@ div.item > a { } div.item:hover { - animation:hover 0.2s forwards; + animation: hover 0.2s forwards; } @keyframes hover { @@ -74,16 +76,18 @@ div.item:hover { img.item { height: inherit; + margin: 0 auto; } div.image { border-radius: 15pt; height: 58pt; min-width: 58pt; - width: auto; - display: inline-block; - padding: 5pt auto; + display: block; + width: fit-content; + padding: 5pt; margin: 12pt 10pt 12pt 12pt; + text-align: center; background: white; } @@ -91,14 +95,23 @@ div.desc { margin: auto 6pt auto 0; text-align: center; font-weight: 800; - font-size:14pt; + font-size: 14pt; } footer { - position: relative; - display: flex; - left: 0; + position: absolute; bottom: 0; + left: 0; + width: 100%; height: 10em; border-top: grey 1px solid; + display: flex; + justify-content: center; + align-items: center; } + +@media screen and (max-width: 600px) { + div.item { + width: 70%; + } +} \ No newline at end of file diff --git a/root/index.php b/root/index.php index 051cd22..3296b1b 100644 --- a/root/index.php +++ b/root/index.php @@ -2,6 +2,13 @@ "authentik","displayname" => "Authentik", "link" => "https://auth.marcelsite.com", "image" => "/static/authentik.svg"), + array("name" => "uptime-kuma","displayname" => "Uptime Kuma", "link" => "https://status.marcelsite.com", "image" => "/static/uptime-kuma.svg"), + array("name" => "forgejo","displayname" => "Forgejo", "link" => "https://git.marcelsite.com", "image" => "/static/forgejo.svg"), + array("name" => "peertube","displayname" => "Peertube", "link" => "https://peertube.marcelsite.com", "image" => "/static/peertube.svg"), + array("name" => "element","displayname" => "Matrix (Element)", "link" => "https://element.marcelsite.com", "image" => "/static/element.svg"), +]; ?> @@ -19,30 +26,20 @@ $title = "Marcel's Homepage";

"; +} +?> - +