extracted page content to config file

updated options in regards to imports and intelli sense
2024-03-13 17:04:29 +01:00 · 2024-03-13 17:04:17 +01:00 · 2024-03-13 17:02:54 +01:00 · 2024-03-13 17:01:10 +01:00 · 2024-03-13 16:59:59 +01:00 · 2024-03-13 16:54:21 +01:00
12 changed files with 169 additions and 111 deletions
--- a/public/srx_digital_opengraph.jpg
+++ b/public/srx_digital_opengraph.jpg
--- a/src/assets/srx-digital-logo.svg
+++ b/src/assets/srx-digital-logo.svg
@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 160 80" enable-background="new 0 0 160 80" class="logo">
-    <title>Das Logo formt aus den Buchstaben "s", "r", und "x" ein gleichschenkliges Dreieck mit ergänzenden Kreisen, symbolisiert die Einheit von "You, me, technology" und steht für Dynamik, Zusammenarbeit und Harmonie.</title>
    <path id="wordmark" d="m14.699 0c-4.6 0-8.0988 0.89961-10.799 2.5996-2.5 1.9-3.8008 4.5008-3.8008 7.8008 0 2.8 0.90117 5 2.7012 6.5 1.8 1.6 4.6996 2.5996 8.5996 3.0996l4.9004 0.69922c2.4 0.4 4.0992 0.90156 5.1992 1.6016 1.1 0.7 1.6992 1.6988 1.6992 2.7988 0 1.8-0.79922 3.1-2.1992 4s-3.5008 1.4004-6.3008 1.4004c-2.7 0-4.8-0.49961-6.5-1.5996-1.6-1.1-2.6992-2.6-3.1992-4.5v0.19922h-5c0.2 3.5 1.5992 6.2012 4.1992 8.2012 2.5 1.9 6 2.8984 10.5 2.8984 3 0 5.5-0.39922 7.5-1.1992 2.1-0.9 3.7008-2.0996 4.8008-3.5996 1.1-1.6 1.6992-3.5012 1.6992-5.7012 0-2.8-0.89922-5-2.6992-6.5-1.7-1.5-4.6-2.4996-8.5-3.0996l-4.9004-0.69922c-2.4-0.3-4.0992-0.8-5.1992-1.5-1.1-0.7-1.7012-1.7008-1.7012-2.8008-1e-7 -1.8 0.80078-3.1 2.3008-4 1.6-0.9 3.7992-1.4004 6.6992-1.4004 2.8-1e-7 5.0012 0.60078 6.7012 1.8008 1.7 1.1 2.7988 2.8 3.2988 5h5c-0.2-3.8-1.5992-6.7008-4.1992-8.8008-2.6-2.1-6.2008-3.1992-10.801-3.1992zm49.801 0c-1.7 0-3.2 0.4-4.5 1s-2.3996 1.4996-3.0996 2.5996h-1.5996v-2.7988h-13.602v5.1992h8.5v23.699h-7.2988v5.1016h24.9v-5.1016h-12.201v-13.1c0-3.8 0.60078-6.6 1.8008-8.5 1.2-1.9 2.9988-2.9004 5.2988-2.9004 3.9 0 5.8008 2.2016 5.8008 6.6016v3.6992h5.6992v-4.5996c0-3.4-0.89961-6.1-2.5996-8-1.7-1.9-4.0996-2.9004-7.0996-2.9004zm-45.199 46.1 11.898 17.701-11.199 16.199h6.1992l8.6016-12.4 0.5-1.4004h0.5l0.5 1.4004 8.5 12.4h6.6992l-11.301-16.6 12-17.201h-6.1992l-9.5 13.5-0.5 1.4004h-0.5l-0.5-1.4004-9.0996-13.6h-6.5996z"/>
    <path id="picturemark" d="m117 0c-3 0-6.0008 0.7-8.8008 2-2.7 1.3-5.1996 3.2-7.0996 5.5-1.9 2.3-3.2996 5.1-4.0996 8s-0.90078 6-0.30078 9l6.7012-11.5c1.4-2.4 3.2992-4.4008 5.6992-5.8008 2.4-1.4 5.1004-2.0996 7.9004-2.0996s5.5004 0.69961 7.9004 2.0996c2.4 1.4 4.3992 3.4008 5.6992 5.8008l6.5996 11.4c0.6-3 0.50117-6-0.29883-9-0.8-2.9-2.0996-5.7-4.0996-8-1.9-2.3-4.4016-4.2-7.1016-5.5-2.7-1.2-5.6992-1.9004-8.6992-1.9004zm-0.09961 10.4c-2.7 0-5.3008 1.1-7.3008 3-1.8 1.9-2.9004 4.4992-2.9004 7.1992 0 2 0.60117 4.0012 1.7012 5.7012 1.1 1.7 2.6996 2.9988 4.5996 3.7988 1.9 0.8 3.9004 0.99961 5.9004 0.59961 2-0.4 3.7988-1.3988 5.2988-2.7988 1.4-1.4 2.4008-3.3008 2.8008-5.3008s0.20039-4.1004-0.59961-5.9004c-0.8-1.9-2.1008-3.4996-3.8008-4.5996s-3.6992-1.6992-5.6992-1.6992zm0.19922 5.2988c1.3 0 2.6 0.5 3.5 1.5 0.9 0.8 1.4004 2.1004 1.4004 3.4004 0 1-0.30078 1.9008-0.80078 2.8008-0.5 0.8-1.2992 1.4988-2.1992 1.7988-0.9 0.4-1.9004 0.50078-2.9004 0.30078s-1.9-0.70039-2.5-1.4004c-0.7-0.7-1.2004-1.6-1.4004-2.5-0.2-1-0.09922-2.0004 0.30078-2.9004s1.0008-1.6992 1.8008-2.1992 1.7988-0.80078 2.7988-0.80078zm-14.6 9.6016-3.3008 5.5996c1.8 3.1 4.4 5.7996 7.5 7.5996s6.7008 2.8008 10.301 2.8008 7.2008-1.0008 10.301-2.8008c3.1-1.9 5.7-4.4996 7.5-7.5996l-3.3008-5.5996c-1 3.1-2.9 5.7992-5.5 7.6992s-5.8 3-9 3-6.4-1-9-3c-2.6-1.9-4.6-4.5992-5.5-7.6992zm36.9 13.5c-3.6 0-7.2008 0.89883-10.301 2.7988-3.1 1.8-5.7 4.4-7.5 7.5s-2.7988 6.7008-2.7988 10.301c0 3.6 0.99883 7.1988 2.7988 10.299h6.5c-2.5-2.8-4-6.4988-4-10.299 0-2.3 0.5-4.4996 1.5-6.5996s2.4012-3.9008 4.2012-5.3008 3.8996-2.4 6.0996-3c2.2-0.5 4.4988-0.5 6.7988 0l-3.2988-5.6992zm-44.125 0.09375c-0.22485-0.002295-0.45078-3.9e-4 -0.67578 0.00586l-3.2988 5.6992c3.2-0.7 6.4984-0.39961 9.3984 0.90039 3 1.3 5.4016 3.5008 7.1016 6.3008 1.6 2.8 2.3 6.0988 2 9.2988-0.3 3.2-1.7004 6.3012-3.9004 8.7012h6.5c1.8-3.1 2.7988-6.7008 2.7988-10.301s-0.89883-7.2008-2.7988-10.301c-1.8-3.1-4.3996-5.7-7.5996-7.5-2.8125-1.7812-6.1526-2.7703-9.5254-2.8047zm-7.4746 1.1055c-2.9 1-5.5016 2.5992-7.6016 4.6992-2.2 2.1-3.7984 4.7-4.8984 7.5s-1.5012 5.9004-1.2012 8.9004c0.3 3 1.2012 5.8996 2.7012 8.5996 1.5 2.6 3.5996 4.9016 6.0996 6.6016 2.5 1.7 5.2988 2.8984 8.2988 3.3984 3 0.5 6 0.4 9-0.5 2.9-0.8 5.6004-2.2992 7.9004-4.1992h-13.299c-2.8 0-5.5004-0.69961-7.9004-2.0996-2.4-1.3-4.3012-3.3012-5.7012-5.7012-1.4-2.4-2.0996-5.0984-2.0996-7.8984s0.69961-5.5004 2.0996-7.9004l6.6016-11.4zm58.398 0 6.6016 11.4c1.4 2.4 2.0996 5.1004 2.0996 7.9004s-0.69961 5.4984-2.0996 7.8984c-1.4 2.4-3.4008 4.4008-5.8008 5.8008s-5.1004 2.0996-7.9004 2.0996h-13.1c2.3 2 5.0004 3.4012 7.9004 4.2012s6 1 9 0.5c3-0.5 5.7988-1.7004 8.2988-3.4004 2.5-1.7 4.6016-3.9996 6.1016-6.5996 1.5-2.6 2.3992-5.5016 2.6992-8.6016 0.3-3-0.19922-5.9984-1.1992-8.8984-1-2.8-2.7004-5.4-4.9004-7.5-2.2-2.2-4.8012-3.8008-7.7012-4.8008zm-6.7988 9.1992c-2.7 0-5.3008 1.1-7.3008 3-1.9 1.9-2.9004 4.5012-2.9004 7.2012 0 2 0.60117 3.9992 1.7012 5.6992 1.1 1.7 2.6996 3.0008 4.5996 3.8008 1.9 0.8 3.9004 0.99961 5.9004 0.59961s3.7988-1.4008 5.2988-2.8008c1.4-1.4 2.4008-3.2988 2.8008-5.2988s0.20039-4.1004-0.59961-5.9004c-0.8-1.9-2.1008-3.4996-3.8008-4.5996s-3.6992-1.7012-5.6992-1.7012zm-45.072 0.003906c-1.2617 0.03125-2.5039 0.29688-3.6289 0.79688-1.9 0.8-3.4996 2.1008-4.5996 3.8008-1.1 1.7-1.6992 3.6992-1.6992 5.6992 0 2.7 1.1 5.3008 3 7.3008s4.4992 2.8984 7.1992 2.8984c2 0 4.0012-0.59922 5.7012-1.6992 1.7-1.1 2.9988-2.6996 3.7988-4.5996s0.99961-3.9004 0.59961-5.9004-1.3988-3.8008-2.7988-5.3008c-1.4-1.4-3.3008-2.3988-5.3008-2.7988-0.75-0.15-1.5145-0.21602-2.2715-0.19727zm0.27148 5.2969c1 0 2.0008 0.30078 2.8008 0.80078 0.8 0.5 1.4988 1.2992 1.7988 2.1992 0.4 0.9 0.50078 1.9004 0.30078 2.9004s-0.70039 1.8996-1.4004 2.5996c-0.7 0.7-1.5996 1.2004-2.5996 1.4004-1 0.2-2.0004 0.099218-2.9004-0.30078-0.9-0.4-1.6992-0.99883-2.1992-1.7988-0.5-0.8-0.80078-1.8008-0.80078-2.8008 0-1.3 0.5-2.6 1.5-3.5 0.9-1 2.2-1.5 3.5-1.5zm44.9 0c1.3 0 2.6 0.5 3.5 1.5 0.9 0.8 1.4004 2.1004 1.4004 3.4004 0 1-0.30078 1.8988-0.80078 2.7988-0.5 0.8-1.2992 1.5008-2.1992 1.8008-0.9 0.4-1.9004 0.50078-2.9004 0.30078s-1.9-0.70039-2.5-1.4004c-0.7-0.7-1.2004-1.6-1.4004-2.5-0.2-1-0.09922-2.0004 0.30078-2.9004s0.99883-1.6992 1.7988-2.1992c0.8-0.5 1.8008-0.80078 2.8008-0.80078z"/>
 </svg>
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@ -0,0 +1,22 @@
+---
+import { ArrowRightIcon } from "lucide-react";
+
+interface Props {
+	className?: string;
+	caption: string;
+	href?: string;
+	tab?: boolean;
+	small?: boolean;
+}
+
+const { className, caption, href, tab, small } = Astro.props;
+---
+
+<a
+	href={href}
+	class={`flex w-fit gap-2 py-4 px-5 rounded-full items-center font-medium bg-secondary text-white hover:bg-opacity-75'} ${small ? "py-[10px] px-4" : "py-4 px-5"} ${className || ""}`}
+	{...tab ? { target: "_blank" } : {}}
+>
+	{caption}
+	<ArrowRightIcon className="h-6 w-6" />
+</a>
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@ -1,5 +1,6 @@
 ---
