You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

24 lines
1.1 KiB

<script>
import Footer from "$lib/footer/Footer.svelte";
import Header from "$lib/header/Header.svelte";
import "../app.css";
</script>
<main class="bg-gray-900 text-white relative w-screen h-screen bg-cover bg-fixed" style="background-image: url('/bg2.png')">
<div class="absolute inset-0">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="rgb(244 63 94)" fill-opacity="1" d="M0,288L30,272C60,256,120,224,180,186.7C240,149,300,107,360,101.3C420,96,480,128,540,154.7C600,181,660,203,720,229.3C780,256,840,288,900,304C960,320,1020,320,1080,304C1140,288,1200,256,1260,224C1320,192,1380,160,1410,144L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path>
</svg>
<div class="h-full bg-gradient-to-b from-rose-500 via-pink-800 to-gray-900 -mt-1"></div>
</div>
<article class="absolute inset-0 my-20 flex flex-col gap-10 h-full">
<div class="flex flex-col gap-10 min-h-screen">
<Header />
<slot />
<Footer />
</div>
</article>
</main>