Skip to content

Commit

Permalink
some new stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
Thomas Kaestner authored and Thomas Kaestner committed Jan 30, 2024
1 parent 9452f8d commit 857b3fc
Show file tree
Hide file tree
Showing 11 changed files with 4,187 additions and 15,041 deletions.
18,238 changes: 3,418 additions & 14,820 deletions package-lock.json
View file

Large diffs are not rendered by default.

Binary file added public/img/default.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,6 @@
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
@import './assets/styles/custom_styles.css';
</style>
26 changes: 26 additions & 0 deletions src/assets/styles/custom_styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,30 @@

.customtuerkisbackground {
background-color: #52ab98;
}

.customThirdBackgroundColor {
background-color: #ecc960;
}

.customThirdTextColor {
color: #ecc960;
}

.customThirdColor {
color: #52ab98;
}

.customThirdStroke {
border: 2px solid #ecc960;
}

.customThirdColorFade {
background: linear-gradient(to bottom, black, #ecc960);

}

.customThirdColorFadeGrayBlack {
background: linear-gradient(to bottom, #D1D5DB, black);

}
8 changes: 3 additions & 5 deletions src/components/Contact.vue
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
<template>
<div class="bg-gray-300" id="contact">
<div class="text-center font-semibold text-lg text-black py-4">
Kontakt
</div>
<div class="flex py-12 md:py-64">
<div class="customThirdColorFadeGrayBlack" id="contact">
<h4 class="text-3xl md:text-5xl font-bold pt-8 mb-6">Kontakt</h4>
<div class="flex py-12 md:py-32">
<div class="m-auto">
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 ">
<div>
Expand Down
72 changes: 65 additions & 7 deletions src/components/Introduction.vue
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,73 @@
<template>
<div class="bg-black flex h-screen" id="Introduction">
<div class="m-auto">
<img width="300" height="300" class="m-auto py-4" src="img/TAK.png">
<h1 class="center text-gray-100">Thomas Kästner</h1>
<div class="text-gray-100">Software Entwicklung & IT-Consulting</div>
<div class="bg-black flex flex-col h-screen" id="Introduction">
<div class="m-auto">
<div class="flex-col md:flex">
<div class="max-w-6xl md:mx-auto p-8 shadow-lg md:rounded-lg md:flex items-center text-black customThirdBackgroundColor">
<!-- Text on the top or left for small screens -->
<div class="w-full pb-8 sm:pr-8">
<h1 class="text-3xl md:text-5xl text-black font-bold mb-6">Moin,</h1>
<p class="">
Ich bin <b>Thomas</b>, ein begeisterter <b>Backend-Softwareentwickler</b> aus Hamburg.
Seit 2018 arbeite ich leidenschaftlich an Softwareprojekten im <b> E-Commerce und Logistik </b> Bereich und habe dabei vielfältige Programmiersprachen durch unterschiedliche Projekte gemeister. Insbesondere habe ich mich auf <b>PHP</b>,
<b>Laravel</b>, <b>Symfony</b>, <b>GO</b> und <b>AWS</b> spezialisiert.
</p>
<div class="hidden md:grid grid-row grid-cols-1 grid-cols-6 gap-4 pt-6">
<div>
<a href="https://github.com/ThomasAKaestner">
<img class="w-4 md:w-8 pb-2 m-auto" src="img/icons/github.png">
<p class="text-center">Github</p>
</a>
</div>
<div>
<a href="https://de.linkedin.com/in/thomas-alan-k%C3%A4stner-931b67199">
<img class="w-6 md:w-8 pb-2 m-auto" src="img/icons/linkedin.png">
<p class="text-center">LinkedIn</p>
</a>
</div>
<div>
<a href="https://www.xing.com/profile/ThomasAlan_Kaestner2">
<img class="w-6 md:w-8 pb-2 m-auto" src="img/icons/xing.png">
<p class="text-center">Xing</p>
</a>
</div>
<div>
<a href="mailto: [email protected]">
<img class="w-8 pb-2 xs:w-4 m-auto" src="img/icons/mail.png">
<p class="text-center">Email</p>
</a>
</div>
<div>
<a href="mailto: [email protected]">
<img class="w-8 pb-2 m-auto" src="img/icons/mail.png">
<p class="text-center">Malt</p>
</a>
</div>
<div>
<a href="mailto: [email protected]">
<img class="w-8 pb-2 m-auto" src="img/icons/mail.png">
<p class="text-center">Freelancer Map</p>
</a>
</div>
</div>
</div>

<!-- Image on the bottom or right for small screens -->
<div class="w-full">
<div class="flex justify-center">
<div>
<img src="/img/default.jpeg" alt="Your Image" class="rounded-full h-64 w-64 object-cover overflow-hidden">
</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</template>

<script>
export default {
name: "Introduction"
name: "Introduction"
}
</script>
90 changes: 51 additions & 39 deletions src/components/MyProducts.vue
View file
Original file line number Diff line number Diff line change
@@ -1,50 +1,62 @@
<template>
<div class="bg-black" id="products">
<div class="flex flex-col h-auto px-4 md:px-32 lg:px-64 text-gray-300">
<div class="text-center font-semibold text-lg py-4">
Produkte
</div>
<div class="py-12 w-full">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 h-auto md:py-32">
<div class="border p-4">
<h3 class="pb-4 underline">Komplette Webseite</h3>
<div>
Setzen Sie Ihre komplette Website mit mir um. Dabei verwende ich auf Wunsch gern ein Content Management
System, so dass Sie bei Wunsch Inhalte selbst über eine einfache Bedienoberfläche anpassen können.
</div>
<div class="border p-4 m-4 cursor-pointer">
<a href="#contact">Jetzt Angebot anfordern</a>
</div>
</div>
<div class="border p-4">
<h3 class="pb-4 underline">Backend Applikation</h3>
<div>
Sie sind auf der Suche nach einem GO oder PHP Entwickler für ihre Backendapplikation? Ich konzepiere,
entwickle oder maintaine ihre Backendapplikation in PHP oder GO.
</div>
<div class="border p-4 m-4 cursor-pointer">
<a href="#contact">Jetzt Angebot anfordern</a>
</div>
</div>
<div class="border p-4">
<h3 class="pb-4 underline">Kontakt</h3>
<div>
Sie brauchen Technisches Wissen oder wollen anderweitig Kontakt aufbauen?
Schreiben Sie mich gerne an.
</div>
<div class="border p-4 m-4 cursor-pointer">
<a href="#contact">Kontakt</a>
<div class="customThirdColorFade" id="products">
<div class="flex flex-col h-auto px-4 md:px-32 lg:px-64">
<h4 class="text-3xl md:text-5xl customThirdTextColor font-bold mb-6">Was ich anbiete ...</h4>

<div class="py-12 w-full text-gray-300">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 h-auto md:py-32">
<div class="border p-4 bg-black">
<h3 class="pb-4 text-xl font-bold">Backend Entwicklung</h3>
<div>
Als erfahrener Backend-Entwickler biete ich maßgeschneiderte Lösungen in den Bereichen PHP,
Symfony, Laravel und Golang an, unabhängig von der Architektur, sei es Microservices oder
monolithische Anwendungen. Mit tiefgreifendem Fachwissen entwickle ich zuverlässige und
effiziente Backend-Systeme, um individuelle Anforderungen zu erfüllen.
</div>
<div class="border p-4 m-4 cursor-pointer customColor">
<a href="#contact">Jetzt Angebot anfordern</a>
</div>
</div>
<div class="border p-4 bg-black">
<h3 class="pb-4 text-xl font-bold">AWS Architectur & Ops</h3>
<div>

Als AWS Cloud Architect & AWS Developer bringe ich umfassende Expertise in die Gestaltung
und Umsetzung Cloud-basierter Lösungen. Mit fundiertem Wissen über AWS-Technologien
entwickle ich maßgeschneiderte Architekturen, die höchste Performance, Skalierbarkeit und
Sicherheit gewährleisten. Vom Design bis zur Implementierung stehe ich für innovative
Cloud-Lösungen, um geschäftliche Anforderungen optimal zu adressieren.
</div>
<div class="border p-4 m-4 cursor-pointer">
<a href="#contact">Jetzt Angebot anfordern</a>
</div>
</div>
<div class="border p-4 bg-black">
<h3 class="pb-4 text-xl font-bold">System Anbindung & Automatisierung</h3>
<div>

Als erfahrener Entwickler biete ich die nahtlose Anbindung deines Shop-Systems an
verschiedene externe Dienste an, gepaart mit effektiver Automatisierung. Von der
reibungslosen Zahlungsabwicklung mit Stripe und PayPal bis zur automatisierten
Versandoptimierung durch UPS, DHL und FedEx. Dein Shop wird mit Marketingtools wie Mailchimp und
Facebook Business nahtlos verknüpft. Automatisierte Produktbewertungen mit Yotpo und
effiziente Lagerverwaltung durch Zoho Inventory sind ebenso Teil meines Angebots. Durch
gezielte Automatisierung revolutioniere ich deine Abläufe, damit dein Business nicht nur
effizienter, sondern auch erfolgreicher agieren kann.
</div>
<div class="border p-4 m-4 cursor-pointer">
<a href="#contact">Kontakt</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>

<script>
export default {
name: "MyProducts"
name: "MyProducts"
}
</script>

Expand Down
Loading

0 comments on commit 857b3fc

Please sign in to comment.