✨ quicklinks embed

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"],
 	];
 ?>

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>

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>

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">

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;