-import SRXLogo from "@srx/assets/srx-digital-logo.svg?react";
+import Config from "@srx/config/page.json";
+import Logo from "@srx/components/Logo.astro";
 import { AtSign, GitFork, Linkedin, MessagesSquare } from "lucide-react";
 ---

@ -7,13 +8,13 @@ import { AtSign, GitFork, Linkedin, MessagesSquare } from "lucide-react";
 	class="flex flex-col md:flex-row items-start bg-default text-white py-20"
 >
 	<div class="flex flex-col lg:flex-grow">
-		<h3>
-			Du möchtest mit mir zusammenarbeiten? Ich freue mich über deinen
-			Kontakt.
-		</h3>
+		<h3>{Config.site.cta}</h3>
 		<p class="flex items-stretch gap-5 py-5">
 			<a
-				href={"mailto:latigid.xrs@srx.digital?subject=Kontakt%20%C3%BCber%20die%20Website"}
+				href={"mailto:" +
+					`${Config.contact.email.address}` +
+					"?subject=" +
+					`${encodeURIComponent(Config.contact.email.subject)}`}
 				><AtSign /></a
 			>
 			<a href="https://matrix.to/#/@swendel:curious.bio"
@ -28,15 +29,17 @@ import { AtSign, GitFork, Linkedin, MessagesSquare } from "lucide-react";

 	<div class="flex flex-col lg:flex-grow">
 		<div>
