ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-29 05:41:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: new hero text, handle generic patches

Browse Source
This commit is contained in:
afn
2022-12-15 15:40:22 -05:00
parent d1f7e998de
commit 8f031178b3
9 changed files with 43 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/atoms/ContributorPerson.svelte
View File

@@ -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;

8
src/lib/components/atoms/Search.svelte
View File

@@ -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;

12
src/lib/components/molecules/Footer.svelte
View File

@@ -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 {

13
src/lib/components/molecules/PatchCell.svelte
View File

@@ -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>

1
src/lib/components/molecules/SocialHost.svelte
View File

@@ -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;

27
src/lib/components/organisms/Home.svelte → src/lib/components/organisms/Hero.svelte
View File

@@ -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>