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

fix: patch cell target pkg stuff + refactoring

Browse Source
This commit is contained in:
afn
2022-10-25 21:38:00 -04:00
parent 889a89a0ad
commit 3bac5e0453
8 changed files with 82 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/routes/+layout.svelte
View File

@ -22,18 +22,22 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="og:title" content="ReVanced"/>
<meta name="og:image" itemprop="image" content="/embed.png">
<meta property="og:description" content="An extensible framework for building application mods.">
<meta name="twitter:image" itemprop="image" content="/embed.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#0f111a">
<meta name="og:title" content="ReVanced" />
<meta name="og:image" itemprop="image" content="/embed.png" />
<meta
property="og:description"
content="An extensible framework for building application mods."
/>
<meta name="twitter:image" itemprop="image" content="/embed.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="theme-color" content="#0f111a" />
<title>ReVanced</title>
</svelte:head>
<NavHost/>
<NavHost />
{#if $show_loading_animation}
<Spinner />
<Spinner />
{:else}
<slot />
<slot />
{/if}

14
src/routes/+page.svelte
View File

@ -5,13 +5,15 @@
import Wave from '$lib/components/atoms/Wave.svelte';
</script>
<div class="wrap">
<div class="wrappezoid">
<Home />
<div id="heroimg"><HeroImage /></div>
<main>
<div class="wrap">
<div class="wrappezoid">
<Home />
<div id="heroimg"><HeroImage /></div>
</div>
</div>
</div>
<SocialHost />
<SocialHost />
</main>
<Wave />
<style>

26
src/routes/credits/+page.svelte
View File

@ -11,19 +11,21 @@
export let data: ContribData;
</script>
<div class="wrapper">
<div class="text-container" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<h1>Made possible by the community.</h1>
<h2>Want to show up here? <span><a href="https://github.com/revanced" target="_blank" rel="noreferrer">Become a contributor</a></span></h2>
<main>
<div class="wrapper">
<div class="text-container" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<h1>Made possible by the community.</h1>
<h2>Want to show up here? <span><a href="https://github.com/revanced" target="_blank" rel="noreferrer">Become a contributor</a></span></h2>
</div>
<div class="contrib-grid">
{#each data.repositories as { contributors, name }}
<div in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<ContributorHost contribs={contributors} repo={name} />
</div>
{/each}
</div>
</div>
<div class="contrib-grid">
{#each data.repositories as { contributors, name }}
<div in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<ContributorHost contribs={contributors} repo={name} />
</div>
{/each}
</div>
</div>
</main>
<Footer {...data} />

9
src/routes/docs/+page.svelte
View File

@ -1,10 +1,11 @@
<script>
import Button from '$lib/components/atoms/Button.svelte';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import Button from '$lib/components/atoms/Button.svelte';
</script>
<section in:fly={{ y: 10, easing: quintOut, duration: 700 }}>
<main in:fly={{ y: 10, easing: quintOut, duration: 700 }}>
<div class="menu">
<div class="doc-section-selected">
<h3>Prerequisites</h3>
@ -51,10 +52,10 @@
>
</div>
</div>
</section>
</main>
<style>
section {
main {
display: grid;
grid-template-columns: 300px 3fr;
}

33
src/routes/patches/+page.svelte
View File

@ -1,20 +1,20 @@
<script lang="ts">
import type { PatchesData } from './+page';
import type { ContribData } from '../+layout';
import type { PatchesData } from './+page';
import type { ContribData } from '../+layout';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import type { CompatiblePackage, Patch } from 'src/data/types';
import type { CompatiblePackage } from 'src/data/types';
import TreeMenu from '$lib/components/molecules/TreeMenu.svelte';
import TreeMenuButton from '$lib/components/atoms/TreeMenuButton.svelte';
import PatchCell from '$lib/components/molecules/PatchCell.svelte';
import Footer from '$lib/components/molecules/Footer.svelte';
export let data: PatchesData & ContribData;
export let data: PatchesData & ContribData;
let { patches, packages } = data;
let { patches, packages } = data;
let current: boolean = false;
@ -34,7 +34,7 @@
<meta content="Revanced - Patches" name="twitter:title" />
</svelte:head>
<section>
<main>
<aside in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<TreeMenu title="packages">
{#each packages as pkg}
@ -52,11 +52,11 @@
{/if}
{/each}
</div>
</section>
</main>
<Footer {...data} />
<style>
section {
main {
margin-inline: auto;
width: min(95%, 100rem);
display: grid;
@ -69,25 +69,10 @@
margin-top: 7.5rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
gap: 0.5rem;
width: 100%;
position: sticky;
z-index: 1;
min-height: calc(100vh - 7.5rem);
}
/*
pulsing todo:
@keyframes pulse {
0% {
background-position: right;
}
}
.loading {
height: 50px;
background: linear-gradient(90deg, var(--grey-six) 33%, var(--grey-one) 50%, var(--grey-six) 66%) var(--grey-six);
background-size: 300% 100%;
animation: pulse 2s infinite;
margin-bottom: 0.5rem;
} */
</style>