Compare commits
3 Commits
9b227c26ed
...
8588114e98
Author | SHA1 | Date |
---|---|---|
|
8588114e98 | |
|
5a9808c747 | |
|
bb586bf88e |
|
@ -1,3 +1,3 @@
|
|||
<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:start-1 focus:top-1.5"
|
||||
>skip to content
|
||||
>Springe zum Inhalt
|
||||
</a>
|
||||
|
|
|
@ -5,25 +5,24 @@ const year = new Date().getFullYear();
|
|||
---
|
||||
|
||||
<footer
|
||||
class="mt-auto flex w-full flex-col items-center justify-center gap-y-2 pb-4 pt-20 text-center align-top font-semibold text-gray-600 dark:text-gray-400 sm:flex-row sm:justify-between sm:text-xs"
|
||||
class="mt-auto flex w-full flex-col items-center justify-center gap-y-2 pb-4 pt-20 text-center align-top font-semibold text-gray-600 sm:flex-row sm:justify-between sm:text-xs dark:text-gray-400"
|
||||
>
|
||||
<div class="me-0 sm:me-4">
|
||||
Copyright © {year}{" "}
|
||||
{siteConfig.author}
|
||||
</div>
|
||||
<nav
|
||||
aria-label="More on this site"
|
||||
aria-label="Mehr auf dieser Seite"
|
||||
class="flex gap-x-2 sm:gap-x-0 sm:divide-x sm:divide-gray-500"
|
||||
>
|
||||
{
|
||||
menuLinks.map((link) => (
|
||||
<a
|
||||
href={link.path}
|
||||
class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline"
|
||||
>
|
||||
{link.title}
|
||||
</a>
|
||||
))
|
||||
}
|
||||
<a
|
||||
href="/impressum/"
|
||||
class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline">Impressum</a
|
||||
>
|
||||
<a
|
||||
href="/datenschutz/"
|
||||
class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline"
|
||||
>Datenschutzerklärung</a
|
||||
>
|
||||
</nav>
|
||||
</footer>
|
||||
|
|
|
@ -0,0 +1,39 @@
|
|||
---
|
||||
import PageLayout from "@/layouts/Base";
|
||||
|
||||
const meta = {
|
||||
title: "Datenschutzerklärung",
|
||||
description: "Braydmedia Datenschutzerklärung",
|
||||
};
|
||||
---
|
||||
|
||||
<PageLayout meta={meta}>
|
||||
<div class="space-y-6">
|
||||
<h1 class="title">Datenschutzerklärung</h1>
|
||||
<p>
|
||||
Diese Webseite speichert Informationen im Rahmen der Server-Logfiles, die bei jeder Anfrage
|
||||
einer Datei an den Server gespeichert werden. Dies ist technisch bedingt durch HTTPS so.
|
||||
</p>
|
||||
<p>
|
||||
Die dabei erfassten Informationen sind:
|
||||
<ul class="list-inside list-disc">
|
||||
<li>Browsertyp und Browserversion</li>
|
||||
<li>verwendetes Betriebssystem</li>
|
||||
<li>Referrer URL</li>
|
||||
<li>Hostname des zugreifenden Rechners</li>
|
||||
<li>Uhrzeit der Serveranfrage</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>
|
||||
Da es sich bei dem Hostnamen des zugreifenden Rechners (=IP-Adresse) um eine potenziell
|
||||
personenbezogene Information handelt, wird auch das hier erwähnt. Die Logfiles hierzu werden
|
||||
maximal 90 Tage zu technischen Zwecken vorgehalten.
|
||||
</p>
|
||||
<p>
|
||||
Damit ein paar Dinge wie z.B. Codeblöcke innerhalb von Blogposts funktionieren wird JavaScript
|
||||
benötigt. Aber auch hier findet keine Datenweitergabe, Speicherung, Tracking oder Ähnliches
|
||||
statt.
|
||||
</p>
|
||||
<p>Das war es auch schon. Kein Tracking, keine Cookies, kein Bullshit.</p>
|
||||
</div>
|
||||
</PageLayout>
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
import PageLayout from "@/layouts/Base";
|
||||
|
||||
const meta = {
|
||||
title: "Impressum",
|
||||
description: "Braydmedia Impressum",
|
||||
};
|
||||
---
|
||||
|
||||
<PageLayout meta={meta}>
|
||||
<div class="space-y-6">
|
||||
<h1 class="title">Impressum</h1>
|
||||
<p>Angaben gemäß §5 TMG</p>
|
||||
<p>
|
||||
Byron Fröhlich, Braydmedia<br />
|
||||
c/o Block Services<br />
|
||||
Stuttgarter Str. 106<br />
|
||||
70736 Fellbach
|
||||
</p>
|
||||
<p>
|
||||
<b>Tel.:</b> (+49) 160 94194282<br />
|
||||
<b>E-Mail:</b><a href="mailto:info@braydmedia.de"> info@braydmedia.de</a>
|
||||
</p>
|
||||
<h2 class="title">Anmerkung</h2>
|
||||
<p>
|
||||
Dieser Blog wird vollkommen privat betrieben. Er benutzt keine Cookies, keine Tracker oder
|
||||
Ähnliches und ich bereichere mich nicht finanziell. Wenn ich Marken, Produkte oder Ähnliches
|
||||
erwähne, dann beruht dies auf persönlichen Erfahrungen, Empfehlungen, etc., jedoch nicht auf
|
||||
bezahlten Namensnennungen, Werbungen oder sonstigem. Dieser Blog ist daher auch vollkommen
|
||||
frei von kommerziellen Dingen, wie Werbung und Ähnlichem. Es besteht keine
|
||||
Gewinnerzielungsabsicht. I just wanna share my thoughts with y'all! :)
|
||||
</p>
|
||||
</div>
|
||||
</PageLayout>
|
|
@ -9,57 +9,37 @@ const MAX_POSTS = 10;
|
|||
const allPosts = await getAllPosts();
|
||||
const allPostsByDate = sortMDByDate(allPosts).slice(0, MAX_POSTS);
|
||||
|
||||
const cactusTech: Array<{ title: string; desc: string; href: string }> = [
|
||||
const projectList: Array<{ title: string; desc: string; href: string }> = [
|
||||
{
|
||||
title: "Astro",
|
||||
desc: "Build fast websites, faster.",
|
||||
href: "https://astro.build",
|
||||
title: "Braydmedia Connect",
|
||||
desc: "Ein Social Network basierend auf Sharkey.",
|
||||
href: "https://connect.braydmedia.de",
|
||||
},
|
||||
{
|
||||
title: "Astro Assets",
|
||||
desc: "Built-in optimized asset support.",
|
||||
href: "https://docs.astro.build/en/guides/assets/",
|
||||
title: "Braydmedia Chat",
|
||||
desc: "Ein Server für das Chatprotokoll Matrix.",
|
||||
href: "/braydmedia-chat/",
|
||||
},
|
||||
{
|
||||
title: "Tailwind CSS",
|
||||
desc: "Rapidly build modern websites without ever leaving your HTML.",
|
||||
href: "https://tailwindcss.com",
|
||||
title: "Braydmedia Blog",
|
||||
desc: "Dieser Blog hier.",
|
||||
href: "https://code.braydmedia.de/Braydmedia/braydmedia-web",
|
||||
},
|
||||
{
|
||||
title: "Markdown",
|
||||
desc: "Simple and easy-to-use markup language.",
|
||||
href: "https://www.markdownguide.org/",
|
||||
},
|
||||
{
|
||||
title: "MDX",
|
||||
desc: "Markdown for the component era.",
|
||||
href: "https://mdxjs.com/",
|
||||
},
|
||||
{
|
||||
title: "Satori",
|
||||
desc: "Generating png Open Graph images for blog posts.",
|
||||
href: "https://github.com/vercel/satori",
|
||||
},
|
||||
{
|
||||
title: "Pagefind",
|
||||
desc: "A fully static search library.",
|
||||
href: "https://pagefind.app/",
|
||||
},
|
||||
{
|
||||
title: "Astro Icon",
|
||||
desc: "An easy to use Icon component for Astro.",
|
||||
href: "https://github.com/natemoo-re/astro-icon#readme",
|
||||
title: "Braydmedia Code",
|
||||
desc: "Eine Forgejo-Instanz als Alternative zu GitHub.",
|
||||
href: "https://code.braydmedia.de/",
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<PageLayout meta={{ title: "Home" }}>
|
||||
<section>
|
||||
<h1 class="title mb-6">Hello World!</h1>
|
||||
<h1 class="title mb-6">Hey!</h1>
|
||||
<p class="mb-4">
|
||||
Hey! Mein Name ist Brayd. Ich bin Admin von Braydmedia.de und arbeite was mit Computern. 👀
|
||||
Ich betreibe außerdem diesen Blog hier, auf dem ich über verschiedene Themen wie
|
||||
beispielsweise den Veganismus, den Buddhismus, Linux und vieles mehr schreibe!
|
||||
Mein Name ist Brayd. Ich bin Admin von Braydmedia.de und arbeite was mit Computern. 👀 Ich
|
||||
betreibe außerdem diesen Blog hier, auf dem ich über verschiedene Themen wie beispielsweise
|
||||
den Veganismus, den Buddhismus, Linux und vieles mehr schreibe!
|
||||
</p>
|
||||
<SocialList />
|
||||
</section>
|
||||
|
@ -79,7 +59,7 @@ const cactusTech: Array<{ title: string; desc: string; href: string }> = [
|
|||
<h2 class="title mb-4 text-xl">Projekte</h2>
|
||||
<ul class="space-y-4 sm:space-y-2">
|
||||
{
|
||||
cactusTech.map(({ href, title, desc }) => (
|
||||
projectList.map(({ href, title, desc }) => (
|
||||
<li>
|
||||
<a
|
||||
href={href}
|
||||
|
|
Loading…
Reference in New Issue