first working prototype

This commit is contained in:
2023-06-19 20:38:45 +02:00
parent be19e63970
commit 4e6291fa5d
287 changed files with 863 additions and 268 deletions

View File

@ -1,8 +1,11 @@
<script lang="ts">
import type { PageData } from './$types';
import './card.css';
import '$lib/components/card.css';
import MediaScroller from '$lib/components/MediaScroller.svelte';
import Recipes from '$lib/components/Recipes.svelte';
import Card from '$lib/components/Card.svelte';
import Search from '$lib/components/Search.svelte';
export let data: PageData;
import Card from './Card.svelte'
export let current_month = new Date().getMonth() + 1
</script>
<style>
@ -22,15 +25,16 @@
<h1>Rezepte</h1>
<h2>In Saison</h2>
<section>
<div class=accordion>
<MediaScroller>
{#each data.season as recipe}
<Card {recipe} {current_month}></Card>
{/each}
</div>
</MediaScroller>
</section>
<!--<Search></Search>-->
<h2>Alle Rezepte</h2>
<div class=accordion>
{#each data.all_brief as recipe}
<Card {recipe} {current_month}></Card>
{/each}
</div>
<Recipes>
{#each data.all_brief as recipe}
<Card {recipe} {current_month}></Card>
{/each}
</Recipes>