This commit is contained in:
Dominik Strangas
parent
6b4e4c1223
commit
6e4bf92aed
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
|
@ -7,6 +7,7 @@ const setShowMobileNav = (val: boolean) => showMobileNav(val);
|
|||
export const Navigation = () => {
|
||||
return (
|
||||
<>
|
||||
<meta charset="UTF-8" />
|
||||
<Show when={mobileNav()}>
|
||||
<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">
|
||||
|
|
@ -27,7 +28,7 @@ export const Navigation = () => {
|
|||
Produkte
|
||||
</a>
|
||||
<a class="hover:underline transition-all hover:text-zinc-50" href="/mystory/">
|
||||
Über Mich
|
||||
Über Mich
|
||||
</a>
|
||||
<a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
|
||||
Skills
|
||||
|
|
@ -53,7 +54,7 @@ export const Navigation = () => {
|
|||
Produkte
|
||||
</a>
|
||||
<a class="hover:underline transition-all hover:text-zinc-50" href="/mystory">
|
||||
Über Mich
|
||||
Über Mich
|
||||
</a>
|
||||
<a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
|
||||
Skills
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@ import Products from "../views/Products.astro";
|
|||
import LandingHero from "../views/LandingHero.astro";
|
||||
import Footer from "../views/Footer.astro";
|
||||
import { DecryptLink } from "../components/partials/DecryptLink";
|
||||
import { ImpressBody } from "../components/ImpressBody";
|
||||
import { ImpressComponent } from "../components/Impress";
|
||||
|
||||
const encryptedMailLink = btoa("mailto:dominik@oceanwave018.de");
|
||||
const encryptedMail = btoa("dominik@oceanwave018.de");
|
||||
const encryptedPhoneNumberLink = btoa("tel:017664001756");
|
||||
const encryptedPhoneNumber = btoa("017664001756");
|
||||
const encryptedPhoneNumber = btoa("+49 176 6400 1756");
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
|
|
@ -27,8 +27,8 @@ const encryptedPhoneNumber = btoa("017664001756");
|
|||
</head>
|
||||
<body class="bg-zinc-900 text-zinc-100">
|
||||
<Navigation client:load />
|
||||
<section class="h-screen w-1/2 flex flex-col justify-center gap-5">
|
||||
<ImpressBody client:load encryptedMail={encryptedMail} encryptedMailLink={encryptedMailLink} encryptedPhoneNumber={encryptedPhoneNumber} encryptedPhoneNumberLink={encryptedPhoneNumberLink} />
|
||||
<section class="h-auto py-6 max-w-full w-1/2 flex flex-col justify-center gap-5">
|
||||
<ImpressComponent client:idle phoneNumber={encryptedPhoneNumber} email={encryptedMail} />
|
||||
<Footer />
|
||||
</section>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
|
||||
<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">
|
||||
<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>
|
||||
</p>
|
||||
<p>
|
||||
Übernahme bei <a
|
||||
Übernahme bei <a
|
||||
target="_blank"
|
||||
href="https://adabay.rocks"
|
||||
class="underline text-emerald-300 visited:text-purple-300">adabay.</a
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
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={blogUrl}>Blog</a>
|
||||
</section>
|
||||
Loading…
Reference in New Issue