From 5b24ab0726d49d7ffb2af9380b9505c8b224d84f Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Fri, 18 Apr 2025 13:57:24 +0200
Subject: [PATCH] alt banner now has max width

---
 README.md                       | 39 ++-------------------------------
 src/lib/banner-title-alt.svelte | 27 ++++++++++++++---------
 2 files changed, 19 insertions(+), 47 deletions(-)

diff --git a/README.md b/README.md
index b5b2950..011d7e4 100644
--- a/README.md
+++ b/README.md
@@ -1,38 +1,3 @@
-# sv
+# pages-svelte
 
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npx sv create
-
-# create a new project in my-app
-npx sv create my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+Svelte repository for my website hosted at [https://denizk0461.codeberg.page/](https://denizk0461.codeberg.page/)
diff --git a/src/lib/banner-title-alt.svelte b/src/lib/banner-title-alt.svelte
index 7d1505f..0aba459 100644
--- a/src/lib/banner-title-alt.svelte
+++ b/src/lib/banner-title-alt.svelte
@@ -14,14 +14,16 @@
 </script>
 
 <div class="container">
-    <div class="img-container">
-        <img src="{banner}">
-    </div>
-    <div class="text-container">
-        <h1 class="title">{title}</h1>
-        {#if subtitle}
-        <p class="subtitle">{subtitle}</p>
-        {/if}
+    <div class="subcontainer">
+        <div class="img-container">
+            <img src="{banner}">
+        </div>
+        <div class="text-container">
+            <h1 class="title">{title}</h1>
+            {#if subtitle}
+            <p class="subtitle">{subtitle}</p>
+            {/if}
+        </div>
     </div>
 </div>
 
@@ -29,12 +31,17 @@
 
 <style>
     .container {
-        position: relative;
         width: 100%;
+        background-color: var(--color-background-highlight);
+    }
+
+    .subcontainer {
+        max-width: 1600px;
         height: 600px;
         display: flex;
         flex-direction: row;
-        background-color: var(--color-background-highlight);
+        margin-left: auto;
+        margin-right: auto;
     }
 
     .img-container {