mirror of
https://github.com/revanced/revanced-website.git
synced 2025-05-28 04:10:13 +02:00
55 lines
1006 B
Svelte
55 lines
1006 B
Svelte
<script>
|
|
import HeroImage from '$layout/Hero/HeroImage.svelte';
|
|
import Home from '$layout/Hero/HeroSection.svelte';
|
|
import SocialHost from '$layout/Hero/SocialHost.svelte';
|
|
import Wave from '$lib/components/Wave.svelte';
|
|
import Meta from '$lib/components/Meta.svelte';
|
|
</script>
|
|
|
|
<Meta />
|
|
|
|
<main>
|
|
<div class="wrap">
|
|
<div class="wrappezoid">
|
|
<Home />
|
|
<div id="heroimg"><HeroImage /></div>
|
|
</div>
|
|
</div>
|
|
<SocialHost />
|
|
</main>
|
|
<Wave />
|
|
|
|
<style>
|
|
.wrap {
|
|
margin-inline: auto;
|
|
width: min(87%, 100rem);
|
|
margin-top: 7rem;
|
|
}
|
|
.wrappezoid {
|
|
height: calc(100vh - 120px);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
gap: 22rem;
|
|
align-items: center;
|
|
}
|
|
@media (max-width: 1700px) {
|
|
.wrappezoid {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
@media (max-width: 1052px) {
|
|
#heroimg {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.wrappezoid {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: calc(65vh);
|
|
}
|
|
}
|
|
</style>
|