apricote/ein-pfeil-am-rechten-fleck.de
1
0
Fork 0
mirror of https://github.com/apricote/ein-pfeil-am-rechten-fleck.de.git synced 2026-01-13 13:01:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: last minute style optimizations & youtube link

Browse source
This commit is contained in:
Julian Tölle 2023-11-04 17:45:13 +01:00
parent 8d06a7b585
commit fe358dbf36
4 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app.css
View file

@ -3,7 +3,7 @@
@layer base { @layer base {
html { html {
@apply bg-cocoa-brown text-yellow-300 text-center scroll-smooth; @apply bg-cocoa-brown text-yellow-300 text-center scroll-smooth leading-relaxed;
} }
} }

2
src/lib/download-button.svelte
View file

@ -2,6 +2,6 @@
export let href: string; export let href: string;
</script> </script>
<a class="p-4 m-4 underline text-lg" target="_blank" {href}> <a class="p-4 m-2 underline text-lg" target="_blank" {href}>
<slot /> <slot />
</a> </a>

2
src/routes/+layout.svelte
View file

@ -42,7 +42,7 @@
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<div class="max-w-screen-md"> <div class="max-w-screen-md">
<h1 class="font-vinque text-6xl mt-4"> <h1 class="font-vinque text-6xl mt-4 leading-normal">
Ein <span class="text-[4rem] relative bottom-2">P</span>feil am rechten Ein <span class="text-[4rem] relative bottom-2">P</span>feil am rechten
<span class="text-red" <span class="text-red"
><span class="text-[4rem] relative bottom-2">F</span>leck</span ><span class="text-[4rem] relative bottom-2">F</span>leck</span

6
src/routes/+page.svelte
View file

@ -57,8 +57,10 @@
<H2>Jetzt anhören</H2> <H2>Jetzt anhören</H2>
<p class="my-8 flex items-center flex-col justify-center md:flex-row"> <p class="my-8 flex items-center flex-col justify-center md:flex-row">
<a class="p-4 m-4 underline text-lg" href="#download">Auf YouTube</a><br /> <a class="p-4 m-2 underline text-lg" href="https://youtu.be/gzLAarEAbRI"
<a class="p-4 m-4 underline text-lg" href="#download">Zum Herunterladen</a> >Auf YouTube</a
><br />
<a class="p-4 m-2 underline text-lg" href="#download">Zum Herunterladen</a>
</p> </p>
<Divider /> <Divider />