-			srx digital<br />
-			Development & Operations<br />
+			{Config.site.title}<br />
+			{Config.site.subtitle}<br />
 		</div>
 		<address class="not-italic mt-8 md:mt-0 py-5">
-			Sebastian Wendel<br />
-			Wohlwillstraße 2<br />
-			D-20359 Hamburg<br />
+			{Config.company.name}<br />
+			{Config.company.street}
+			{Config.company.building}<br />
+			{Config.company.country}-{Config.company.plz}
+			{Config.company.city}<br />
 		</address>
 	</div>

-	<SRXLogo className="fill-primary h-10" />
+	<Logo />
 </footer>
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@ -1,54 +1,30 @@
 ---
 import { Picture } from "astro:assets";
-import { LinkButton } from "@srx/components";
-import SwendelPortrait from "@srx/assets/swendel_portrait.webp";
+import Portrait from "@srx/assets/swendel_portrait.webp";
+import Config from "@srx/config/page.json";
+import Button from "@srx/components/Button.astro";
 ---

-<header>
-    <div class="hero">
-        <h1>You, me, technology.</h1>
-        <p>
-            Hallo! Ich bin Sebastian aus Hamburg, spezialisiert auf
-            Softwareentwicklung und Plattformengineering. Meine Welt sind Linux,
-            Container, Cloud und Hardware, besonders wenn's um Open-Source geht.
-            Ich helfe Firmen, ihre Digitalstrategien erfolgreich zu realisieren.
-        </p>
+<header class="flex flex-col md:flex-row items-center">
+    <div class="flex flex-col lg:flex-grow">
+        <h1 class="mb-4">{Config.site.claim}</h1>
+        <p class="mb-8 leading-relaxed text-xl">{Config.site.description}</p>

