added content.svelte to handle page max width for specific elements; added alternative page banner

src/routes/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import Content from "$lib/content.svelte";
     import GamedevWebring from "$lib/webrings/gamedev.svelte";
     import Gallery from "$lib/lists/gallery-entry.svelte";
     import LinkList from "$lib/link-list.svelte";
@@ -26,69 +27,71 @@
     <title>denizk0461's website</title> 
 </svelte:head>
 
-<h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
+<Content>
+    <h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
 
-<div class="container">
-    <div class="subcontainer">
-        <Gallery entries={[
-            {
-                title: "Project N5 – devlog",
-                subtitle: "my active game project about a girl finding herself in an unfamiliar future",
-                fullWidth: true,
-                img: "projects/projectn5/devlog/20250316/fishmonger.webp",
-                link: "projects/projectn5/devlog",
-            },
-            {
-                title: "Projects",
-                subtitle: "an overview of what i do and have done",
-                fullWidth: false,
-                img: "projects/project-mix.webp",
-                link: "projects",
-            },
-            {
-                title: "Blog",
-                subtitle: "more to come <i>soon</i>",
-                fullWidth: false,
-                img: "common/hypertext.webp",
-                link: "",
-            },
-        ]}/>
+    <div class="container">
+        <div class="subcontainer">
+            <Gallery entries={[
+                {
+                    title: "Project N5 – devlog",
+                    subtitle: "my active Godot game project about finding yourself in an unfamiliar future",
+                    fullWidth: true,
+                    img: "projects/projectn5/devlog/20250316/fishmonger.webp",
+                    link: "projects/projectn5/devlog",
+                },
+                {
+                    title: "Projects",
+                    subtitle: "an overview of what i do and have done",
+                    fullWidth: false,
+                    img: "projects/project-mix.webp",
+                    link: "projects",
+                },
+                {
+                    title: "Blog",
+                    subtitle: "more to come <i>soon</i>",
+                    fullWidth: false,
+                    img: "common/hypertext.webp",
+                    link: "",
+                },
+            ]}/>
+        </div>
+        <div class="subcontainer">
+            <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} onclick={setPicture}>↫ me </h3>
+
+            <p>Hi! I'm Deniz. I'm a programmer, sometimes a music producer, and rarely a hard-working student in Northern Germany. Welcome to my webpage!</p>
+
+            <p>Here you can find information on things I like sharing. check out my projects, especially the devlog of the game I'm working on!</p>
+
+            <h3>where to find me</h3>
+
+            <LinkList entries={[
+                {
+                    icon: "icons/bluesky.svg",
+                    text: "Bluesky",
+                    link: "https://bsky.app/profile/denizk0461.bsky.social",
+                },
+                {
+                    icon: "icons/codeberg.svg",
+                    text: "Codeberg",
+                    link: "https://codeberg.org/denizk0461",
+                },
+                {
+                    icon: "icons/github.svg",
+                    text: "GitHub",
+                    link: "https://github.com/denizk0461",
+                },
+                {
+                    icon: "icons/mailboxdotorg.svg",
+                    text: "E-Mail: denizk0461@mailbox.org",
+                    link: "",
+                },
+            ]}/>
+
+            <GamedevWebring />
+        </div>
     </div>
-    <div class="subcontainer">
-        <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} onclick={setPicture}>↫ me </h3>
-
-        <p>Hi! I'm Deniz. I'm a programmer, sometimes a music producer, and rarely a hard-working student in Northern Germany. Welcome to my webpage!</p>
-
-        <p>Here you can find information on things I like sharing. check out my projects, especially the devlog of the game I'm working on!</p>
-
-        <h3>where to find me</h3>
-
-        <LinkList entries={[
-            {
-                icon: "icons/bluesky.svg",
-                text: "Bluesky",
-                link: "https://bsky.app/profile/denizk0461.bsky.social",
-            },
-            {
-                icon: "icons/codeberg.svg",
-                text: "Codeberg",
-                link: "https://codeberg.org/denizk0461",
-            },
-            {
-                icon: "icons/github.svg",
-                text: "GitHub",
-                link: "https://github.com/denizk0461",
-            },
-            {
-                icon: "icons/mailboxdotorg.svg",
-                text: "E-Mail: denizk0461@mailbox.org",
-                link: "",
-            },
-        ]}/>
-
-        <GamedevWebring />
-    </div>
-</div>
+</Content>
 
 <style>
     .container {