From 9dbc7b20841faecf93890ffedf999438f433f075 Mon Sep 17 00:00:00 2001 From: zktsn0w Date: Thu, 12 Oct 2023 21:56:48 +0200 Subject: [PATCH] so much lol --- public/img/align-left.svg | 1 + src/pages/mystory.astro | 8 ++-- src/pages/products.astro | 72 +++++++++++++++++++++++++++++++ src/pages/projects.astro | 72 +++++++++++++++++++++++++++++++ src/views/Products.astro | 89 ++++++++++++++++----------------------- src/views/Projects.astro | 83 +++++++++++++++--------------------- 6 files changed, 220 insertions(+), 105 deletions(-) create mode 100644 public/img/align-left.svg diff --git a/public/img/align-left.svg b/public/img/align-left.svg new file mode 100644 index 0000000..9ac852a --- /dev/null +++ b/public/img/align-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/mystory.astro b/src/pages/mystory.astro index 75142d5..f9318e1 100644 --- a/src/pages/mystory.astro +++ b/src/pages/mystory.astro @@ -8,20 +8,20 @@ const storyItems: StoryItemType[] = [ { title: "Ctrl-Alt-Grow", description: - "As a curious kid, I dove headfirst into the world of computers, playing around with code, gaming, and tech wonders, solidifying my enduring passion for all things digital.", + "Als neugieriges Kind tauchte ich kopfüber in die Welt der Computer ein, experimentierte mit Computern, spielte und erkundete technische Wunder, wodurch meine anhaltende Leidenschaft für alles Digitale gefestigt wurde.", image: "/img/ctrl-alt-grow.png" }, { title: "First Code", description: - "At the age of 13, I penned my first lines of code. Over the following years, I transitioned from crafting Minecraft plugins with Java to entering the world of web development.", + "Mit 13 Jahren schrieb ich meine ersten Codezeilen. In den anschließenden Jahren erfolgte der Übergang von der Erstellung von Minecraft-Plugins mit Java zur Webentwicklung.", image: "/img/code.png", epochTime: "2017 - 2019" }, { title: "Apprenticeship", description: - "During my three-year apprenticeship, I delved into web and backend application development, honing my skills and building a strong foundation in the field.", + "Während meiner dreijährigen Ausbildung habe ich mich ausgiebig mit der Entwicklung von Web- und Backend-Anwendungen beschäftigt, um meine Fähigkeiten zu verbessern und einen festen Grund in diesem Bereich zu schaffen.", image: "/img/apprenticeship.png", epochTime: "2020 - 2023", paddingedImage: false @@ -29,7 +29,7 @@ const storyItems: StoryItemType[] = [ { title: "Coding", description: - "Now, i'm working professionally at a digital-agency in munich, developing enterprise-level Web-Solutions for small and big companies.", + "Jetzt arbeite ich professionell in einer Digitalagentur in München und entwickle mit einem tollen Team Enterprise-Level-Web-Lösungen für kleine und große Unternehmen.", image: "/img/work.png", epochTime: "since 2023", paddingedImage: false diff --git a/src/pages/products.astro b/src/pages/products.astro index e69de29..77d6f2d 100644 --- a/src/pages/products.astro +++ b/src/pages/products.astro @@ -0,0 +1,72 @@ +--- +import { Navigation } from "../components/Navigation"; +import Footer from "../views/Footer.astro"; +--- + + +
+
+
+
+ +

+ Web-Entwicklung +

+ +
+

+ Als Webentwickler nutze ich moderne Frameworks, um erstklassige Websites mit einem herausragenden + Nutzererlebnis zu gestalten. Meine Leidenschaft gilt der Schaffung ansprechender Online-Präsenzen. +

+

+ Gerne unterstütze ich dich dabei, deine Online-Präsenz zu entwickeln. +

+
+ +

+ Colaborated with: IamSebastianDev +

+
+
+

Schulungen

+

+ Zusätzlich biete ich tolle IT-Schulungen auf Anfrage an, um digitale Kompetenzen zu vermitteln. +

+

Weitere verwendete Technologien: TailwindCSS, SolidJS

+
+
+
+

Server-Deployment

+
+

+ Als Spezialist für Server-Deployment und Anwendungsbereitstellung mit Techniken wie Docker sorge ich dafür, + dass Anwendungen reibungslos und effizient auf Servern laufen. +

+

+
+
+
+

WICHTIG!

+
+
+

+ Aktuell bin ich froh ein Teil eines Teams in einer Digital-agentur zu sein, jedoch kann ich dadurch auch + einige Dienste nicht als Selbständiger anbieten, trotzdem kannst du dich gerne bei mir melden und ich berate + dich dementsprechend. +

+
+
+
+
+
+
diff --git a/src/pages/projects.astro b/src/pages/projects.astro index e69de29..625ebd7 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -0,0 +1,72 @@ +--- +import { Navigation } from "../components/Navigation"; +import Footer from "../views/Footer.astro"; +--- + + +
+
+
+
+ +

+ ColrJs +

+ +
+

+ Ein schlankes, modernes und erweiterbares Farbpalettenextraktionswerkzeug, das im Browser oder in einem + Node.js-Kontext verwendet werden kann. +

+

+ Dank dieser Bibliothek konnte ich mein Abschlussprojekt während meiner Ausbildung erfolgreich realisieren. +

+
+ +

+ Colaborated with: IamSebastianDev +

+
+
+

Portfolio

+

+ Mein Portfolio habe ich dem modernen Framework Astro erstellt, um eine beeindruckende Online-Präsenz zu präsentieren. +

+

Weitere verwendete Technologien: TailwindCSS, SolidJS

+
+
+
+

SolidJS Component Library

+

In Progress...

+
+

+ Ich arbeite derzeit an einer Component-Library für SolidJS, um die Entwicklung von Webanwendungen zu + optimieren und benutzerfreundlicher zu gestalten. +

+

+
+
+
+

Weitere Projekte

+

Soon...

+
+
+

Wer weiß,
vielleicht kommen bald weitere Projekte dazu 😉

+
+
+
+
+
+
diff --git a/src/views/Products.astro b/src/views/Products.astro index a3e3e8c..0a04fcf 100644 --- a/src/views/Products.astro +++ b/src/views/Products.astro @@ -1,67 +1,52 @@ ----import { Button } from "../components/partials/Button"; +--- +import { Button } from "../components/partials/Button"; export type Product = { title: string; icon: string; text: string }; - const products: Product[] = [ { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." + icon: "/img/align-left.svg", + title: "Web-Entwicklung", + text: "Entwickeln von Webseiten mit modernen und robusten Technologien." + }, + { + icon: "/img/terminal.svg", + title: "Server-Deployment", + text: "Aufsetzen von Web-Anwendungen sowie weiteren Lösungen in der Cloud oder in ihrem Netzwerk." }, { icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." + title: "Und vieles mehr...", + text: "Schreib mir gerne eine kurze Mail mit deinem Anliegen und lass uns gemeinsam eine Lösung finden ;)" } ]; ---
-
-

Willkommen an der Bar! 🍸

-

Was darfs denn heute sein?

-
- { - products.slice(0, 4).map((product, i) => { - return ( -
- -
-

{product.title}

-

{product.text}

-
+
+

Willkommen an der Bar! 🍸

+

Was darfs denn heute sein?

+
+ { + products.slice(0, 3).map((product, i) => { + return ( +
+ +
+

{product.title}

+

{product.text}

- ); - }) - } -
-
-
+
+ ); + }) + }
-
\ No newline at end of file +
+
+ + diff --git a/src/views/Projects.astro b/src/views/Projects.astro index 674b296..98cd5ac 100644 --- a/src/views/Projects.astro +++ b/src/views/Projects.astro @@ -9,69 +9,54 @@ const projects: Project[] = [ }, { icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." + title: "Portfolio", + text: "Mein Portfolio" }, { icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." + title: "SolidJS Komponenten-Bibliothek", + text: "Fertige Komponenten für SolidJS Projekte" }, { icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." - }, - { - icon: "/img/layers.svg", - title: "ColrJS", - text: "Farbpaletten aus Bildern extrahieren." + title: "Soon...", + text: "Wer weiß, vielleicht kommen bald weitere Projekte dazu." } ]; -import { Button } from "../components/partials/Button" +import { Button } from "../components/partials/Button"; --- -
-
-

Meine Projekte

-
- { - projects.slice(0, 4).map((project, i) => { - return ( -
-
- {`img -
-
-

{project.title}

-

{project.text}

-
+
+

Meine Projekte

+
+ { + projects.slice(0, 4).map((project, i) => { + return ( +
+
+ {`img
- ); - }) - } -
+
+

{project.title}

+

{project.text}

+
+
+ ); + }) + } +
-
-
-
\ No newline at end of file + +