From 8461c8f71e15cbdca841bece15a008bbe8955bc5 Mon Sep 17 00:00:00 2001
From: Simon Einzinger <info@simon-einzinger.de>
Date: Fri, 31 Jan 2025 14:59:20 +0100
Subject: [PATCH] Removed demo posts, CSS and layout fix

---
 .gitignore                                |  1 +
 docker/Caddyfile                          |  6 +++
 docker/Dockerfile                         | 15 ++++++
 docker/compose.yml                        | 12 +++++
 docs/.vitepress/theme/layout/Home.vue     |  2 +-
 docs/.vitepress/theme/styles/blogpost.css |  9 ++--
 docs/legals.md                            | 39 +++++++++++++-
 docs/posts/hello.md                       | 64 -----------------------
 docs/posts/hello2.md                      | 33 ------------
 9 files changed, 77 insertions(+), 104 deletions(-)
 create mode 100644 docker/Caddyfile
 create mode 100644 docker/Dockerfile
 create mode 100644 docker/compose.yml
 delete mode 100644 docs/posts/hello.md
 delete mode 100644 docs/posts/hello2.md

diff --git a/.gitignore b/.gitignore
index 7f377e7..0acbe96 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 **/cache
+**/dist
diff --git a/docker/Caddyfile b/docker/Caddyfile
new file mode 100644
index 0000000..0679b59
--- /dev/null
+++ b/docker/Caddyfile
@@ -0,0 +1,6 @@
+:80 {
+    root * /var/www/html
+    file_server
+
+    try_files {path} /index.html
+}
diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000..73d6bb2
--- /dev/null
+++ b/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
diff --git a/docker/compose.yml b/docker/compose.yml
new file mode 100644
index 0000000..313e264
--- /dev/null
+++ b/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
diff --git a/docs/.vitepress/theme/layout/Home.vue b/docs/.vitepress/theme/layout/Home.vue
index 0663006..0fe3387 100644
--- a/docs/.vitepress/theme/layout/Home.vue
+++ b/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">
diff --git a/docs/.vitepress/theme/styles/blogpost.css b/docs/.vitepress/theme/styles/blogpost.css
index 579e55f..508d251 100644
--- a/docs/.vitepress/theme/styles/blogpost.css
+++ b/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;
diff --git a/docs/legals.md b/docs/legals.md
index 59d4741..dc3386b 100644
--- a/docs/legals.md
+++ b/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.
diff --git a/docs/posts/hello.md b/docs/posts/hello.md
deleted file mode 100644
index 7bda030..0000000
--- a/docs/posts/hello.md
+++ /dev/null
@@ -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
diff --git a/docs/posts/hello2.md b/docs/posts/hello2.md
deleted file mode 100644
index 447ea9c..0000000
--- a/docs/posts/hello2.md
+++ /dev/null
@@ -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