-        <LinkButton
-            className={"h-10"}
-            caption="Schreib mir"
-            href={"mailto:latigid.xrs@srx.digital?subject=Kontakt%20%C3%BCber%20die%20Website"}
+        <Button
+            href={"mailto:" +
+                `${Config.contact.email.address}` +
+                "?subject=" +
+                `${encodeURIComponent(Config.contact.email.subject)}`}
+            caption={Config.contact.email.caption}
        />
-        <slot />
    </div>

    <Picture
-        src={SwendelPortrait}
+        class="rounded-xl"
+        src={Portrait}
        formats={["jpeg", "webp"]}
-        widths={[240, 540, 720, SwendelPortrait.width]}
-        sizes={`(max-width: 360px) 240px, (max-width: 720px) 540px, (max-width: 1600px) 720px, ${SwendelPortrait.width}px`}
+        widths={[240, 540, 720, Portrait.width]}
+        sizes={`(max-width: 360px) 240px, (max-width: 720px) 540px, (max-width: 1600px) 720px, ${Portrait.width}px`}
        alt="Porträt von Sebastian Wendel"
    />
 </header>
-
-<style>
-    header {
-        @apply flex flex-col md:flex-row items-center;
-    }
-
-    h1 {
-        @apply mb-4;
-    }
-
-    p {
-        @apply mb-8 leading-relaxed text-xl;
-    }
-
-    img {
-        @apply rounded-xl;
-    }
-
-    .hero {
-        @apply flex flex-col lg:flex-grow;
-    }
-</style>
--- a/src/components/LinkButton.tsx
+++ b/src/components/LinkButton.tsx
@ -1,28 +0,0 @@
-import { ArrowRightIcon } from "lucide-react"
-
-interface Props {
-  caption: string
-  className?: string
-  href?: string
-  newTab?: boolean
-  small?: boolean
-}
-
-const LinkButton: React.FC<Props> = ({
-  caption,
-  className,
-  href,
-  newTab,
-  small,
-}: Props) => {
-  return (
-    <a href={href} className={`flex w-fit gap-2 py-4 px-5 rounded-full items-center font-medium bg-secondary text-white hover:bg-opacity-75'
-      } ${small ? 'py-[10px] px-4' : 'py-4 px-5'} ${className || ''}`}
-      {...(newTab ? { target: '_blank' } : {})}>
-      {caption}
-      <ArrowRightIcon className='h-6 w-6' />
-    </a>
-  )
-}
-
-export default LinkButton
--- a/src/components/Logo.astro
+++ b/src/components/Logo.astro
@ -0,0 +1,42 @@
+---
+import Config from "@srx/config/page.json";
+
+interface Props {
+	className?: string;
+	href?: string;
+	alt?: string;
+	fill?: string;
+	height?: number;
+	width?: number;
+	wordmark?: boolean;
+	picturemark?: boolean;
+}
+
+const {
+	className = "h-10 fill-primary",
+	href = Astro.url,
+	alt = Config.logo.alt,
+	height = Config.logo.size.height,
+	width = Config.logo.size.width,
+	wordmark = true,
+	picturemark = true,
+} = Astro.props;
+---
+
+<a href={href}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox={`0 0 ${width} ${height}`}
+		class={className}
+	>
+		<title>{alt}</title>
+		<path
+			class={`${wordmark ? "" : "fill-none stroke-none"}`}
+			d="m14.699 0c-4.6 0-8.0988 0.89961-10.799 2.5996-2.5 1.9-3.8008 4.5008-3.8008 7.8008 0 2.8 0.90117 5 2.7012 6.5 1.8 1.6 4.6996 2.5996 8.5996 3.0996l4.9004 0.69922c2.4 0.4 4.0992 0.90156 5.1992 1.6016 1.1 0.7 1.6992 1.6988 1.6992 2.7988 0 1.8-0.79922 3.1-2.1992 4s-3.5008 1.4004-6.3008 1.4004c-2.7 0-4.8-0.49961-6.5-1.5996-1.6-1.1-2.6992-2.6-3.1992-4.5v0.19922h-5c0.2 3.5 1.5992 6.2012 4.1992 8.2012 2.5 1.9 6 2.8984 10.5 2.8984 3 0 5.5-0.39922 7.5-1.1992 2.1-0.9 3.7008-2.0996 4.8008-3.5996 1.1-1.6 1.6992-3.5012 1.6992-5.7012 0-2.8-0.89922-5-2.6992-6.5-1.7-1.5-4.6-2.4996-8.5-3.0996l-4.9004-0.69922c-2.4-0.3-4.0992-0.8-5.1992-1.5-1.1-0.7-1.7012-1.7008-1.7012-2.8008-1e-7 -1.8 0.80078-3.1 2.3008-4 1.6-0.9 3.7992-1.4004 6.6992-1.4004 2.8-1e-7 5.0012 0.60078 6.7012 1.8008 1.7 1.1 2.7988 2.8 3.2988 5h5c-0.2-3.8-1.5992-6.7008-4.1992-8.8008-2.6-2.1-6.2008-3.1992-10.801-3.1992zm49.801 0c-1.7 0-3.2 0.4-4.5 1s-2.3996 1.4996-3.0996 2.5996h-1.5996v-2.7988h-13.602v5.1992h8.5v23.699h-7.2988v5.1016h24.9v-5.1016h-12.201v-13.1c0-3.8 0.60078-6.6 1.8008-8.5 1.2-1.9 2.9988-2.9004 5.2988-2.9004 3.9 0 5.8008 2.2016 5.8008 6.6016v3.6992h5.6992v-4.5996c0-3.4-0.89961-6.1-2.5996-8-1.7-1.9-4.0996-2.9004-7.0996-2.9004zm-45.199 46.1 11.898 17.701-11.199 16.199h6.1992l8.6016-12.4 0.5-1.4004h0.5l0.5 1.4004 8.5 12.4h6.6992l-11.301-16.6 12-17.201h-6.1992l-9.5 13.5-0.5 1.4004h-0.5l-0.5-1.4004-9.0996-13.6h-6.5996z"
+		></path>
+		<path
+			class={`${picturemark ? "" : "fill-none stroke-none"}`}
+			d="m117 0c-3 0-6.0008 0.7-8.8008 2-2.7 1.3-5.1996 3.2-7.0996 5.5-1.9 2.3-3.2996 5.1-4.0996 8s-0.90078 6-0.30078 9l6.7012-11.5c1.4-2.4 3.2992-4.4008 5.6992-5.8008 2.4-1.4 5.1004-2.0996 7.9004-2.0996s5.5004 0.69961 7.9004 2.0996c2.4 1.4 4.3992 3.4008 5.6992 5.8008l6.5996 11.4c0.6-3 0.50117-6-0.29883-9-0.8-2.9-2.0996-5.7-4.0996-8-1.9-2.3-4.4016-4.2-7.1016-5.5-2.7-1.2-5.6992-1.9004-8.6992-1.9004zm-0.09961 10.4c-2.7 0-5.3008 1.1-7.3008 3-1.8 1.9-2.9004 4.4992-2.9004 7.1992 0 2 0.60117 4.0012 1.7012 5.7012 1.1 1.7 2.6996 2.9988 4.5996 3.7988 1.9 0.8 3.9004 0.99961 5.9004 0.59961 2-0.4 3.7988-1.3988 5.2988-2.7988 1.4-1.4 2.4008-3.3008 2.8008-5.3008s0.20039-4.1004-0.59961-5.9004c-0.8-1.9-2.1008-3.4996-3.8008-4.5996s-3.6992-1.6992-5.6992-1.6992zm0.19922 5.2988c1.3 0 2.6 0.5 3.5 1.5 0.9 0.8 1.4004 2.1004 1.4004 3.4004 0 1-0.30078 1.9008-0.80078 2.8008-0.5 0.8-1.2992 1.4988-2.1992 1.7988-0.9 0.4-1.9004 0.50078-2.9004 0.30078s-1.9-0.70039-2.5-1.4004c-0.7-0.7-1.2004-1.6-1.4004-2.5-0.2-1-0.09922-2.0004 0.30078-2.9004s1.0008-1.6992 1.8008-2.1992 1.7988-0.80078 2.7988-0.80078zm-14.6 9.6016-3.3008 5.5996c1.8 3.1 4.4 5.7996 7.5 7.5996s6.7008 2.8008 10.301 2.8008 7.2008-1.0008 10.301-2.8008c3.1-1.9 5.7-4.4996 7.5-7.5996l-3.3008-5.5996c-1 3.1-2.9 5.7992-5.5 7.6992s-5.8 3-9 3-6.4-1-9-3c-2.6-1.9-4.6-4.5992-5.5-7.6992zm36.9 13.5c-3.6 0-7.2008 0.89883-10.301 2.7988-3.1 1.8-5.7 4.4-7.5 7.5s-2.7988 6.7008-2.7988 10.301c0 3.6 0.99883 7.1988 2.7988 10.299h6.5c-2.5-2.8-4-6.4988-4-10.299 0-2.3 0.5-4.4996 1.5-6.5996s2.4012-3.9008 4.2012-5.3008 3.8996-2.4 6.0996-3c2.2-0.5 4.4988-0.5 6.7988 0l-3.2988-5.6992zm-44.125 0.09375c-0.22485-0.002295-0.45078-3.9e-4 -0.67578 0.00586l-3.2988 5.6992c3.2-0.7 6.4984-0.39961 9.3984 0.90039 3 1.3 5.4016 3.5008 7.1016 6.3008 1.6 2.8 2.3 6.0988 2 9.2988-0.3 3.2-1.7004 6.3012-3.9004 8.7012h6.5c1.8-3.1 2.7988-6.7008 2.7988-10.301s-0.89883-7.2008-2.7988-10.301c-1.8-3.1-4.3996-5.7-7.5996-7.5-2.8125-1.7812-6.1526-2.7703-9.5254-2.8047zm-7.4746 1.1055c-2.9 1-5.5016 2.5992-7.6016 4.6992-2.2 2.1-3.7984 4.7-4.8984 7.5s-1.5012 5.9004-1.2012 8.9004c0.3 3 1.2012 5.8996 2.7012 8.5996 1.5 2.6 3.5996 4.9016 6.0996 6.6016 2.5 1.7 5.2988 2.8984 8.2988 3.3984 3 0.5 6 0.4 9-0.5 2.9-0.8 5.6004-2.2992 7.9004-4.1992h-13.299c-2.8 0-5.5004-0.69961-7.9004-2.0996-2.4-1.3-4.3012-3.3012-5.7012-5.7012-1.4-2.4-2.0996-5.0984-2.0996-7.8984s0.69961-5.5004 2.0996-7.9004l6.6016-11.4zm58.398 0 6.6016 11.4c1.4 2.4 2.0996 5.1004 2.0996 7.9004s-0.69961 5.4984-2.0996 7.8984c-1.4 2.4-3.4008 4.4008-5.8008 5.8008s-5.1004 2.0996-7.9004 2.0996h-13.1c2.3 2 5.0004 3.4012 7.9004 4.2012s6 1 9 0.5c3-0.5 5.7988-1.7004 8.2988-3.4004 2.5-1.7 4.6016-3.9996 6.1016-6.5996 1.5-2.6 2.3992-5.5016 2.6992-8.6016 0.3-3-0.19922-5.9984-1.1992-8.8984-1-2.8-2.7004-5.4-4.9004-7.5-2.2-2.2-4.8012-3.8008-7.7012-4.8008zm-6.7988 9.1992c-2.7 0-5.3008 1.1-7.3008 3-1.9 1.9-2.9004 4.5012-2.9004 7.2012 0 2 0.60117 3.9992 1.7012 5.6992 1.1 1.7 2.6996 3.0008 4.5996 3.8008 1.9 0.8 3.9004 0.99961 5.9004 0.59961s3.7988-1.4008 5.2988-2.8008c1.4-1.4 2.4008-3.2988 2.8008-5.2988s0.20039-4.1004-0.59961-5.9004c-0.8-1.9-2.1008-3.4996-3.8008-4.5996s-3.6992-1.7012-5.6992-1.7012zm-45.072 0.003906c-1.2617 0.03125-2.5039 0.29688-3.6289 0.79688-1.9 0.8-3.4996 2.1008-4.5996 3.8008-1.1 1.7-1.6992 3.6992-1.6992 5.6992 0 2.7 1.1 5.3008 3 7.3008s4.4992 2.8984 7.1992 2.8984c2 0 4.0012-0.59922 5.7012-1.6992 1.7-1.1 2.9988-2.6996 3.7988-4.5996s0.99961-3.9004 0.59961-5.9004-1.3988-3.8008-2.7988-5.3008c-1.4-1.4-3.3008-2.3988-5.3008-2.7988-0.75-0.15-1.5145-0.21602-2.2715-0.19727zm0.27148 5.2969c1 0 2.0008 0.30078 2.8008 0.80078 0.8 0.5 1.4988 1.2992 1.7988 2.1992 0.4 0.9 0.50078 1.9004 0.30078 2.9004s-0.70039 1.8996-1.4004 2.5996c-0.7 0.7-1.5996 1.2004-2.5996 1.4004-1 0.2-2.0004 0.099218-2.9004-0.30078-0.9-0.4-1.6992-0.99883-2.1992-1.7988-0.5-0.8-0.80078-1.8008-0.80078-2.8008 0-1.3 0.5-2.6 1.5-3.5 0.9-1 2.2-1.5 3.5-1.5zm44.9 0c1.3 0 2.6 0.5 3.5 1.5 0.9 0.8 1.4004 2.1004 1.4004 3.4004 0 1-0.30078 1.8988-0.80078 2.7988-0.5 0.8-1.2992 1.5008-2.1992 1.8008-0.9 0.4-1.9004 0.50078-2.9004 0.30078s-1.9-0.70039-2.5-1.4004c-0.7-0.7-1.2004-1.6-1.4004-2.5-0.2-1-0.09922-2.0004 0.30078-2.9004s0.99883-1.6992 1.7988-2.1992c0.8-0.5 1.8008-0.80078 2.8008-0.80078z"
+		></path>
+	</svg>
+</a>
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@ -1,19 +1,7 @@
 ---
