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

haaaa

This commit is contained in:
zktsn0w 2023-08-22 21:12:13 +02:00
parent a9fb10e304
commit 65309522c3
5 changed files with 76 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/ImpressBody.tsx Normal file
View File

@ -0,0 +1,46 @@
import { createSignal } from "solid-js";
const [encryptedPhoneNumberSig, setEncryptedPhoneNumber] = createSignal("");
const [encryptedPhoneNumberLinkSig, setEncryptedPhoneNumberLink] = createSignal("");
const [encryptedMailSig, setEncryptedMail] = createSignal("");
const [encryptedMailLinkSig, setEncryptedMailLink] = createSignal("");
export const ImpressBody = (props: {
encryptedPhoneNumber: string;
encryptedPhoneNumberLink: string;
encryptedMail: string;
encryptedMailLink: string;
}) => {
setEncryptedPhoneNumber(props.encryptedPhoneNumber);
setEncryptedPhoneNumberLink(props.encryptedPhoneNumberLink);
setEncryptedMail(props.encryptedMail);
setEncryptedMailLink(props.encryptedMailLink);
setTimeout(() => {
setEncryptedPhoneNumber(atob(props.encryptedPhoneNumber));
setEncryptedPhoneNumberLink(atob(props.encryptedPhoneNumberLink));
setEncryptedMail(atob(props.encryptedMail));
setEncryptedMailLink(atob(props.encryptedMailLink));
}, 200);
return (
<div class="w-screen pl-12 h-screen flex flex-col justify-center">
<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>
<p>
Vertreten durch: <br />
Dominik Strangas
<br /> Kontakt:
<br />
Telefon: <a class="underline text-emerald-300" href={encryptedPhoneNumberLinkSig()}>{encryptedPhoneNumberSig()}</a><br />
E-Mail: <a class="underline text-emerald-300" href={encryptedMailLinkSig()}>{encryptedMailSig()}</a><br />
Umsatzsteuer-ID: Musterustid. <span class="text-zinc-300 text-sm">(Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz)</span>
<br />Wirtschafts-ID: Musterwirtschaftsid
</p>
</div>
);
};

5
src/components/Navigation.tsx
View File

@ -30,7 +30,7 @@ export const Navigation = () => {
Über Mich Ü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">
Projekte Skills
</a> </a>
</div> </div>
</div> </div>
@ -56,10 +56,9 @@ export const Navigation = () => {
Über Mich Ü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">
Projekte Skills
</a> </a>
</nav> </nav>
</> </>
); );
}; };
// Navigation component contains the NavigationBar component via import from partial and a screen height and screen width big absolute layer that is shown via signals

4
src/components/partials/DecryptLink.tsx
View File

@ -1,4 +1,4 @@
import { createSignal, onMount } from "solid-js" import { For, createSignal, onMount } from "solid-js"
const redirect = (link: string) => { const redirect = (link: string) => {
window.location.href = (atob(link)) window.location.href = (atob(link))
@ -16,5 +16,5 @@ export const DecryptLink = (props: {linkTo: string, text:string}) => {
setText(atob(props.text)) setText(atob(props.text))
}, 100); }, 100);
}) })
return <p class="cursor-pointer" onclick={()=>redirect(props.linkTo)}>{text()}</p> return <For each={[1]}>{(i)=> <p id={Date.now.toString()} class="cursor-pointer" onclick={()=>redirect(props.linkTo)}>{text()}</p>}</For>
} }

26
src/pages/impress.astro
View File

@ -9,6 +9,7 @@ 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";
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");
@ -26,29 +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 pl-12 flex flex-col justify-center gap-5"> <section class="h-screen w-1/2 flex flex-col justify-center gap-5">
<p class="text-3xl">Impressum</p> <ImpressBody client:load encryptedMail={encryptedMail} encryptedMailLink={encryptedMailLink} encryptedPhoneNumber={encryptedPhoneNumber} encryptedPhoneNumberLink={encryptedPhoneNumberLink} />
<p class="text-small text-zinc-300 mb-5">Angaben gemäß § 5 TMG</p>
<p>Dominik Strangas <br />80937 München</p>
<p>
Vertreten durch: <br />Dominik Strangas<br /> Kontakt:<br />
<div class="flex">
Telefon: &nbsp;<DecryptLink client:load text={encryptedPhoneNumber} linkTo={`${encryptedPhoneNumberLink}`} />
</div>
<br
/>
<p>
<div class="flex">
E-Mail: &nbsp;<DecryptLink client:load text={encryptedMail} linkTo={`${encryptedMailLink}`} />
</div>
<br />Umsatzsteuer-ID:
</p>
<p>
Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: Musterustid. Wirtschafts-ID:
Musterwirtschaftsid
</p>
</p>
<Footer /> <Footer />
</section> </section>
</body> </body>

23
src/pages/mystory.astro
View File

@ -0,0 +1,23 @@
---
import { Navigation } from "../components/Navigation";
import Footer from "../views/Footer.astro";
type StoryItem = {
title: string,
description: string,
image: string,
}
const StoryItems: StoryItem[] = [
{title: "Pre-Work", description:"", image:""}
]
---
<Navigation />
<div class="min-h-screen w-screen p-10 bg-zinc-100 ">
<h1 class="text-4xl font-bold ">Meine Geschichte</h1>
</div>
<Footer />