added subtitle back

.gitignore

@@ -1 +1,3 @@
 node_modules
+backend/venv/lib/**
+backend/venv/lib64/*

backend/main.py

@@ -0,0 +1,21 @@
+from nexios import NexiosApp
+import uvicorn 
+
+# Create a new Nexios application
+app = NexiosApp()
+
+# Define a simple route
+@app.get("/")
+async def hello_world(request, response):
+    return response.json({
+        "message": "Hello from Nexios!",
+        "status": "success"
+    })
+
+# If you forget to use async def for your handler, Nexios will run the handler in a threadpool
+
+# If you define two routes with the same path and method, Nexios will raise a conflict error at startup.
+
+# Run the application
+if __name__ == "__main__":
+    uvicorn.run("main:app")

backend/venv/bin/Activate.ps1

@@ -0,0 +1,247 @@
+<#
+.Synopsis
+Activate a Python virtual environment for the current PowerShell session.
+
+.Description
+Pushes the python executable for a virtual environment to the front of the
+$Env:PATH environment variable and sets the prompt to signify that you are
+in a Python virtual environment. Makes use of the command line switches as
+well as the `pyvenv.cfg` file values present in the virtual environment.
+
+.Parameter VenvDir
+Path to the directory that contains the virtual environment to activate. The
+default value for this is the parent of the directory that the Activate.ps1
+script is located within.
+
+.Parameter Prompt
+The prompt prefix to display when this virtual environment is activated. By
+default, this prompt is the name of the virtual environment folder (VenvDir)
+surrounded by parentheses and followed by a single space (ie. '(.venv) ').
+
+.Example
+Activate.ps1
+Activates the Python virtual environment that contains the Activate.ps1 script.
+
+.Example
+Activate.ps1 -Verbose
+Activates the Python virtual environment that contains the Activate.ps1 script,
+and shows extra information about the activation as it executes.
+
+.Example
+Activate.ps1 -VenvDir C:\Users\MyUser\Common\.venv
+Activates the Python virtual environment located in the specified location.
+
+.Example
+Activate.ps1 -Prompt "MyPython"
+Activates the Python virtual environment that contains the Activate.ps1 script,
+and prefixes the current prompt with the specified string (surrounded in
+parentheses) while the virtual environment is active.
+
+.Notes
+On Windows, it may be required to enable this Activate.ps1 script by setting the
+execution policy for the user. You can do this by issuing the following PowerShell
+command:
+
+PS C:\> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
+
+For more information on Execution Policies: 
+https://go.microsoft.com/fwlink/?LinkID=135170
+
+#>
+Param(
+    [Parameter(Mandatory = $false)]
+    [String]
+    $VenvDir,
+    [Parameter(Mandatory = $false)]
+    [String]
+    $Prompt
+)
+
+<# Function declarations --------------------------------------------------- #>
+
+<#
+.Synopsis
+Remove all shell session elements added by the Activate script, including the
+addition of the virtual environment's Python executable from the beginning of
+the PATH variable.
+
+.Parameter NonDestructive
+If present, do not remove this function from the global namespace for the
+session.
+
+#>
+function global:deactivate ([switch]$NonDestructive) {
+    # Revert to original values
+
+    # The prior prompt:
+    if (Test-Path -Path Function:_OLD_VIRTUAL_PROMPT) {
+        Copy-Item -Path Function:_OLD_VIRTUAL_PROMPT -Destination Function:prompt
+        Remove-Item -Path Function:_OLD_VIRTUAL_PROMPT
+    }
+
+    # The prior PYTHONHOME:
+    if (Test-Path -Path Env:_OLD_VIRTUAL_PYTHONHOME) {
+        Copy-Item -Path Env:_OLD_VIRTUAL_PYTHONHOME -Destination Env:PYTHONHOME
+        Remove-Item -Path Env:_OLD_VIRTUAL_PYTHONHOME
+    }
+
+    # The prior PATH:
+    if (Test-Path -Path Env:_OLD_VIRTUAL_PATH) {
+        Copy-Item -Path Env:_OLD_VIRTUAL_PATH -Destination Env:PATH
+        Remove-Item -Path Env:_OLD_VIRTUAL_PATH
+    }
+
+    # Just remove the VIRTUAL_ENV altogether:
+    if (Test-Path -Path Env:VIRTUAL_ENV) {
+        Remove-Item -Path env:VIRTUAL_ENV
+    }
+
+    # Just remove VIRTUAL_ENV_PROMPT altogether.
+    if (Test-Path -Path Env:VIRTUAL_ENV_PROMPT) {
+        Remove-Item -Path env:VIRTUAL_ENV_PROMPT
+    }
+
+    # Just remove the _PYTHON_VENV_PROMPT_PREFIX altogether:
+    if (Get-Variable -Name "_PYTHON_VENV_PROMPT_PREFIX" -ErrorAction SilentlyContinue) {
+        Remove-Variable -Name _PYTHON_VENV_PROMPT_PREFIX -Scope Global -Force
+    }
+
+    # Leave deactivate function in the global namespace if requested:
+    if (-not $NonDestructive) {
+        Remove-Item -Path function:deactivate
+    }
+}
+
+<#
+.Description
+Get-PyVenvConfig parses the values from the pyvenv.cfg file located in the
+given folder, and returns them in a map.
+
+For each line in the pyvenv.cfg file, if that line can be parsed into exactly
+two strings separated by `=` (with any amount of whitespace surrounding the =)
+then it is considered a `key = value` line. The left hand string is the key,
+the right hand is the value.
+
+If the value starts with a `'` or a `"` then the first and last character is
+stripped from the value before being captured.
+
+.Parameter ConfigDir
+Path to the directory that contains the `pyvenv.cfg` file.
+#>
+function Get-PyVenvConfig(
+    [String]
+    $ConfigDir
+) {
+    Write-Verbose "Given ConfigDir=$ConfigDir, obtain values in pyvenv.cfg"
+
+    # Ensure the file exists, and issue a warning if it doesn't (but still allow the function to continue).
+    $pyvenvConfigPath = Join-Path -Resolve -Path $ConfigDir -ChildPath 'pyvenv.cfg' -ErrorAction Continue
+
+    # An empty map will be returned if no config file is found.
+    $pyvenvConfig = @{ }
+
+    if ($pyvenvConfigPath) {
+
+        Write-Verbose "File exists, parse `key = value` lines"
+        $pyvenvConfigContent = Get-Content -Path $pyvenvConfigPath
+
+        $pyvenvConfigContent | ForEach-Object {
+            $keyval = $PSItem -split "\s*=\s*", 2
+            if ($keyval[0] -and $keyval[1]) {
+                $val = $keyval[1]
+
+                # Remove extraneous quotations around a string value.
+                if ("'""".Contains($val.Substring(0, 1))) {
+                    $val = $val.Substring(1, $val.Length - 2)
+                }
+
+                $pyvenvConfig[$keyval[0]] = $val
+                Write-Verbose "Adding Key: '$($keyval[0])'='$val'"
+            }
+        }
+    }
+    return $pyvenvConfig
+}
+
+
+<# Begin Activate script --------------------------------------------------- #>
+
+# Determine the containing directory of this script
+$VenvExecPath = Split-Path -Parent $MyInvocation.MyCommand.Definition
+$VenvExecDir = Get-Item -Path $VenvExecPath
+
+Write-Verbose "Activation script is located in path: '$VenvExecPath'"
+Write-Verbose "VenvExecDir Fullname: '$($VenvExecDir.FullName)"
+Write-Verbose "VenvExecDir Name: '$($VenvExecDir.Name)"
+
+# Set values required in priority: CmdLine, ConfigFile, Default
+# First, get the location of the virtual environment, it might not be
+# VenvExecDir if specified on the command line.
+if ($VenvDir) {
+    Write-Verbose "VenvDir given as parameter, using '$VenvDir' to determine values"
+}
+else {
+    Write-Verbose "VenvDir not given as a parameter, using parent directory name as VenvDir."
+    $VenvDir = $VenvExecDir.Parent.FullName.TrimEnd("\\/")
+    Write-Verbose "VenvDir=$VenvDir"
+}
+
+# Next, read the `pyvenv.cfg` file to determine any required value such
+# as `prompt`.
+$pyvenvCfg = Get-PyVenvConfig -ConfigDir $VenvDir
+
+# Next, set the prompt from the command line, or the config file, or
+# just use the name of the virtual environment folder.
+if ($Prompt) {
+    Write-Verbose "Prompt specified as argument, using '$Prompt'"
+}
+else {
+    Write-Verbose "Prompt not specified as argument to script, checking pyvenv.cfg value"
+    if ($pyvenvCfg -and $pyvenvCfg['prompt']) {
+        Write-Verbose "  Setting based on value in pyvenv.cfg='$($pyvenvCfg['prompt'])'"
+        $Prompt = $pyvenvCfg['prompt'];
+    }
+    else {
+        Write-Verbose "  Setting prompt based on parent's directory's name. (Is the directory name passed to venv module when creating the virtual environment)"
+        Write-Verbose "  Got leaf-name of $VenvDir='$(Split-Path -Path $venvDir -Leaf)'"
+        $Prompt = Split-Path -Path $venvDir -Leaf
+    }
+}
+
+Write-Verbose "Prompt = '$Prompt'"
+Write-Verbose "VenvDir='$VenvDir'"
+
+# Deactivate any currently active virtual environment, but leave the
+# deactivate function in place.
+deactivate -nondestructive
+
+# Now set the environment variable VIRTUAL_ENV, used by many tools to determine
+# that there is an activated venv.
+$env:VIRTUAL_ENV = $VenvDir
+
+if (-not $Env:VIRTUAL_ENV_DISABLE_PROMPT) {
+
+    Write-Verbose "Setting prompt to '$Prompt'"
+
+    # Set the prompt to include the env name
+    # Make sure _OLD_VIRTUAL_PROMPT is global
+    function global:_OLD_VIRTUAL_PROMPT { "" }
+    Copy-Item -Path function:prompt -Destination function:_OLD_VIRTUAL_PROMPT
+    New-Variable -Name _PYTHON_VENV_PROMPT_PREFIX -Description "Python virtual environment prompt prefix" -Scope Global -Option ReadOnly -Visibility Public -Value $Prompt
+
+    function global:prompt {
+        Write-Host -NoNewline -ForegroundColor Green "($_PYTHON_VENV_PROMPT_PREFIX) "
+        _OLD_VIRTUAL_PROMPT
+    }
+    $env:VIRTUAL_ENV_PROMPT = $Prompt
+}
+
+# Clear PYTHONHOME
+if (Test-Path -Path Env:PYTHONHOME) {
+    Copy-Item -Path Env:PYTHONHOME -Destination Env:_OLD_VIRTUAL_PYTHONHOME
+    Remove-Item -Path Env:PYTHONHOME
+}
+
+# Add the venv to the PATH
+Copy-Item -Path Env:PATH -Destination Env:_OLD_VIRTUAL_PATH
+$Env:PATH = "$VenvExecDir$([System.IO.Path]::PathSeparator)$Env:PATH"

backend/venv/bin/activate

@@ -0,0 +1,70 @@
+# This file must be used with "source bin/activate" *from bash*
+# You cannot run it directly
+
+deactivate () {
+    # reset old environment variables
+    if [ -n "${_OLD_VIRTUAL_PATH:-}" ] ; then
+        PATH="${_OLD_VIRTUAL_PATH:-}"
+        export PATH
+        unset _OLD_VIRTUAL_PATH
+    fi
+    if [ -n "${_OLD_VIRTUAL_PYTHONHOME:-}" ] ; then
+        PYTHONHOME="${_OLD_VIRTUAL_PYTHONHOME:-}"
+        export PYTHONHOME
+        unset _OLD_VIRTUAL_PYTHONHOME
+    fi
+
+    # Call hash to forget past commands. Without forgetting
+    # past commands the $PATH changes we made may not be respected
+    hash -r 2> /dev/null
+
+    if [ -n "${_OLD_VIRTUAL_PS1:-}" ] ; then
+        PS1="${_OLD_VIRTUAL_PS1:-}"
+        export PS1
+        unset _OLD_VIRTUAL_PS1
+    fi
+
+    unset VIRTUAL_ENV
+    unset VIRTUAL_ENV_PROMPT
+    if [ ! "${1:-}" = "nondestructive" ] ; then
+    # Self destruct!
+        unset -f deactivate
+    fi
+}
+
+# unset irrelevant variables
+deactivate nondestructive
+
+# on Windows, a path can contain colons and backslashes and has to be converted:
+if [ "${OSTYPE:-}" = "cygwin" ] || [ "${OSTYPE:-}" = "msys" ] ; then
+    # transform D:\path\to\venv to /d/path/to/venv on MSYS
+    # and to /cygdrive/d/path/to/venv on Cygwin
+    export VIRTUAL_ENV=$(cygpath /home/ebby/Desktop/Bluewaterblog/backend/venv)
+else
+    # use the path as-is
+    export VIRTUAL_ENV=/home/ebby/Desktop/Bluewaterblog/backend/venv
+fi
+
+_OLD_VIRTUAL_PATH="$PATH"
+PATH="$VIRTUAL_ENV/"bin":$PATH"
+export PATH
+
+# unset PYTHONHOME if set
+# this will fail if PYTHONHOME is set to the empty string (which is bad anyway)
+# could use `if (set -u; : $PYTHONHOME) ;` in bash
+if [ -n "${PYTHONHOME:-}" ] ; then
+    _OLD_VIRTUAL_PYTHONHOME="${PYTHONHOME:-}"
+    unset PYTHONHOME
+fi
+
+if [ -z "${VIRTUAL_ENV_DISABLE_PROMPT:-}" ] ; then
+    _OLD_VIRTUAL_PS1="${PS1:-}"
+    PS1='(venv) '"${PS1:-}"
+    export PS1
+    VIRTUAL_ENV_PROMPT='(venv) '
+    export VIRTUAL_ENV_PROMPT
+fi
+
+# Call hash to forget past commands. Without forgetting
+# past commands the $PATH changes we made may not be respected
+hash -r 2> /dev/null

backend/venv/bin/activate.csh

@@ -0,0 +1,27 @@
+# This file must be used with "source bin/activate.csh" *from csh*.
+# You cannot run it directly.
+
+# Created by Davide Di Blasi <davidedb@gmail.com>.
+# Ported to Python 3.3 venv by Andrew Svetlov <andrew.svetlov@gmail.com>
+
+alias deactivate 'test $?_OLD_VIRTUAL_PATH != 0 && setenv PATH "$_OLD_VIRTUAL_PATH" && unset _OLD_VIRTUAL_PATH; rehash; test $?_OLD_VIRTUAL_PROMPT != 0 && set prompt="$_OLD_VIRTUAL_PROMPT" && unset _OLD_VIRTUAL_PROMPT; unsetenv VIRTUAL_ENV; unsetenv VIRTUAL_ENV_PROMPT; test "\!:*" != "nondestructive" && unalias deactivate'
+
+# Unset irrelevant variables.
+deactivate nondestructive
+
+setenv VIRTUAL_ENV /home/ebby/Desktop/Bluewaterblog/backend/venv
+
+set _OLD_VIRTUAL_PATH="$PATH"
+setenv PATH "$VIRTUAL_ENV/"bin":$PATH"
+
+
+set _OLD_VIRTUAL_PROMPT="$prompt"
+
+if (! "$?VIRTUAL_ENV_DISABLE_PROMPT") then
+    set prompt = '(venv) '"$prompt"
+    setenv VIRTUAL_ENV_PROMPT '(venv) '
+endif
+
+alias pydoc python -m pydoc
+
+rehash

backend/venv/bin/activate.fish

@@ -0,0 +1,69 @@
+# This file must be used with "source <venv>/bin/activate.fish" *from fish*
+# (https://fishshell.com/). You cannot run it directly.
+
+function deactivate  -d "Exit virtual environment and return to normal shell environment"
+    # reset old environment variables
+    if test -n "$_OLD_VIRTUAL_PATH"
+        set -gx PATH $_OLD_VIRTUAL_PATH
+        set -e _OLD_VIRTUAL_PATH
+    end
+    if test -n "$_OLD_VIRTUAL_PYTHONHOME"
+        set -gx PYTHONHOME $_OLD_VIRTUAL_PYTHONHOME
+        set -e _OLD_VIRTUAL_PYTHONHOME
+    end
+
+    if test -n "$_OLD_FISH_PROMPT_OVERRIDE"
+        set -e _OLD_FISH_PROMPT_OVERRIDE
+        # prevents error when using nested fish instances (Issue #93858)
+        if functions -q _old_fish_prompt
+            functions -e fish_prompt
+            functions -c _old_fish_prompt fish_prompt
+            functions -e _old_fish_prompt
+        end
+    end
+
+    set -e VIRTUAL_ENV
+    set -e VIRTUAL_ENV_PROMPT
+    if test "$argv[1]" != "nondestructive"
+        # Self-destruct!
+        functions -e deactivate
+    end
+end
+
+# Unset irrelevant variables.
+deactivate nondestructive
+
+set -gx VIRTUAL_ENV /home/ebby/Desktop/Bluewaterblog/backend/venv
+
+set -gx _OLD_VIRTUAL_PATH $PATH
+set -gx PATH "$VIRTUAL_ENV/"bin $PATH
+
+# Unset PYTHONHOME if set.
+if set -q PYTHONHOME
+    set -gx _OLD_VIRTUAL_PYTHONHOME $PYTHONHOME
+    set -e PYTHONHOME
+end
+
+if test -z "$VIRTUAL_ENV_DISABLE_PROMPT"
+    # fish uses a function instead of an env var to generate the prompt.
+
+    # Save the current fish_prompt function as the function _old_fish_prompt.
+    functions -c fish_prompt _old_fish_prompt
+
+    # With the original prompt function renamed, we can override with our own.
+    function fish_prompt
+        # Save the return status of the last command.
+        set -l old_status $status
+
+        # Output the venv prompt; color taken from the blue of the Python logo.
+        printf "%s%s%s" (set_color 4B8BBE) '(venv) ' (set_color normal)
+
+        # Restore the return status of the previous command.
+        echo "exit $old_status" | .
+        # Output the original/"old" prompt.
+        _old_fish_prompt
+    end
+
+    set -gx _OLD_FISH_PROMPT_OVERRIDE "$VIRTUAL_ENV"
+    set -gx VIRTUAL_ENV_PROMPT '(venv) '
+end

backend/venv/bin/idna

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from idna.cli import main
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(main())

backend/venv/bin/nexios

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from nexios.cli import cli
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(cli())

backend/venv/bin/pip

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from pip._internal.cli.main import main
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(main())

backend/venv/bin/pip3

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from pip._internal.cli.main import main
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(main())

backend/venv/bin/pip3.12

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from pip._internal.cli.main import main
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(main())

backend/venv/bin/python

@@ -0,0 +1 @@
+/usr/bin/python

backend/venv/bin/python3

@@ -0,0 +1 @@
+python

backend/venv/bin/python3.12

@@ -0,0 +1 @@
+python

backend/venv/bin/uvicorn

@@ -0,0 +1,8 @@
+#!/home/ebby/Desktop/Bluewaterblog/backend/venv/bin/python
+# -*- coding: utf-8 -*-
+import re
+import sys
+from uvicorn.main import main
+if __name__ == '__main__':
+    sys.argv[0] = re.sub(r'(-script\.pyw|\.exe)?$', '', sys.argv[0])
+    sys.exit(main())

backend/venv/lib64

@@ -0,0 +1 @@
+lib

backend/venv/pyvenv.cfg

@@ -0,0 +1,5 @@
+home = /usr/bin
+include-system-site-packages = false
+version = 3.12.3
+executable = /usr/bin/python3.12
+command = /usr/bin/python -m venv /home/ebby/Desktop/Bluewaterblog/backend/venv

blog/src/components/Header.astro

@@ -7,8 +7,8 @@
       <!-- <a class="nav-link" href="/about">Über uns</a> -->
     </div>
     <div class="nav-right">
-      <a class="nav-link" href="/impressum">Impressum</a>
-      <a class="nav-link" href="/privacy-policy">Datenschutz</a>
+      <a class="nav-link" href="/impressum" style="#789">Impressum</a>
+      <a class="nav-link" href="/privacy-policy" style="#789">Datenschutz</a>
     </div>
   </nav>
 </header>
@@ -19,10 +19,10 @@
   }
 
   header {
-    padding: 24px;
+    padding: 32px;
     display: flex;
     align-items: center;
-    background-color: var(--primary-color);
+    background-color: #fff;
   }
 
   #name {
@@ -31,9 +31,8 @@
   }
 
   .vertical-line {
-    border-right: 3px solid var(--primary-text);
-    padding-left: 16px;
-    height: 2rem;
+    color: var(--primary-text);
+    border-right-width: 3px;
   }
 
   nav {
@@ -44,15 +43,11 @@
   }
 
   a {
-    font-size: 1.5rem;
     padding-left: 16px;
     color: var(--primary-text);
     width: fit-content;
   }
 
-  .nav-left {
-  }
-
   .nav-right {
     display: flex;
     flex-wrap: wrap;
@@ -60,7 +55,4 @@
     
   }
 
-  .nav-right > a {
-    font-size: 1rem;
-  }
 </style>

blog/src/components/PostImageBig.astro

@@ -0,0 +1,8 @@
+---
+const {imgPath, alt} = Astro.props
+---
+
+<img src={imgPath} 
+     alt={alt} 
+     style="max-width: 100%; height: auto;" 
+     loading="lazy">

blog/src/components/PostPreviewLarge.astro

@@ -13,22 +13,25 @@ const { post, url } = Astro.props;
 const img = findImageByPath(post.image.path);
 ---
 
-<a href={url} class="no-link-link">
-  <div class="wide-container">
-    <div class="image-col col rounded">
+<div class="wide-container">
+  <div class="image-col col rounded">
+    <a href={url}>
       <Image src={img} alt={post.image.alt} layout="constrained" />
-    </div>
-    <div class="text-col col">
-      <div class="top-info">
-        <span>Autor: {post.author}</span>
-        <span>{post.date}</span>
-      </div>
-      <h2 class="headline">{post.title}</h2>
-      <h7 class="subtitle">{post.subtitle}</h7>
-      <p class="description">{post.description}</p>
-    </div>
+    </a>
   </div>
-</a>
+  <div class="text-col col">
+    <a href={url} class="headline-link">
+      <h2 class="headline">{post.title}</h2>
+    </a>
+    <h7>{post.subtitle}</h7>
+    <div class="top-info">
+      <span>{post.date}</span>
+      <span class="vertical-line"></span>
+      <span>Autor: {post.author}</span>
+    </div>
+    <p class="description">{post.description}</p>
+  </div>
+</div>
 
 <style>
   .wide-container {
@@ -69,9 +72,16 @@ const img = findImageByPath(post.image.path);
   }
 
   .top-info {
-    display: flex;
     justify-content: space-between;
-    margin-bottom: 16px;
+    margin: 16px 0;
+    font-size: 1.125rem;
+    color: lightslategray;
+  }
+
+  .vertical-line {
+    color: #789;
+    border-right-width: 2px;
+    margin-right: 16px;
   }
 
   @media only screen and (max-width: 800px) {

blog/src/layouts/BlogPostLayout.astro

@@ -15,7 +15,7 @@ const titleImg = findImageByPath(frontmatter.image.path);
 ---
 
 <Main>
-  <article>
+  <article class="markdown-content">
     <Image
       id="titleImg"
       src={titleImg}
@@ -23,15 +23,17 @@ const titleImg = findImageByPath(frontmatter.image.path);
       class="rounded"
     />
     <h1 class="headline">{frontmatter.title}</h1>
-    <span class="subtitle">{frontmatter.subtitle}</span>
-    <hr />
     <div class="bottom-info">
       <span>Autor: {frontmatter.author}</span>
       <span>{frontmatter.date}</span>
     </div>
-    <hr />
     <slot />
-  <BackNav />
+    <BackNav />
+    <p class="disclaimer">
+      Disclaimer: Dieser Artikel ist ausschließlich privat und wird nicht durch
+      Produktplatzierung, Affiliate-Links oder ähnliches Unterstützt. Links
+      dienen allein dem Zweck der Information.
+    </p>
   </article>
 </Main>
 
@@ -41,6 +43,11 @@ const titleImg = findImageByPath(frontmatter.image.path);
     padding: 0 clamp(8px, 32px, 64px);
   }
 
+  .markdown-content {
+    font-size: 1.5rem;
+    line-height: 1.6;
+  }
+
   #titleImg {
     width: 100%;
     height: 200px;
@@ -51,6 +58,11 @@ const titleImg = findImageByPath(frontmatter.image.path);
   .bottom-info {
     display: flex;
     justify-content: space-between;
+    margin-top: 16px;
   }
 
+  .disclaimer {
+    margin: 32px 0 64px 0;
+    font-size: smaller;
+  }
 </style>

blog/src/pages/posts/100726_Under_Construction.md

@@ -1,13 +1,12 @@
 ---
 layout: ../../layouts/BlogPostLayout.astro
-title: 'Under Construction'
-subtitle: "Wir befinden uns im Aufbau"
-description: "Bald könnt ihr hier unsere ersten Abenteuer mitverfolgen. Und keine Sorge...an der Webseite wird auch noch gearbeitet!"
+title: Under Construction
+description: Bald könnt ihr hier unsere ersten Abenteuer mitverfolgen. Und keine Sorge...an der Webseite wird auch noch gearbeitet!
 image:
-    path: "construction.png"
-    alt: "Under Construction"
-author: 'Tim'
-date: '10.07.2026'
+    path: construction.png
+    alt: Under Construction
+author: Tim
+date: '2026-07-10'
 ---
 
 # All Endings Are Beginnings

blog/src/pages/posts/200826_Ostseeurlaub.md

@@ -0,0 +1,137 @@
+---
+layout: ../../layouts/BlogPostLayout.astro
+title: Ostseeurlaub
+subtitle: Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
+description: Ostseeurlaub bedeutet für mich ganz viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
+image:
+    path: ostsee.jpg
+    alt: Chiara und Tim vor einem Strand
+author: Tim
+date: '2026-08-20'
+---
+
+Eigentlich soll es hier um unser (zukünftiges) Boot und die Segelreisen gehen. 
+Bis wir davon berichten können dauert es aber noch ein bisschen. Was wir bis dahin machen? 
+Das Leben als Privatière genießen! Und das sieht so aus... 
+</br>
+</br>
+
+---
+
+## Ostseecamp Rerik
+Unser erstes light-Abenteuer führt uns an die Ostsee. Mit meiner Mutter und kleinem Bruder verbringen wir eine Woche im Ostseecamp Seeblick bei Rerik.
+
+Freitag morgen, 5 Uhr, geht's los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). 
+
+Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017). Unser Platz hat perfekten zweite Reihe Blick von den Klippen auf das Meer. Der Name ist nicht nur Marketing. Immer eine leichte Briese frische Meeresluft, so lassen sich die Temperaturen gut aushalten. Ab uns zu sehen wir Segelschiffe und sogar ein paar Traditionssegler auf dem Weg zur HanseSail. Dass das Animationsprogramm an diesem Tag bis 23 Uhr geht will mir, im Schlafsack liegend, aber nicht einleuchten. Ab 10 ist Nachtruhe!<br>
+Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch bei einer Geräuschkulisse zu schlafen.
+</br>
+</br>
+
+---
+
+## Tschu Tschuuuu
+
+<div style="display: flex; flex-direction: row; gap: 2%;">
+    <img src="/src/assets/blog_img/ostseeurlaub/molly_1.jpg" 
+        alt="Chiara und Tim stehen vor der Dampflok Molly." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+    <img src="/src/assets/blog_img/ostseeurlaub/molly_2.jpg" 
+        alt="Chiara und Tim stehen neben der Dampflok Molly." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+</div>
+
+
+Da wir nur eine Woche haben (sonst waren es drei), tüffteln wir uns einen straffen Plan aus.
+Station Nummer 1 ist eine Fahrt mit der Molly. Eine süße Schmalspurbahn zwischen Kühlungsborn und Bad Doberan. Das Ruckeln, der Windzug und dicke schwarze Rauch sind immer wieder ein herliches Erlebnis und nur ein geringer Preis dafür, Pünktlich zu sein. Looking at you, Fernverkehr!
+Vorbei an Heiligendamm, der Pferderennbahn, durch Felder und Wälder.
+
+In der kühle des Doberaner Klosters lässt es sich gut aushalten, bis es zurück zu Molly geht. 
+Zurück Kühlungsborn nutzen wir den Tag für ein kleines Mittagessen und einen Besuch des Strandes.
+Es dauert zwar ein bisschen, bei genauen Suchen findet sich zwischen den Strandkörben, Menschen und Sandburgen doch etwas Sand zum liegen.
+Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erste Mal in Wellen springt. So richtig schön große 2 Meter Wellen. Erst zögerlich und dann mit immer mehr Inbrunst. Die Stunde vergeht schnell, wenn man gegen die Macht des Meeres ankämpft. Das macht als Erwachsener noch genauso viel Spaß wie als Kind. Nur die Wellen sind in der Zwischenzeit irgendwie kleiner geworden...
+</br>
+</br>
+
+---
+
+## Toms Erlebnis-Dorf
+ <img src="/src/assets/blog_img/ostseeurlaub/karls.jpg" 
+        alt="Chiara und Tim stehen vor dem Eingangsschild zum Karls Erlebnisdorf in Rövershagen." 
+        style="max-width: 100%; height: auto;" 
+        loading="lazy" />
+
+Nächster Halt ist <a href="https://karls.de/" target="_blank">**Karls Erlebnis-Dorf**</a> in Rövershagen. Eine meiner jüngeren Kindheitserinnerungen. 
+Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugend im Karls Erlebnis-Dorf bei Berlin in der Pfannkuchen-Schmiede gearbeitet. Liebe Grüße!<br>
+*PS: Es gibt keinen herzhaften veggy Pfannkuchen. Skandal!!11!*
+
+
+Dieses erdbeerige Vergnügungsparadies bietet eine Menge Attraktionen für Familien. Vom Erdbeer-Schnaps über das Stockbrot bis zur saucoolen Murmelbahn.
+Mit dem Tagesticket können wir jegliche Attraktion fahren. Das machen wir auch! Alle Achterbahnen und Fahrgeschäfte nehmen wir mit. Auch das kleine Karoussel mit dem man einen riesen Lärm machen kann, Oink! Määähhh!, und die Treggerbahn kriegen uns begeistert. Hier wird Kapitalismus in besonders schöne Bänder gehüllt!
+
+<img src="/src/assets/blog_img/ostseeurlaub/karls_mais.jpg" 
+    alt="Chiara sizt in einem riesigen Maisbad." 
+    style="max-width: 100%; height: auto;" 
+    loading="lazy" />
+Chiara wird im Mais verbuddelt.
+
+Besonders freue ich mich auf die Eiswelt. In einer großen Halle stellen Bildhauis ihre Kunst aus und zeigen sogar live wie es geht. Das Thema in diesem Jahr ist Märchen (Und irgendwie ist auch die AIDA dabei...).
+
+<div style="display: flex; flex-direction: row; gap: 2%;">
+    <img src="/src/assets/blog_img/ostseeurlaub/karls_eis_thron.jpg" 
+        alt="Chiara und Tim auf einem Thron aus Eis." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+    <img src="/src/assets/blog_img/ostseeurlaub/karls_eis_aida.jpg" 
+        alt="Chiara und Tim stehen auf einem kleinen AIDA Bug aus Eis und spielen diese eine Szene aus Titanic nach." 
+        style="max-width: 49%; height: auto;" 
+        loading="lazy" />
+</div>
+Die blauen Mäntel bekommt man übrigens wegen der -15°C.
+
+Sogar zwei Rutschen aus Eis haben sie gebaut. Wunderschön und spaßig dazu. Außerdem die schnellste Abkühlung, die man im Sommer kriegen kann ;) 
+</br>
+</br>
+
+---
+
+## Nun doch ein bisschen Segelboot und Störtebeker 
+Donnerstag ist der große Tag für Störtebeker. Das Open-Air Theater auf der großartigen Naturbühne Ralswiek. Als Kind war es eine Konstante im Rügenurlaub. Das Ganze ist zwar 2,5 Stunden entfernt, aber die nehmen wir gerne in Kauf. 
+Als Zwischenstopp gucken wir uns in Rostock die schönen Traditionssegler an, die für die 
+<a href="https://www.hansesail.com/" target="_blank">HanseSail</a> im Stadthafen liegen.
+
+Ganz uneigentnützig ist der Besuch in Rostock allerdings auch nicht. Wir haben endlich den Termin mit unserer Bootsberaterin Marie. Dafür suchen wir uns einen ruhigen Ort mit stabilem Netz. Für beides taugt der Campingplatz nicht. 
+
+Der 3,5 Stunden-Workshop mit Marie vergeht wie im Flug. Sie hilft uns mit ihrem Wissen und erfragt Dinge, über die wir uns noch keine Gedanken gemacht haben.<br> 
+Wenn ich eins mitgenommen habe: Immer prüfen aus welchem Stahl die Edelstahlkette ist. Sonst lieber wegschmeißen und zur versinkten Kette greifen :D
+
+In den nächsten Wochen erhalten wir konkrete Rückmeldungen vom Bootsmarkt und dann heißt es: Boote besichtigen! :)
+Dafür nehmen wir euch natürlich mit (metaphorisch!).
+
+Aber nun ab zu den <a href="https://www.stoertebeker.de/de/" target="_blank">Störtebeker Festspielen</a>, wir sind spät dran. 
+Wem dieses Erlebnis bisher noch nicht zuteil wurde: Absolute Empfehlung! In den letzten 4 Jahren haben wir es immer geschafft und sind weiterhin große Fans. Dafür lohnt sich auch mal ein verpennter nächster Tag.
+Spoilern werde ich natürlich nicht. Nur soviel: **So'n großer Feuerball, Junge!**
+
+<img src="/src/assets/blog_img/ostseeurlaub/stoertebeker.jpg" 
+    alt="Chiara sizt in einem riesigen Maisbad." 
+    style="max-width: 100%; height: auto;" 
+    loading="lazy" />
+Nach der Vorstellung auf dem Weg zum Auto.
+</br>
+</br>
+
+---
+
+## Zufälle
+Der letzte ganze Tag verläuft eher typisch. Lange schlafen. Lesen. Kleine Spaziergänge. Eis essen.
+Nach so viel Action brauchen wir das auch mal.
+
+Während mein kleiner Bruder beim Volleyball Tournier mit seinen Aufschlägen physische Schmerzen verteilt, entdecke ich, dass der Mensch, der meinen Laptop über Kleinanzeigen kaufen will, in Wismar wohnt.
+Nur 20 Bahnminuten von uns entfernt!
+Den Laptop bringe ich ihm direkt vorbei und wir nutzen die Gelegenheit uns den Hafen von Wismar anzugucken. 
+
+Mit dem NEUEN Laptop, sind wir übrigens SEHR zufrieden ;). Der Framework 13 Pro ist wahrlich ein Meisterwerk.
+
+**Diese Woche war vollgepackt mit Kindheitserinnerungen, Erholung und Abenteuer. Das Wetter hätte nicht besser sein können. Zu sagen, dass wir es genoßen hätten wäre eine Untertreibung. Entsprechend erholt sind wir danach und bereit für das nächste Abenteuer. Zeit für Kontrast zum Strand...**

blog/src/pages/rss.xml.js

@@ -1,11 +1,21 @@
 import rss, { pagesGlobToRssItems } from '@astrojs/rss';
 
 export async function GET(context) {
+
+    const posts = Object.values(
+        import.meta.glob("./posts/*.md", { eager: true })
+      );
+
     return rss({
         title: 'Blauwasser Mausis | Blog',
-        description: 'Segel, Fahrrad, Abenteuer',
+        description: 'Segeln, Fahrrad, Abenteuer',
         site: context.site,
-        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
+        items: posts.map(post => ({
+            title: post.frontmatter.title,
+            pubDate: Date.parse(post.frontmatter.date),
+            description: post.frontmatter.description,
+            link: post.url,
+        })),
         customData: `<language>de-de</language>`,
     });
 }

blog/src/styles/global.css

@@ -1,6 +1,6 @@
 :root {
-    --primary-color: rgb(32, 33, 79);
-    --primary-text: rgb(215, 213, 213);
+    --primary-color: #416A79;
+    --primary-text: #454545;
 }
 
 * {
@@ -22,6 +22,7 @@ body {
 }
 
 .nav-link {
+    font-size: 1.2rem;
     text-decoration: none;
     color: black;
 }
@@ -38,7 +39,13 @@ body {
 .headline {
     margin-top: 8px;
     margin-bottom: 0;
-    font-weight: bold;
+    font-weight: normal;
+    font-size: 28px;
+}
+
+.headline-link{
+    color: var(--primary-color);
+    text-decoration: none;
 }
 
 .subtitle {
@@ -46,9 +53,15 @@ body {
 }
 
 .description {
-    font-weight: bold;
+    font-size: 1.125rem;
 }
 
 .rounded {
     border-radius: 8px;
 }
+
+  .vertical-line {
+    border-right-style: solid;
+    padding-left: 16px;
+    height: 2rem;
+  }