mirror of
https://github.com/revanced/revanced-website.git
synced 2025-04-30 06:34:35 +02:00
a idk if i broke something but push comes
This commit is contained in:
Ushie
parent
ae9c3d8807
commit
adaaa53d2a
@ -1,13 +1,16 @@
|
||||
<script>
|
||||
export let href = '#';
|
||||
export let href = "https://github.com/ushie"
|
||||
export let src = "https://github.com/ushie.png"
|
||||
export let alt = "Contributors Image"
|
||||
</script>
|
||||
|
||||
|
||||
<button>
|
||||
<div>
|
||||
<a {href}>
|
||||
<slot/>
|
||||
<button>
|
||||
<img {src} {alt}><slot/>
|
||||
</button>
|
||||
</a>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
a {
|
||||
@ -20,10 +23,10 @@
|
||||
border-radius: 200px;
|
||||
border: 0;
|
||||
padding: 5px 5px;
|
||||
width:128px;
|
||||
height:128px;
|
||||
max-height: 128px;
|
||||
max-width: 128px;
|
||||
width:86px;
|
||||
height:86px;
|
||||
max-height: 86px;
|
||||
max-width: 86px;
|
||||
cursor: pointer;
|
||||
background-color: var(--grey-four);
|
||||
font-size: 1.5rem;
|
||||
@ -36,4 +39,10 @@
|
||||
button:hover {
|
||||
transform: translate(-5%, -5%);
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
max-height: 86px;
|
||||
max-width: 86px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
</script>
|
||||
|
||||
<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager">afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real </div>
|
||||
<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager"></div>
|
||||
|
||||
<style>
|
||||
.hero-img {
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
<h1><span class="redder">Re</span>Vanced</h1>
|
||||
<h1>
|
||||
<span class="redder">Re</span>Vanced
|
||||
</h1>
|
||||
|
||||
<style>
|
||||
.redder {
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
import { page } from '$app/stores';
|
||||
export let href = '/';
|
||||
$: current = (href == $page.url.pathname);
|
||||
|
||||
</script>
|
||||
|
||||
<a {href}>
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
export let href = '#';
|
||||
</script>
|
||||
|
||||
|
||||
<button>
|
||||
<a {href}>
|
||||
<img {src} {alt}>
|
||||
|
||||
@ -4,9 +4,41 @@
|
||||
|
||||
<div class="social-host">
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
<ContributorButton></ContributorButton>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
div {
|
||||
display: grid;
|
||||
grid-column: 9;
|
||||
gap: 100px;
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 9;
|
||||
}
|
||||
.social-host {
|
||||
width: 100;
|
||||
justify-content: space-between;
|
||||
|
||||
@ -26,5 +26,4 @@
|
||||
.logo {
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -7,7 +7,10 @@
|
||||
<div class="hero-text">
|
||||
<!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
|
||||
<IndexHeroTitle></IndexHeroTitle>
|
||||
<h3>An extensible framework for<br />building application mods.</h3>
|
||||
<h3>
|
||||
An extensible framework for<br />
|
||||
building application mods.
|
||||
</h3>
|
||||
<Button kind="primary" href="/download">Download</Button>
|
||||
<Button href="/docs">Read The Docs</Button>
|
||||
</div>
|
||||
|
||||
@ -43,6 +43,7 @@ import SocialHost from "$lib/components/molecules/SocialHost.svelte";
|
||||
}
|
||||
|
||||
:global(body) {
|
||||
overflow-y: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.3;
|
||||
|
||||
@ -0,0 +1,9 @@
|
||||
<script>
|
||||
import Wave from '$lib/components/atoms/Wave.svelte';
|
||||
import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
|
||||
import SocialHost from '$lib/components/molecules/SocialHost.svelte';
|
||||
</script>
|
||||
|
||||
<div class="wrapper">
|
||||
<ContributorHost></ContributorHost>
|
||||
</div>
|
||||
@ -7,6 +7,7 @@
|
||||
|
||||
<div class="wrapper">
|
||||
<IndexDescription />
|
||||
<HeroImage />
|
||||
</div>
|
||||
|
||||
<Wave />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user