ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-13 12:27:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

heroimage height & shadow

Browse Source
This commit is contained in:
Nikita Krupin 2022-08-15 21:50:16 -04:00
parent f9dd805494
commit a1e8911933
3 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,12 +5,13 @@
<style> <style>
.hero-img { .hero-img {
height: 40rem; height: 80vh;
z-index: -1; z-index: -1;
width: auto; width: auto;
float: right; float: right;
border-radius: 20px; border-radius: 2rem;
transform: rotate(3.7deg) translateY(2%) translateX(-15%); transform: rotate(3.7deg) translateY(2%) translateX(-15%);
box-shadow: 0 1rem 3rem 0 #0f111a;
user-select: none; user-select: none;
} }
</style> </style>

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

@ -1,33 +1,32 @@
<script> <script>
import Button from '$lib/components/atoms/Button.svelte'; import Button from '$lib/components/atoms/Button.svelte';
import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte'; import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
</script> </script>
<section class="hero"> <section class="hero">
<div class="hero-text"> <div class="hero-text">
<!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> --> <!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
<IndexHeroTitle></IndexHeroTitle> <IndexHeroTitle />
<h2> <h2>
An extensible framework for<br /> An extensible framework for<br />
building application mods. building application mods.
</h2> </h2>
<div class="hero-buttons"> <div class="hero-buttons">
<Button kind="primary" href="/download" fontsize="1.3rem">Download</Button> <Button kind="primary" href="/download" fontsize="1.3rem">Download</Button>
<Button href="/docs" fontsize="1.3rem">Read The Docs</Button> <Button href="/docs" fontsize="1.3rem">Read The Docs</Button>
</div> </div>
</div> </div>
</section> </section>
<style> <style>
.hero-text { .hero-text {
align-items: center; align-items: center;
} }
.hero-buttons { .hero-buttons {
display: flex; display: flex;
gap:1rem; gap: 1rem;
user-select: none; user-select: none;
transform: translateX(-3px); transform: translateX(-3px);
} }
@ -36,5 +35,4 @@
font-size: 6.5rem; font-size: 6.5rem;
letter-spacing: -0.04em; letter-spacing: -0.04em;
} }
</style> </style>

2
src/routes/index.svelte
View File

@ -6,7 +6,7 @@
<div class="wrapper"> <div class="wrapper">
<HeroImage></HeroImage> <HeroImage />
<IndexDescription /> <IndexDescription />
<SocialHost /> <SocialHost />