Removed demo posts, CSS and layout fix

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 **/cache
+**/dist

docker/Caddyfile

@@ -0,0 +1,6 @@
+:80 {
+    root * /var/www/html
+    file_server
+
+    try_files {path} /index.html
+}

docker/Dockerfile

@@ -0,0 +1,15 @@
+FROM node:23.6 AS build-stage
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+
+RUN npm install
+
+COPY docs/ docs/
+
+RUN npm run docs:build
+
+FROM caddy:2.9 AS production-stage
+
+COPY --from=build-stage /app/docs/.vitepress/dist /var/www/html

docker/compose.yml

@@ -0,0 +1,12 @@
+name: webpage
+
+services:
+  webpage:
+    build:
+      context: ../
+      dockerfile: docker/Dockerfile
+    ports:
+      - "7300:80"
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile:ro
+    restart: unless-stopped

docs/.vitepress/theme/layout/Home.vue

@@ -10,7 +10,7 @@ const latestPosts = computed(() => {
 </script>
 <template>
   <Content />
-  <div>
+  <div v-if="posts.length">
     <h1>Latest Blog Posts</h1>
     <ul class="blog-list">
       <li v-for="{ title, url, date, excerpt } of posts" :key="url">

docs/.vitepress/theme/styles/blogpost.css

@@ -68,16 +68,17 @@
   border-color: #4caf50;
 }
 .tip .custom-block-title::before {
-    content: "💡 ";
+  content: "💡 ";
 }
 .tip .custom-block-title {
   color: #4caf50;
+}
 
 .important.custom-block {
   border-color: #e91e63;
 }
 .important .custom-block-title::before {
-    content: "❗️ ";
+  content: "❗️ ";
 }
 .important .custom-block-title {
   color: #e91e63;
@@ -87,7 +88,7 @@
   border-color: #ff9800;
 }
 .warning .custom-block-title::before {
-    content: "⚠️ ";
+  content: "⚠️ ";
 }
 .warning .custom-block-title {
   color: #ff9800;
@@ -97,7 +98,7 @@
   border-color: #ff5722;
 }
 .caution .custom-block-title::before {
-    content: "🔥 ";
+  content: "🔥 ";
 }
 .caution .custom-block-title {
   color: #ff5722;

docs/legals.md

@@ -8,6 +8,41 @@ E-Mail: [info(at)simon-einzinger.de](mailto:info@simon-einzinger.de)
 
 ## Haftung für und Überprüfung von Inhalten:
 
-Durch die Vorgaben in § 7 Absatz 1 TMG bin ich als Webmaster für die Inhalte meines Blogs verantwortlich.
-Gleichzeitig befreien mich §§ 8 bis einschließlich § 10 TMG von der Verantwortung, übermittelte oder gespeicherte fremde Inhalte zu überwachen.
+Durch die Vorgaben in §7 Absatz 1 TMG bin ich als Webmaster für die Inhalte meines Blogs verantwortlich.
+Gleichzeitig befreien mich §§8 bis einschließlich §10 TMG von der Verantwortung, übermittelte oder gespeicherte fremde Inhalte zu überwachen.
 Trotzdem bin ich mir meiner Pflicht bewusst, der Sperrung und Entfernung von Informationen nachzukommen, wie es geltende Gesetze vorgeben.
+
+## Zugriffsdaten
+
+Bei Besuch der Website werden aufgrund berechtigten Interesses (s. Art. 6 Abs. 1 lit. f. DSGVO) Daten über Zugriffe auf die Webseite in Logfiles gespeichert.
+Dabei werden folgende Daten protokolliert:
+
+- Besuchte Website
+- Uhrzeit zum Zeitpunkt des Zugriffes
+- Verwendeter Browser
+- Verwendetes Betriebssystem
+- Verwendete IP Adresse
+
+Diese Daten werden für maximal 14 Tage gespeichert und anschließend gelöscht.
+Müssen Daten aus Beweisgründen aufgehoben werden, sind sie solange on der Löschung ausgenommen bis der Vorfall endgültig geklärt ist.
+
+## Umgang mit Kontaktdaten
+
+Nehmen Sie durch die angebotenen Kontaktmöglichkeiten Verbindung mit mir auf, werden Ihre Angaben gespeichert, damit auf diese zur Bearbeitung und Beantwortung Ihrer Anfrage zurückgegriffen werden kann.
+Ohne Einwilligung werden diese Daten nicht an Dritte weitergegeben.
+
+## Rechte des Nutzers
+
+Sie haben als Nutzer das Recht, auf Antrag eine kostenlose Auskunft darüber zu erhalten, welche personenbezogenen Daten über Sie gespeichert wurden.
+Sie haben außerdem das Recht auf Berichtigung falscher Daten und auf die Verarbeitungseinschränkung oder Löschung Ihrer personenbezogenen Daten.
+Falls zutreffend, können Sie auch Ihr Recht auf Datenportabilität geltend machen.
+Sollten Sie annehmen, dass Ihre Daten unrechtmäßig verarbeitet wurden, können Sie eine Beschwerde bei der zuständigen Aufsichtsbehörde einreichen.
+
+## Widerspruchsrecht
+
+Nutzer dieser Webseite können von ihrem Widerspruchsrecht Gebrauch machen und der
+Verarbeitung ihrer personenbezogenen Daten zu jeder Zeit widersprechen.
+Wenn Sie eine Berichtigung, Sperrung, Löschung oder Auskunft über die zu Ihrer Person
+gespeicherten personenbezogenen Daten wünschen oder Fragen bzgl. der Erhebung,
+Verarbeitung oder Verwendung Ihrer personenbezogenen Daten haben oder erteilte
+Einwilligungen widerrufen möchten, wenden Sie sich bitte oben angegebene E-Mail Adresse.

docs/posts/hello.md

@@ -1,64 +0,0 @@
----
-title: Hello
-date: 2025-01-07
----
-
-Some excerpt for the blog post teasing what it is _about_
-
----
-
-[[TOC]]
-
-## Some test blog post
-
-with some lorem ipsum text
-
-```python [test.py]
-def hello_world() -> str:
-    return "Hello, World!"
-
-if __name__ == "__main__":
-    string = hello_world()
-    print(string)
-```
-
-::: code-group
-
-```sh [npm]
-npm install vitepress-plugin-group-icons
-```
-
-```sh [yarn]
-yarn add vitepress-plugin-group-icons
-```
-
-```sh [pnpm]
-pnpm add vitepress-plugin-group-icons
-```
-
-```sh [bun]
-bun add vitepress-plugin-group-icons
-```
-
-:::
-
-> [!TIP]
-> Highlights information that users should take into account, even when skimming.
-
-::: tip
-Some nice tip here
-:::
-
-```js
-export default {
-  name: "MyComponent",
-};
-```
-
-## Hello 2
-
-some more `text` with _awesome_ **formatting**
-
----
-
-some more text

docs/posts/hello2.md

@@ -1,33 +0,0 @@
----
-layout: blog
-title: Another Hello
-date: 2025-01-07
----
-
-Some excerpt for the blog post teasing what it is _about_
-
----
-
-[[TOC]]
-
-## Some test blog post
-
-with some lorem ipsum text
-
-```py
-def hello_world() -> str:
-    return "Hello, World!"
-
-
-if __name__ == "__main__":
-    string = hello_world()
-    print(string)
-```
-
-## Hello 2
-
-some more `text` with _awesome_ _formatting_
-
----
-
-some more text