Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sync

This commit is contained in:
BOT Alex 2024-10-01 08:47:27 +02:00
parent 376ff493b7
commit c7f3fc625e
1 changed files with 11 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/+page.svelte
View File

@ -128,9 +128,9 @@
</div> </div>
</ParallaxLayer> </ParallaxLayer>
<ParallaxLayer rate={0} offset={0.575} span={1} class="bg-base-100"> <ParallaxLayer rate={0} offset={0.575} span={1} class="bg-base-100">
<div class="flex-container"> <div class="ma-10">
<div class="card lg:card-side bg-base-100 sylvesterTest"> <div class="card shadow-xl lg:card-side bg-base-100">
<div class="card-body shadow-xl"> <div class="card-body rounded-l-xl">
<h1 class="text-primary">What is it?</h1> <h1 class="text-primary">What is it?</h1>
<p class="text-neutral-content"> <p class="text-neutral-content">
I love the colour of yellow and I also love the I love the colour of yellow and I also love the
@ -150,14 +150,8 @@
</figure> </figure>
</div> </div>
<div class="card lg:card-side bg-base-100 sylvesterTest"> <div class="card shadow-xl lg:card-side bg-base-100">
<figure> <div class="card-body rounded-l-xl">
<img
src="https://img.daisyui.com/images/stock/photo-1494232410401-ad00d5433cfa.webp"
alt="Album"
/>
</figure>
<div class="card-body shadow-xl">
<h1 class="text-primary">What is our mission?</h1> <h1 class="text-primary">What is our mission?</h1>
<p class="text-neutral-content"> <p class="text-neutral-content">
I love the colour of yellow and I also love the I love the colour of yellow and I also love the
@ -166,6 +160,12 @@
also love also love
</p> </p>
</div> </div>
<figure>
<img
src="https://img.daisyui.com/images/stock/photo-1494232410401-ad00d5433cfa.webp"
alt="Album"
/>
</figure>
</div> </div>
</div> </div>
</ParallaxLayer> </ParallaxLayer>
@ -186,22 +186,6 @@
// border: red 1mm solid; // border: red 1mm solid;
} }
.flex-container {
display: flex;
flex-direction: column;
}
.sylvesterTest {
max-width: 64rem;
min-width: 32rem;
width: 100%;
padding: 50px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
}
.backgroundVideoContainer { .backgroundVideoContainer {
filter: blur(10px); filter: blur(10px);
overflow: hidden; overflow: hidden;