first post, rss feed, and other cosmetcis
All checks were successful
Build and Deploy Astro App / build_and_deploy (push) Successful in 50s
10
blog/package-lock.json
generated
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"name": "blauwasser_mausis",
|
"name": "blog",
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/preact": "^5.0.2",
|
"@astrojs/preact": "^5.0.2",
|
||||||
"@astrojs/rss": "^4.0.17",
|
"@astrojs/rss": "^4.0.19",
|
||||||
"astro": "^6.4.6",
|
"astro": "^6.4.6",
|
||||||
"preact": "^10.29.0"
|
"preact": "^10.29.0"
|
||||||
},
|
},
|
||||||
|
|
@ -96,9 +96,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/rss": {
|
"node_modules/@astrojs/rss": {
|
||||||
"version": "4.0.18",
|
"version": "4.0.19",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/rss/-/rss-4.0.18.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/rss/-/rss-4.0.19.tgz",
|
||||||
"integrity": "sha512-wc5DwKlbTEdgVAWnHy8krFTeQ42t1v/DJqeq5HtulYK3FYHE4krtRGjoyhS3eXXgfdV6Raoz2RU3wrMTFAitRg==",
|
"integrity": "sha512-e+z5wYeYtffQdHQO8c2tkSd2JEBdAuRXJV4ZEU5IxkYeE6e39woDd7nw1PH1Kk2tEYNCYuKdylnnbhGmt61awA==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"fast-xml-parser": "^5.5.7",
|
"fast-xml-parser": "^5.5.7",
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/preact": "^5.0.2",
|
"@astrojs/preact": "^5.0.2",
|
||||||
"@astrojs/rss": "^4.0.17",
|
"@astrojs/rss": "^4.0.19",
|
||||||
"astro": "^6.4.6",
|
"astro": "^6.4.6",
|
||||||
"preact": "^10.29.0"
|
"preact": "^10.29.0"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 655 B |
BIN
blog/public/favicon.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,9 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
|
||||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
|
||||||
<style>
|
|
||||||
path { fill: #000; }
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
path { fill: #FFF; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 749 B |
|
Before Width: | Height: | Size: 14 MiB |
|
Before Width: | Height: | Size: 4.6 MiB |
|
Before Width: | Height: | Size: 12 MiB |
BIN
blog/src/assets/blog_img/construction.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
|
|
@ -3,7 +3,7 @@
|
||||||
<span class="vertical-line"></span>
|
<span class="vertical-line"></span>
|
||||||
<nav>
|
<nav>
|
||||||
<a class="nav-link" href="/">Startseite</a>
|
<a class="nav-link" href="/">Startseite</a>
|
||||||
<a class="nav-link" href="/about">Über uns</a>
|
<!-- <a class="nav-link" href="/about">Über uns</a> -->
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,18 +2,21 @@
|
||||||
import Footer from "../components/Footer.astro";
|
import Footer from "../components/Footer.astro";
|
||||||
import Header from "../components/Header.astro";
|
import Header from "../components/Header.astro";
|
||||||
import "../styles/global.css";
|
import "../styles/global.css";
|
||||||
|
|
||||||
const { title } = Astro.props;
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link
|
||||||
|
rel="alternate"
|
||||||
|
type="application/rss+xml"
|
||||||
|
title="Blauwasser Mausis | Blog"
|
||||||
|
href={new URL("rss.xml", Astro.site)}
|
||||||
|
/>
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>{title}</title>
|
<title>Blauwasser Mausis | Blog</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<Header />
|
<Header />
|
||||||
|
|
|
||||||
28
blog/src/pages/posts/100726_Under_Construction.md
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
---
|
||||||
|
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!"
|
||||||
|
image:
|
||||||
|
path: "construction.png"
|
||||||
|
alt: "Under Construction"
|
||||||
|
author: 'Tim'
|
||||||
|
date: '10.07.2026'
|
||||||
|
---
|
||||||
|
|
||||||
|
# All Ends are beginnings
|
||||||
|
|
||||||
|
Heute ist mein letzter Arbeitstag.
|
||||||
|
So richtig real fühlt es sich noch nicht an.
|
||||||
|
Erst der nächste Montag wird zeigen, wie das Gefühl dieser Veränderung aussieht.
|
||||||
|
|
||||||
|
Ab dann werde ich auch die Zeit haben den Blog etwas aufzuhübschen und weitere Funktionen einzubauen.
|
||||||
|
Seid gespannt!
|
||||||
|
|
||||||
|
## Wie kann ich auf dem laufenden bleiben?
|
||||||
|
|
||||||
|
Ich habe vor einen Email Newsletter einzurichten. Bis das soweit ist empfehle ich euch den RSS Feed.
|
||||||
|
Wenn ihr davon noch nie gehört habt; es ist eine tolle Möglichkeit Nachrichten ohne Algorithmus oder spezielle App zu verfolgen.
|
||||||
|
|
||||||
|
Eine schöne Anleitung (und ein cooles Projekt auch), wie man einen RSS Feed abonniert findet ihr hier -> [Anleitung](https://kus-projekt.de/anleitung-zum-abonnieren-des-rss-feeds/)<br>
|
||||||
|
Unser Feed läuft unter [blauwasser-mausis.de/rss.xml](../rss.xml).
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
---
|
|
||||||
title: 'The first post'
|
|
||||||
subtitle: "Luxury Hotels at its best!"
|
|
||||||
description: "In the first post we're talking about some nice luxury hotels. Stay tuned!"
|
|
||||||
image:
|
|
||||||
path: "blog1_title.png"
|
|
||||||
alt: "This is alt Text"
|
|
||||||
author: 'Tim'
|
|
||||||
date: '11.06.2026'
|
|
||||||
---
|
|
||||||
|
|
||||||
Here is my _great_ post!
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
---
|
|
||||||
layout: ../../layouts/BlogPostLayout.astro
|
|
||||||
title: 'The second post'
|
|
||||||
subtitle: 'In the second post we re talking about some nice luxury hotels. Stay tuned!'
|
|
||||||
image:
|
|
||||||
path: "/assets/blog_img/blog2_title.png"
|
|
||||||
alt: "This is alt Text"
|
|
||||||
author: 'Tim'
|
|
||||||
date: '12.06.2026'
|
|
||||||
---
|
|
||||||
|
|
||||||
Lorem Ipsum ist im Wesentlichen der Blindtext der Satz- und Druckindustrie. Seit ein unbekannter Drucker im 15. Jahrhundert eine Reihe von Typen durcheinander brachte, um ein Musterbuch zu erstellen, ist Lorem Ipsum der branchenübliche Scheintext. Es ist praktisch intakt und hat nicht nur fünf Jahrhunderte, sondern auch den Übergang zum elektronischen Schriftsatz überstanden. Die Einführung von Letraset-Blättern mit Abschnitten aus Lorem Ipsum in den 1960er Jahren und in jüngerer Zeit die Aufnahme von Lorem Ipsum-Versionen in Desktop-Publishing-Programme wie Aldus PageMaker trugen zu seiner Popularisierung bei.
|
|
||||||
|
|
||||||
Seit dem 15. Jahrhundert ist Lorem Ipsum der akzeptierte Platzhaltertext in der Branche.
|
|
||||||
|
|
||||||
- Die Einführung von Letraset-Blättern mit Abschnitten durch Lorem Ipsum trug in den 1960er Jahren zu seiner steigenden Popularität bei.
|
|
||||||
- Ohne das Material selbst zu betonen, wird Lorem Ipsum verwendet, um zu veranschaulichen, wie Textelemente visuell dargestellt werden
|
|
||||||
- Es hilft Designern und Entwicklern bei der Bewertung der Schriftart, des Layouts und der allgemeinen Designästhetik.
|
|
||||||
|
|
||||||
1. Was ist Lorem Ipsum und wo kommt es her?
|
|
||||||
|
|
||||||
>Lorem Ipsum ist ein Platzhaltertext, der häufig in der Design-, Verlags- und Webentwicklungsbranche verwendet wird. Es geht auf eine lateinische Passage von Cicero in seinem Werk „De finibus bonorum et malorum“ (Über das Ende von Gut und Böse) aus dem Jahr 45 v. Chr. zurück.
|
|
||||||
|
|
||||||
2. Warum wird Lorem Ipsum anstelle von normalem Text verwendet?
|
|
||||||
|
|
||||||
>Lorem Ipsum wird als Platzhaltertext verwendet, um die visuelle Präsentation von Textelementen zu demonstrieren, ohne den Fokus auf den eigentlichen Inhalt zu legen. Es hilft Designern und Entwicklern, Layout, Typografie und allgemeine Designästhetik in den frühen Phasen eines Projekts zu beurteilen.
|
|
||||||
|
|
||||||
3. Wie entsteht Lorem Ipsum?
|
|
||||||
|
|
||||||
>Lorem Ipsum wird normalerweise aus einer verschlüsselten Version von Ciceros Originaltext generiert. Im Internet sind verschiedene Lorem-Ipsum-Generatoren verfügbar, die unterschiedliche Längen und Stile von Lorem-Ipsum-Texten erzeugen.
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
---
|
|
||||||
title: 'The third post'
|
|
||||||
subtitle: 'Lets go to Scandinavia. By bike! Hell yeah.'
|
|
||||||
description: "In the first post we're talking about some nice luxury hotels. Stay tuned!"
|
|
||||||
image:
|
|
||||||
path: "/assets/blog_img/blog3_title.png"
|
|
||||||
alt: "This is alt Text"
|
|
||||||
author: 'Elli'
|
|
||||||
date: '13.06.2026'
|
|
||||||
---
|
|
||||||
|
|
||||||
Here is my _great_ post!
|
|
||||||
11
blog/src/pages/rss.xml.js
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
import rss, { pagesGlobToRssItems } from '@astrojs/rss';
|
||||||
|
|
||||||
|
export async function GET(context) {
|
||||||
|
return rss({
|
||||||
|
title: 'Blauwasser Mausis | Blog',
|
||||||
|
description: 'Segel, Fahrrad, Abenteuer',
|
||||||
|
site: context.site,
|
||||||
|
items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
|
||||||
|
customData: `<language>de-de</language>`,
|
||||||
|
});
|
||||||
|
}
|
||||||