Dominik
/
kurwafolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ha

This commit is contained in:
Dominik Strangas 2023-09-18 16:37:11 +02:00
parent 6b4e4c1223
commit 6e4bf92aed
5 changed files with 48 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Impress.tsx Normal file
View File

@ -0,0 +1,38 @@
import { createSignal } from "solid-js"
const [phone, setPhone] = createSignal('')
const [email, setEmail] = createSignal('')
export const ImpressComponent = (props: { email, phoneNumber }) => {
setTimeout(() => {
setPhone(atob(props.phoneNumber))
setEmail(atob(props.email))
}, 1000);
return (
<div class="p-20">
<p class="text-3xl">Impressum</p>
<p class="text-small text-zinc-300 mb-5">Angaben gemäß § 5 TMG</p>
<p>Dominik Strangas <br />80937 München</p>
Vertreten durch: <br />Dominik Strangas<br /> Kontakt:<br />
<a href={`tel:${phone()}`}>
<div class="flex">
Telefon: {phone()}
</div>
</a>
<br
/>
<a href={`mailto:${email()}`}>
<div class="flex">
E-Mail: {email()}
</div>
</a>
<br />Umsatzsteuer-ID:
<p>
Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: Musterustid. Wirtschafts-ID:
Musterwirtschaftsid
</p>
</div>
)
}

5
src/components/Navigation.tsx
View File

@ -7,6 +7,7 @@ const setShowMobileNav = (val: boolean) => showMobileNav(val);
export const Navigation = () => { export const Navigation = () => {
return ( return (
<> <>
<meta charset="UTF-8" />
<Show when={mobileNav()}> <Show when={mobileNav()}>
<div class={`fixed transition-all z-30 h-screen w-screen bg-zinc-900 flex flex-col`}> <div class={`fixed transition-all z-30 h-screen w-screen bg-zinc-900 flex flex-col`}>
<div class="w-screen border-b-2 border-b-zinc-50 h-14 bg-zinc-900 flex items-center"> <div class="w-screen border-b-2 border-b-zinc-50 h-14 bg-zinc-900 flex items-center">
@ -27,7 +28,7 @@ export const Navigation = () => {
Produkte Produkte
</a> </a>
<a class="hover:underline transition-all hover:text-zinc-50" href="/mystory/"> <a class="hover:underline transition-all hover:text-zinc-50" href="/mystory/">
Über Mich &#220;ber Mich
</a> </a>
<a class="hover:underline transition-all hover:text-zinc-50" href="/skills"> <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
Skills Skills
@ -53,7 +54,7 @@ export const Navigation = () => {
Produkte Produkte
</a> </a>
<a class="hover:underline transition-all hover:text-zinc-50" href="/mystory"> <a class="hover:underline transition-all hover:text-zinc-50" href="/mystory">
Über Mich &#220;ber Mich
</a> </a>
<a class="hover:underline transition-all hover:text-zinc-50" href="/skills"> <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
Skills Skills

8
src/pages/impress.astro
View File

@ -9,12 +9,12 @@ import Products from "../views/Products.astro";
import LandingHero from "../views/LandingHero.astro"; import LandingHero from "../views/LandingHero.astro";
import Footer from "../views/Footer.astro"; import Footer from "../views/Footer.astro";
import { DecryptLink } from "../components/partials/DecryptLink"; import { DecryptLink } from "../components/partials/DecryptLink";
import { ImpressBody } from "../components/ImpressBody"; import { ImpressComponent } from "../components/Impress";
const encryptedMailLink = btoa("mailto:dominik@oceanwave018.de"); const encryptedMailLink = btoa("mailto:dominik@oceanwave018.de");
const encryptedMail = btoa("dominik@oceanwave018.de"); const encryptedMail = btoa("dominik@oceanwave018.de");
const encryptedPhoneNumberLink = btoa("tel:017664001756"); const encryptedPhoneNumberLink = btoa("tel:017664001756");
const encryptedPhoneNumber = btoa("017664001756"); const encryptedPhoneNumber = btoa("+49 176 6400 1756");
--- ---
<html lang="en"> <html lang="en">
@ -27,8 +27,8 @@ const encryptedPhoneNumber = btoa("017664001756");
</head> </head>
<body class="bg-zinc-900 text-zinc-100"> <body class="bg-zinc-900 text-zinc-100">
<Navigation client:load /> <Navigation client:load />
<section class="h-screen w-1/2 flex flex-col justify-center gap-5"> <section class="h-auto py-6 max-w-full w-1/2 flex flex-col justify-center gap-5">
<ImpressBody client:load encryptedMail={encryptedMail} encryptedMailLink={encryptedMailLink} encryptedPhoneNumber={encryptedPhoneNumber} encryptedPhoneNumberLink={encryptedPhoneNumberLink} /> <ImpressComponent client:idle phoneNumber={encryptedPhoneNumber} email={encryptedMail} />
<Footer /> <Footer />
</section> </section>
</body> </body>

3
src/views/AboutMe.astro
View File

@ -1,3 +1,4 @@
<section class="py-5 w-screen max-sm:min-h-[66vh] bg-zinc-900 text-zinc-50"> <section class="py-5 w-screen max-sm:min-h-[66vh] bg-zinc-900 text-zinc-50">
<div class="w-5/6 flex flex-col justify-around items-center h-full mx-auto gap-2"> <div class="w-5/6 flex flex-col justify-around items-center h-full mx-auto gap-2">
<p class="text-2xl underline">Mehr zu mir</p> <p class="text-2xl underline">Mehr zu mir</p>
@ -26,7 +27,7 @@
> und der BSInfo. <span class="text-zinc-300 font-mono">2020-2023</span> > und der BSInfo. <span class="text-zinc-300 font-mono">2020-2023</span>
</p> </p>
<p> <p>
Übernahme bei <a &#220;bernahme bei <a
target="_blank" target="_blank"
href="https://adabay.rocks" href="https://adabay.rocks"
class="underline text-emerald-300 visited:text-purple-300">adabay.</a class="underline text-emerald-300 visited:text-purple-300">adabay.</a

2
src/views/Footer.astro
View File

@ -2,7 +2,7 @@
let blogUrl = "https://blog.oceanwave018.de" let blogUrl = "https://blog.oceanwave018.de"
--- ---
<section class="py-5 h-20 w-screen border-t-zinc-200 border-t font-mono bg-zinc-900 text-zinc-50 flex flex-row justify-center gap-5 items-center"> <section class="py-5 h-20 w-screen border-t-zinc-200 border-t font-mono bg-zinc-900 text-zinc-50 flex flex-row justify-center gap-5 items-center">
<a class="hover:underline text-emerald-300" href="/impress">Impressum</a> <a class="hover:underline text-emerald-300" href="/impress">Impressum</a>
<a class="hover:underline text-emerald-300" href={blogUrl}>Blog</a> <a class="hover:underline text-emerald-300" href={blogUrl}>Blog</a>
</section> </section>