Icon route added

src/lib/components/Card.svelte

@@ -191,7 +191,7 @@ if(icon_override){
 </style>
 <a class="card {search}" href="/rezepte/{recipe.short_name}" data-tags=[{recipe.tags}]>
 {#if icon_override || recipe.season.includes(current_month)}
-	<a class=icon href="/rezepte/season/{current_month}">{recipe.icon}</a>
+	<a class=icon href="/rezepte/icon/{recipe.icon}">{recipe.icon}</a>
 {/if}
 	<img width=300px height=300px src="/images/{recipe.images[0].mediapath}" alt="{recipe.alt}" />
 	<div class=title>

src/lib/components/IconLayout.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+    import '$lib/components/nordtheme.css';
+    import Recipes from '$lib/components/Recipes.svelte';
+    import Search from './Search.svelte';
+    export let icons
+</script>
+
+<style>
+	a{
+		font-size: 2rem;
+		text-decoration: none;
+		padding: 0.5em;
+		background-color: var(--nord4);
+		border-radius: 1000px;
+    		box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
+	}
+	a:hover{
+		--angle: 15deg;
+		animation: shake 0.5s ease forwards;
+	}
+	.flex{
+		display:flex;
+		flex-wrap:wrap;
+		gap: 1rem;
+		max-width: 1000px;
+		justify-content: center;
+		margin:4rem auto;
+	}
+
+@keyframes shake{
+    0%{
+      transform: rotate(0)
+		scale(1,1);
+    }
+    25%{
+    	box-shadow: 0em 0em 0.6em 0.3em rgba(0, 0, 0, 0.2);
+      	transform: rotate(var(--angle))
+      		scale(1.2,1.2)
+      ;
+    }
+    50%{
+
+    	box-shadow: 0em 0em 0.6em 0.3em rgba(0, 0, 0, 0.2);
+      	transform: rotate(calc(-1* var(--angle)))
+      		scale(1.2,1.2);
+    }
+    74%{
+
+    	box-shadow: 0em 0em 0.6em 0.3em rgba(0, 0, 0, 0.2);
+  	transform: rotate(var(--angle))
+  		scale(1.2, 1.2);
+	}
+	100%{
+      transform: rotate(0)
+      	scale(1.2,1.2);
+      box-shadow: 0em 0em 0.6em 0.3em rgba(0, 0, 0, 0.2);
+
+    }
+  }
+
+</style>
+<slot name="test"></slot>
+
+<div class=flex>
+{#each icons as icon}
+	<a href="/rezepte/icon/{icon}">{icon}</a>
+{/each}
+</div>
+<section>
+<Search></Search>
+</section>
+<section>
+<slot name=recipes></slot>
+</section>