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-02-06 17:57:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

add sveltekit version

Browse source
This commit is contained in:
Julian Tölle 2021-04-24 01:30:09 +02:00
parent 2f522be388
commit d1c0eb8d17
20 changed files with 3252 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
<body class="bg-gray-900">
<div id="svelte">%svelte.body%</div>
</body>
</html>

4
src/app.postcss Normal file
View file

@ -0,0 +1,4 @@
/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;

3
src/global.d.ts vendored Normal file
View file

@ -0,0 +1,3 @@
/// <reference types="@sveltejs/kit" />
/// <reference types="svelte" />
/// <reference types="vite/client" />

14
src/lib/layout/NavLink.svelte Normal file
View file

@ -0,0 +1,14 @@
<script lang="ts">
export let href: string;
export let text: string;
</script>
<li class="block w-1/2 bg-amber-800">
<a
class="text-gray-300 hover:text-amber-200 focus:text-amber-200 focus:outline-none transition"
alt=""
{href}
>
{text}
</a>
</li>

25
src/routes/$layout.svelte Normal file
View file

@ -0,0 +1,25 @@
<script>
import "../app.postcss";
import NavLink from "$lib/layout/NavLink.svelte";
</script>
<header class="flex justify-center pt-4">
<img height="150" width="300" />
</header>
<nav>
<ul class="m-4 text-center justify-center">
<NavLink href="/#intro" text="Einführung" />
<NavLink href="/#heroes" text="Unsere Helden" />
<NavLink href="/#listen" text="Hörprobe" />
<NavLink href="/buy" text="Shop" />
</ul>
</nav>
<main class="bg-amber-200 max-w-md">
<slot />
</main>
<footer>
<a href="imprint">Impressum & Datenschutz</a>
</footer>

0
src/routes/buy.svelte Normal file
View file

0
src/routes/download.svelte Normal file
View file

31
src/routes/index.svelte Normal file
View file

@ -0,0 +1,31 @@
<h1>Welcome to SvelteKit</h1>
<p>
Visit <a class="text-blue-600 underline" href="https://kit.svelte.dev">kit.svelte.dev</a> to read the
documentation
</p>
<p id="intro">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in gravida sem. Fusce tincidunt
massa quis mauris posuere dictum. Aenean malesuada odio at congue luctus. Quisque rutrum, est at
maximus pretium, justo mi fringilla augue, vel dictum leo elit id arcu. Nullam lacus turpis,
sagittis quis egestas a, tincidunt in lectus. Cras porta libero mauris, et condimentum magna
venenatis id. Integer eu egestas lacus.
</p>
<p id="heroes">
Quisque ornare tincidunt diam, sit amet sollicitudin turpis porta eu. In maximus vel nunc sit amet
congue. Aliquam dignissim ex at sollicitudin placerat. Praesent quis felis eu lacus vehicula
rutrum nec vel metus. Maecenas hendrerit posuere ex in tempus. In hendrerit lacinia lacus ut
dapibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Curabitur vitae enim hendrerit, scelerisque sapien non, facilisis magna. Nunc molestie iaculis
dapibus. Donec porttitor vestibulum libero, in auctor sem convallis eu.
</p>
<p id="listen">
Cras luctus commodo pharetra. Integer sollicitudin lectus non nibh congue egestas. Quisque
lobortis, magna vitae consectetur mollis, purus dui sollicitudin ligula, vel condimentum nunc
justo at tellus. Quisque ut ligula laoreet, pellentesque ligula nec, venenatis lacus. Quisque
magna nulla, mattis ac libero in, suscipit consectetur ex. Donec eget sem sollicitudin, varius
massa in, sodales neque. Vivamus fermentum tempus nunc, nec ultrices ante faucibus nec. Vivamus
vel sollicitudin velit.
</p>