feat: add attributions for soundeffects

src/routes/+page.svelte

@@ -67,6 +67,8 @@
   <Actor role="Website" actor="Julian Tölle" />
 </table>
 
+<DownloadButton href="/attributions">Soundeffekte</DownloadButton>
+
 <H2>Herunterladen</H2>
 
 <p class="my-8 flex items-center flex-col justify-center md:flex-row">

src/routes/attributions/+page.svelte

@@ -0,0 +1,53 @@
+<script>
+  import H2 from "$lib/h2.svelte";
+  import H3 from "$lib/h3.svelte";
+  import Attribution from "./attribution.svelte";
+</script>
+
+<H2><a href="/">&larr; Zurück zur Hauptseite</a></H2>
+
+<H2>Attributions der Soundeffekte</H2>
+
+Vielen lieben dank an alle Sounddesigner da draußen die ihre Effekte zur freien
+Verfügung stellen! Neben den hier erwähnten gibt es natürlich noch viele andere
+Effekte, deren Lizenz nicht erfordert hier aufgeführt zu werden.
+
+<H3>Szene 1</H3>
+
+<Attribution
+  title="Tavern by the fireside"
+  author="theRedfish"
+  source="https://rpg.ambient-mixer.com/tavern-by-the-fireside"
+  licenseName="Creative Commons Sampling Plus 1.0 License"
+  licenseUrl="https://creativecommons.org/licenses/sampling+/1.0/"
+/>
+
+<H3>Szene 6</H3>
+
+<Attribution
+  title="Clothing_ShirtsandPants_Rustling.wav"
+  author="duckduckpony"
+  source="https://freesound.org/people/duckduckpony/sounds/204016/"
+  licenseName="Creative Commons Attribution 4.0 International"
+  licenseUrl="https://creativecommons.org/licenses/by/4.0/"
+/>
+
+<H3>Szene 7</H3>
+
+<Attribution
+  title="Water, Pouring, A.wav"
+  author="InspectorJ"
+  source="https://freesound.org/people/InspectorJ/sounds/421184/"
+  licenseName="Creative Commons Attribution 4.0 International"
+  licenseUrl="https://creativecommons.org/licenses/by/4.0/"
+/>
+
+<H3>Szene 8</H3>
+
+<Attribution
+  title="Fairly minimal dungeon"
+  author="grainger"
+  source="https://rpg.ambient-mixer.com/dungeon"
+  licenseName="Creative Commons Sampling Plus 1.0 License"
+  licenseUrl="https://creativecommons.org/licenses/sampling+/1.0/"
+/>

src/routes/attributions/attribution.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  export let title: string;
+  export let author: string;
+  export let source: string;
+  export let licenseName: string;
+  export let licenseUrl: string;
+</script>
+
+"{title}" von {author}<br />
+<a href={source}>{source}</a><br />
+Lizenz: <a href={licenseUrl}>{licenseName}</a>