From 2f3fda9d576506e04a0de040d5b0ce7d2cd1e841 Mon Sep 17 00:00:00 2001
From: DrMaxNix <git@drmaxnix.de>
Date: Fri, 7 Jun 2024 11:28:06 +0200
Subject: [PATCH] :sparkles: quicklinks embed

---
 meta.php                    |  9 +++++++--
 page/embed/index.php        | 27 +++++++++++++++++++++++++++
 page/section_quicklinks.php | 24 ++++++++++++++++++++++++
 page/start/index.php        | 16 +---------------
 page/style.css              |  3 +++
 5 files changed, 62 insertions(+), 17 deletions(-)
 create mode 100644 page/embed/index.php
 create mode 100644 page/section_quicklinks.php

diff --git a/meta.php b/meta.php
index 3138396..395f7a2 100644
--- a/meta.php
+++ b/meta.php
@@ -21,7 +21,12 @@
 	
 	// pages
 	static::$route["thi-hub.de"] = [
-		["path" => "",			"target" => "page/start"],
-		["path" => ":lang",		"target" => "page/start"],
+		// start
+		["path" => "",					"target" => "page/start"],
+		["path" => ":lang",				"target" => "page/start"],
+		
+		// embed
+		["path" => "embed",				"target" => "page/embed"],
+		["path" => ":lang/embed",		"target" => "page/embed"],
 	];
 ?>
diff --git a/page/embed/index.php b/page/embed/index.php
new file mode 100644
index 0000000..b460655
--- /dev/null
+++ b/page/embed/index.php
@@ -0,0 +1,27 @@
+<?php
+	declare(strict_types = 1);
+	namespace Kimendisch\Thi_Hub;
+	use Flake\Page;
+	
+	// AUTOSELECT LANGUAGE //
+	require("./page/lang_autoselect.php");
+	
+	
+	// PAGE INIT //
+	require("./page/page_base.php");
+	
+	Page::title(Data::$dict->get("title"));
+	Page::description(Data::$dict->get("description"));
+	
+	Page::robots(index: false, follow: false);
+?>
+
+
+
+
+
+<div class="page-container sparse">
+	<div class="page">
+		<?php require("./page/section_quicklinks.php"); ?>
+	</div>
+</div>
diff --git a/page/section_quicklinks.php b/page/section_quicklinks.php
new file mode 100644
index 0000000..5d40929
--- /dev/null
+++ b/page/section_quicklinks.php
@@ -0,0 +1,24 @@
+<?php
+	declare(strict_types = 1);
+	namespace Kimendisch\Thi_Hub;
+?>
+
+
+
+
+
+<div class="section quicklinks">
+	<div class="content">
+		<div class="button-list">
+			<?php foreach(Data::$dict->get("quicklink_list") as $one_quicklink){ ?>
+				<a href="<?= $one_quicklink["url"] ?>" target="_blank" class="button big <?= $one_quicklink["color"] ?>">
+					<span class="icon big ti ti-<?= $one_quicklink["icon"] ?>"></span>
+					<div class="text">
+						<span><?= $one_quicklink["name"] ?></span>
+						<span class="gray-dark"><?= $one_quicklink["extra"] ?></span>
+					</div>
+				</a>
+			<?php } ?>
+		</div>
+	</div>
+</div>
diff --git a/page/start/index.php b/page/start/index.php
index 48f1ec0..383fc64 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -23,21 +23,7 @@
 
 <div class="page-container">
 	<div class="page">
-		<div class="section quicklinks">
-			<div class="content">
-				<div class="button-list">
-					<?php foreach(Data::$dict->get("quicklink_list") as $one_quicklink){ ?>
-						<a href="<?= $one_quicklink["url"] ?>" target="_blank" class="button big <?= $one_quicklink["color"] ?>">
-							<span class="icon big ti ti-<?= $one_quicklink["icon"] ?>"></span>
-							<div class="text">
-								<span><?= $one_quicklink["name"] ?></span>
-								<span class="gray-dark"><?= $one_quicklink["extra"] ?></span>
-							</div>
-						</a>
-					<?php } ?>
-				</div>
-			</div>
-		</div>
+		<?php require("./page/section_quicklinks.php"); ?>
 		
 		<div class="section about">
 			<div class="header">
diff --git a/page/style.css b/page/style.css
index 6ea50fa..71e5faf 100644
--- a/page/style.css
+++ b/page/style.css
@@ -145,6 +145,9 @@ button:focus {
 	align-items: center;
 	justify-content: flex-start;
 }
+.page-container.sparse {
+	justify-content: center;
+}
 .page {
 	max-width: 60vw;