From e83758fc07df208029e0fa84ed79fc0870a20fae Mon Sep 17 00:00:00 2001 From: marcel Date: Mon, 22 Apr 2024 13:45:28 +0200 Subject: [PATCH 1/6] Added Uptime Kuma --- root/index.php | 10 +++++++--- root/static/uptime-kuma.svg | 9 +++++++++ 2 files changed, 16 insertions(+), 3 deletions(-) create mode 100644 root/static/uptime-kuma.svg diff --git a/root/index.php b/root/index.php index 49c0e48..2fb52a6 100644 --- a/root/index.php +++ b/root/index.php @@ -15,15 +15,19 @@ $title = "Marcel's Homepage";
diff --git a/root/static/uptime-kuma.svg b/root/static/uptime-kuma.svg new file mode 100644 index 0000000..c421791 --- /dev/null +++ b/root/static/uptime-kuma.svg @@ -0,0 +1,9 @@ + + + + + + + + + From d8c6c2036f89ad8f73ee148fc5d28f21d58a5454 Mon Sep 17 00:00:00 2001 From: Michael Rodin Date: Tue, 23 Apr 2024 18:15:52 +0200 Subject: [PATCH 2/6] Added viewport stuff --- root/css/base.css | 7 ++++--- root/index.php | 8 +++++--- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/root/css/base.css b/root/css/base.css index 31a2512..b3aa0ec 100644 --- a/root/css/base.css +++ b/root/css/base.css @@ -42,6 +42,7 @@ main > p { #links-container { justify-content: center; display: flex; + flex-flow: row wrap; width: 100%; } @@ -88,12 +89,12 @@ div.image { div.desc { margin: auto 6pt auto 0; text-align: center; - font-weight: 700; - font-size:15pt; + font-weight: 800; + font-size:14pt; } footer { - position: fixed; + position: relative; display: flex; left: 0; bottom: 0; diff --git a/root/index.php b/root/index.php index 2fb52a6..beda4cf 100644 --- a/root/index.php +++ b/root/index.php @@ -5,6 +5,7 @@ $title = "Marcel's Homepage"; ?> + <?php echo $title; ?> @@ -13,6 +14,10 @@ $title = "Marcel's Homepage";

+

+ You've reached my realm. Now look around or leave. +

+ -

- You've reached my realm. Now look around or leave. -

From 0f33db1175d7db67d4917da016b533ab1b630244 Mon Sep 17 00:00:00 2001 From: marcel Date: Thu, 16 May 2024 01:01:59 +0200 Subject: [PATCH 3/6] Added PeerTube as tile --- root/index.php | 4 ++++ root/static/peertube.svg | 8 ++++++++ 2 files changed, 12 insertions(+) create mode 100644 root/static/peertube.svg diff --git a/root/index.php b/root/index.php index beda4cf..051cd22 100644 --- a/root/index.php +++ b/root/index.php @@ -31,6 +31,10 @@ $title = "Marcel's Homepage";
logo
Forgejo
+
+
logo
Forgejo
+ +
logo
Matrix (Element)
diff --git a/root/static/peertube.svg b/root/static/peertube.svg new file mode 100644 index 0000000..5dacced --- /dev/null +++ b/root/static/peertube.svg @@ -0,0 +1,8 @@ + + + + + + + + From cae4cc03fb9ac1dfeac3f0b50f91754d1fb82774 Mon Sep 17 00:00:00 2001 From: marcel Date: Thu, 16 May 2024 01:04:18 +0200 Subject: [PATCH 4/6] White box at least box --- root/css/base.css | 1 + 1 file changed, 1 insertion(+) diff --git a/root/css/base.css b/root/css/base.css index b3aa0ec..891830a 100644 --- a/root/css/base.css +++ b/root/css/base.css @@ -79,6 +79,7 @@ img.item { div.image { border-radius: 15pt; height: 58pt; + min-width: 58pt; width: auto; display: inline-block; padding: 5pt; From b125f86fa93077e7aa67c9c7dcc7420365259590 Mon Sep 17 00:00:00 2001 From: Michael Rodin Date: Thu, 16 May 2024 16:35:47 +0200 Subject: [PATCH 5/6] White box not centering --- root/css/base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/root/css/base.css b/root/css/base.css index 891830a..2596935 100644 --- a/root/css/base.css +++ b/root/css/base.css @@ -82,7 +82,7 @@ div.image { min-width: 58pt; width: auto; display: inline-block; - padding: 5pt; + padding: 5pt auto; margin: 12pt 10pt 12pt 12pt; background: white; } From 441e4781de1401a433b60649093692cb39eb2d33 Mon Sep 17 00:00:00 2001 From: marcel Date: Thu, 13 Jun 2024 13:15:47 +0200 Subject: [PATCH 6/6] 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";

"; +} +?>
- +