mirror of
https://github.com/revanced/revanced-website.git
synced 2025-04-29 22:24:31 +02:00
fix: new hero text, handle generic patches
This commit is contained in:
afn
parent
d1f7e998de
commit
8f031178b3
@ -17,7 +17,7 @@
|
||||
padding: 0.5rem;
|
||||
width: 100%;
|
||||
transition: background-color 0.3s var(--bezier-one);
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
|
||||
@ -59,10 +59,6 @@
|
||||
position: relative;
|
||||
display: flex;
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--grey-three);
|
||||
background-color: transparent;
|
||||
color: var(--grey-five);
|
||||
width: 100%;
|
||||
}
|
||||
input::placeholder {
|
||||
@ -70,10 +66,6 @@
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: 1px solid var(--accent-color);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#search {
|
||||
left: 26px;
|
||||
|
||||
@ -46,14 +46,10 @@
|
||||
<h4>Socials</h4>
|
||||
<a href="https://github.com/revanced" target="_blank" rel="noreferrer"><h5>GitHub</h5></a>
|
||||
<a href="https://revanced.app/discord" target="_blank" rel="noreferrer"><h5>Discord</h5></a>
|
||||
<a href="https://reddit.com/r/revancedapp" target="_blank" rel="noreferrer"><h5>Reddit</h5></a
|
||||
>
|
||||
<a href="https://reddit.com/r/revancedapp" target="_blank" rel="noreferrer"><h5>Reddit</h5></a>
|
||||
<a href="https://t.me/app_revanced" target="_blank" rel="noreferrer"><h5>Telegram</h5></a>
|
||||
<a href="https://twitter.com/revancedapp" target="_blank" rel="noreferrer"><h5>Twitter</h5></a
|
||||
>
|
||||
<a href="https://www.youtube.com/c/ReVanced" target="_blank" rel="noreferrer"
|
||||
><h5>YouTube</h5></a
|
||||
>
|
||||
<a href="https://twitter.com/revancedapp" target="_blank" rel="noreferrer"><h5>Twitter</h5></a>
|
||||
<a href="https://www.youtube.com/c/ReVanced" target="_blank" rel="noreferrer"><h5>YouTube</h5></a>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
@ -65,7 +61,7 @@
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
justify-content: space-between;
|
||||
width: min(85%, 90rem);
|
||||
width: min(90%, 80rem);
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
.replace(/Microg/g, 'MicroG')
|
||||
.replace(/Hdr/g, 'HDR')
|
||||
.replace(/Sponsorblock/g, 'SponsorBlock')
|
||||
.replace(/Tiktok/g, 'TikTok')
|
||||
.replace(/ktok/g, 'kTok')
|
||||
.replace(/Vr/g, 'VR')}
|
||||
</h3>
|
||||
</div>
|
||||
@ -47,11 +47,14 @@
|
||||
<h6 class="boxed">📦 {pkg.name}</h6>
|
||||
</a>
|
||||
{/each}
|
||||
|
||||
<!-- should i hardcode this to get the version of the first package? idk you cant stop me -->
|
||||
{#if patch.compatiblePackages[0].versions.length}
|
||||
<h6 class="boxed">
|
||||
🎯 {patch.compatiblePackages[0].versions.slice(-1)}
|
||||
</h6>
|
||||
{#if patch.compatiblePackages.length}
|
||||
{#if patch.compatiblePackages[0].versions.length}
|
||||
<h6 class="boxed">
|
||||
🎯 {patch.compatiblePackages[0].versions.slice(-1)}
|
||||
</h6>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<h6 class="boxed">🧩 {patch.version}</h6>
|
||||
|
||||
@ -12,7 +12,6 @@
|
||||
<style>
|
||||
.social-host {
|
||||
width: min(87%, 100rem);
|
||||
/* same as margin-inline: auto on .wrapper */
|
||||
padding: 0 max(6.5%, calc(50vw - 50rem));
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
|
||||
@ -4,17 +4,19 @@
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-text">
|
||||
<h5>ANDROID APP PATCHER</h5>
|
||||
<h1>
|
||||
<span>Re</span>Vanced
|
||||
Continuing the <br />legacy of <span>Vanced.</span>
|
||||
</h1>
|
||||
|
||||
<h4>
|
||||
ReVanced is an extensible framework for building <br /> Android applications.
|
||||
Customize your mobile experience through ReVanced <br /> by applying patches to your applications.
|
||||
</h4>
|
||||
|
||||
<div class="hero-buttons">
|
||||
<Button icon="download" href="download" kind="primary">Download Manager</Button>
|
||||
<Button icon="docs" href="patches">View patches</Button>
|
||||
<Button icon="download" kind="primary" capitalize={true} href="download"
|
||||
>Download Manager</Button
|
||||
>
|
||||
<Button icon="docs" href="patches" capitalize={true}>View patches</Button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -22,13 +24,14 @@
|
||||
<style>
|
||||
h1 {
|
||||
color: var(--white);
|
||||
line-height: 1em;
|
||||
font-size: 5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
h4 {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@ -53,11 +56,10 @@
|
||||
@media (max-width: 768px) {
|
||||
.hero {
|
||||
padding-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: clamp(3rem, 10vw, 4.5rem);
|
||||
font-size: clamp(3rem, 10vw, 3rem);
|
||||
}
|
||||
|
||||
h4 {
|
||||
@ -67,16 +69,11 @@
|
||||
br {
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
.hero-buttons {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.hero-buttons {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,6 +1,6 @@
|
||||
<script>
|
||||
import HeroImage from '$lib/components/atoms/HeroImage.svelte';
|
||||
import Home from '$lib/components/organisms/Home.svelte';
|
||||
import Home from '$lib/components/organisms/Hero.svelte';
|
||||
import SocialHost from '$lib/components/molecules/SocialHost.svelte';
|
||||
import Wave from '$lib/components/atoms/Wave.svelte';
|
||||
</script>
|
||||
|
||||
@ -55,7 +55,6 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 2rem;
|
||||
background-color: var(--accent-color);
|
||||
padding: 2.4rem;
|
||||
@ -69,7 +68,7 @@
|
||||
|
||||
a::after {
|
||||
padding-left: 5px;
|
||||
content: '->';
|
||||
content: '→';
|
||||
position: absolute;
|
||||
transition: all 0.3s var(--bezier-one);
|
||||
}
|
||||
|
||||
@ -10,10 +10,13 @@
|
||||
$: manager = $tools['revanced/revanced-manager'];
|
||||
</script>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper center">
|
||||
<h1>ReVanced <span>Manager</span></h1>
|
||||
<h4>Patch your favourite apps, right on your device.</h4>
|
||||
<Button kind="primary" icon="download" target="_blank" href={manager.assets[0].url}>{manager.version}</Button>
|
||||
<div class="buttons">
|
||||
<Button kind="primary" icon="download" href={manager.assets[0].url} target="_blank">{manager.version}</Button>
|
||||
<Button href="https://github.com/revanced/revanced-manager" target="_blank">View Source</Button>
|
||||
</div>
|
||||
<div class="screenshot">
|
||||
<Picture data={manager_screenshot} alt="Manager Screenshot" />
|
||||
</div>
|
||||
@ -22,7 +25,7 @@
|
||||
<Footer />
|
||||
|
||||
<style>
|
||||
div {
|
||||
.center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@ -31,7 +34,7 @@
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: var(--white);
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
}
|
||||
|
||||
h4 {
|
||||
@ -44,13 +47,18 @@
|
||||
margin-bottom: 2.5rem;
|
||||
height: 50rem;
|
||||
width: auto;
|
||||
padding: 0.75rem 0.75rem;
|
||||
border-radius: 2.5rem;
|
||||
background-color: var(--grey-two);
|
||||
box-shadow:0 50px 100px -20px rgba(16, 22, 31, 0.25), 0 30px 60px -30px rgba(18, 19, 22, 0.767), inset 0 -2px 20px 0 rgba(20, 21, 23, 0.598);
|
||||
padding: 0.5rem 0.5rem;
|
||||
border-radius: 2rem;
|
||||
background-color: var(--grey-six);
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
color: var(--accent-color)
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user