ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-30 14:44:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

no ushing

Browse Source 
Co-authored-by: Affan Zaman <afnzmn@users.noreply.github.com>
This commit is contained in:
baiorett 2022-07-19 22:14:48 +03:00
parent 729538edbd
commit d006c09266
4 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/atoms/HeroImage.svelte
View File

@ -2,16 +2,17 @@
</script>
<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager"></div>
<img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager"/>
<style>
.hero-img {
height: 400px;
width:fit-content;
height: 40rem;
z-index: -1;
width:auto;
float:right;
border-radius: 20px;
transform: rotate(3.7deg) translateY(-35%) translateX(200%);
transform: rotate(3.7deg) translateY(-5%);
user-select: none;
position: absolute;
}
</style>

6
src/lib/components/atoms/Wave.svelte
View File

@ -8,6 +8,12 @@
</svg>
<style>
svg {
position: absolute;
z-index: -2;
bottom:0
}
.wave {
animation: wave-anim 40s;
animation-timing-function: linear;

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

1
src/lib/components/organisms/IndexDescription.svelte
View File

@ -1,6 +1,7 @@
<script>
import Button from '$lib/components/atoms/Button.svelte';
import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
</script>
<section class="hero">

7
src/routes/index.svelte
View File

@ -1,10 +1,13 @@
<script>
import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
import HeroImage from '$lib/components/atoms/HeroImage.svelte';
import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
</script>
<div class="wrapper">
<HeroImage></HeroImage>
<IndexDescription />
<HeroImage />
</div>