-import SrxLogo from "@srx/assets/srx-digital-logo.svg?react";
+import Logo from "@srx/components/Logo.astro";
 ---

-<nav class="section">
-	<a href={"/"}>
-		<SrxLogo />
-	</a>
+<nav class="bg-default h-20 py-5">
+	<Logo />
 </nav>
-
-<style>
-	nav {
-		@apply bg-default h-20 py-5;
-	}
-
-	svg {
-		@apply fill-primary h-10;
-	}
-</style>
--- a/src/components/index.ts
+++ b/src/components/index.ts
@ -1,5 +0,0 @@
-import LinkButton from "@srx/components/LinkButton";
-
-export {
-  LinkButton,
-}
--- a/src/config/page.json
+++ b/src/config/page.json
@ -0,0 +1,46 @@
+{
+  "site": {
+    "title": "srx digital",
+    "subtitle": "Development & Operations",
+    "description": "Hi, mein Name ist Sebastian und ich arbeite als freiberuflicher Full Stack Developer und Plattform Engineer in Hamburg. Als Spezialist für Webtechnologien, Linux, Containerisierung und Cloud-Computing helfe ich Unternehmen, ihre digitalen Visionen effektiv in die Realität umzusetzen.",
+    "claim": "You, me, technology.",
+    "cta": "Du möchtest mit mir zusammenarbeiten? Ich freue mich über deinen Kontakt."
+  },
+  "logo": {
+    "alt": "Das Logo formt aus den Buchstaben \"s\", \"r\", und \"x'\" ein gleichschenkliges Dreieck mit ergänzenden Kreisen, symbolisiert die Einheit von \"You, me, technology und steht für Dynamik, Zusammenarbeit und Harmonie.",
+    "size": {
+      "width": 160,
+      "height": 80
+    }
+  },
+  "company": {
+    "name": "Sebastian Wendel",
+    "street": "Wohlwillstraße",
+    "building": 2,
+    "plz": 20359,
+    "city": "Hamburg",
+    "country": "DE"
+  },
+  "contact": {
+    "email": {
+      "address": "latigid.xrs@srx.digital",
+      "subject": "Kontakt über die Website",
+      "caption": "Schreib mir"
+    },
+    "chat": {
+      "matrix": {
+        "name": "Matrix",
+        "id": "@swendel:srx.digital",
+        "url": "https://matrix.to/#/@swendel:curious.bio",
+        "icon": ""
+      }
+    },
+    "phone": {
+      "country": "+49",
+      "city": "040",
+      "number": "28538736",
+      "extension": "0",
+      "icon": ""
+    }
+  }
+}
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@ -2,6 +2,7 @@
 import "@srx/styles/base.css";
 import Navbar from "@srx/components/Navbar.astro";
 import Footer from "@srx/components/Footer.astro";
