diff --git a/astro/src/layouts/PhotoLayout.astro b/astro/src/layouts/PhotoLayout.astro
new file mode 100644
index 0000000..ea9f7e7
--- /dev/null
+++ b/astro/src/layouts/PhotoLayout.astro
@@ -0,0 +1,80 @@
+---
+import '@/styles/global.css';
+import { getSettings } from "@/content/settings/settings";
+import { getTextColor } from '@/lib/colors';
+
+interface Props {
+ settings: WebpageLayoutProps;
+}
+
+const pageSettings = Astro.props.settings.searchEngine;
+const settings = await getSettings();
+
+const css = {
+ "--ptc": settings.website.colors.primary,
+ "--stc": settings.website.colors.secondary ?? settings.website.colors.primary,
+ "--ptt": getTextColor(settings.website.colors.primary),
+ "--stt": settings.website.colors.secondary
+ ? getTextColor(settings.website.colors.secondary)
+ : getTextColor(settings.website.colors.primary)
+};
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {settings.website.titleTemplate.replaceAll("%T", pageSettings.title)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/astro/src/pages/[...route].astro b/astro/src/pages/[...route].astro
index c4cc05b..a63c4fb 100644
--- a/astro/src/pages/[...route].astro
+++ b/astro/src/pages/[...route].astro
@@ -5,6 +5,7 @@ import { getSettings } from "@/content/settings/settings"
import WebpageLayout from "@/layouts/WebpageLayout.astro";
import BlogLayout from "@/layouts/BlogLayout.astro";
import ProjectLayout from "@/layouts/ProjectLayout.astro";
+import PhotoLayout from '@/layouts/PhotoLayout.astro';
import BlogIndex from "@/components/blogs/BlogIndex.astro";
import ProjectIndex from "@/components/projects/ProjectIndex.astro";
import Webpage from "@/components/webpage/Webpage.astro";
@@ -144,7 +145,7 @@ if (page === null || page.page === null || !page.page.exists) {
) }
{ page.pageType === "Photo" && (
-
{JSON.stringify(page.page)}
-
+
) }