+import Config from "@srx/config/page.json";

 interface Props {
    metaTitle?: string;
@ -20,9 +21,9 @@ interface Props {
 }

 const {
-    metaTitle = "srx digital",
-    metaSubtitle = "Development & Operations",
-    metaDescription = "Hallo! Ich bin Sebastian aus Hamburg, spezialisiert auf Softwareentwicklung und Plattformengineering. Meine Welt sind Linux, Container, Cloud und Hardware, besonders wenn's um Open-Source geht. Ich helfe Firmen, ihre Digitalstrategien erfolgreich zu realisieren.",
+    metaTitle = Config.site.title,
+    metaSubtitle = Config.site.subtitle,
+    metaDescription = Config.site.description,
    metaImage = `${Astro.url}srx_digital_opengraph.jpg`,
    metaAuthors = ["Sebastian Wendel"],
    metaType = "website",
--- a/tsconfig.json
+++ b/tsconfig.json
@ -7,6 +7,8 @@
  ],
  "compilerOptions": {
    "baseUrl": ".",
+    "strictNullChecks": true,
+    "allowJs": true,
    "resolveJsonModule": true,
    "allowSyntheticDefaultImports": true,
    "jsx": "react-jsx",
@ -24,24 +26,36 @@
      "@srx/components/*": [
        "src/components/*"
      ],
+      "@srx/config": [
+        "src/config"
+      ],
+      "@srx/config/*": [
+        "src/config/*"
+      ],
+      "@srx/content": [
+        "src/content"
+      ],
+      "@srx/content/*": [
+        "src/content/*"
+      ],
      "@srx/layouts": [
        "src/layouts"
      ],
      "@srx/layouts/*": [
        "src/layouts/*"
      ],
+      "@srx/lib": [
+        "src/lib"
+      ],
+      "@srx/lib/*": [
+        "src/lib/*"
+      ],
      "@srx/pages": [
        "src/pages"
      ],
      "@srx/pages/*": [
        "src/pages/*"
      ],
-      "@srx/scripts": [
-        "src/scripts"
-      ],
-      "@srx/scripts/*": [
-        "src/scripts/*"
-      ],
      "@srx/styles": [
        "src/styles"
      ],
Author	SHA1	Message	Date
Sebastian Wendel	46a1640036	extracted page content to config file	2024-03-13 17:04:29 +01:00
Sebastian Wendel	e0b6d58122	extracted page content to config file	2024-03-13 17:04:17 +01:00
Sebastian Wendel	4515b01deb	updated options in regards to imports and intelli sense	2024-03-13 17:02:54 +01:00
Sebastian Wendel	5d69276bb6	refactored all React components to Astro components	2024-03-13 17:01:10 +01:00
Sebastian Wendel	a67c4bd71c	refactored all React components to Astro components	2024-03-13 16:59:59 +01:00
Sebastian Wendel	ab970683d2	added opengraph page preview image	2024-03-13 16:54:21 +01:00
Sebastian Wendel	4f21a20d04	extracted svg title to configuration file	2024-03-13 16:53:17 +01:00