ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-30 06:34:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: footer

Browse Source
This commit is contained in:
afn 2022-10-20 18:52:52 -04:00
parent 686ad0bb62
commit 44db0a7ff3
3 changed files with 100 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
src/lib/components/molecules/Footer.svelte Normal file
View File

@ -0,0 +1,95 @@
<script>
</script>
<hr />
<footer>
<section class="main-content">
<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
<div>
<h1>
<span>Re</span>Vanced
</h1>
<h6>Copyright © 2022, we are very legal</h6>
</div>
</section>
<section class="links-container">
<div class="link-column">
<h5>Pages</h5>
<h6>Home</h6>
<h6>Download</h6>
<h6>Docs</h6>
<h6>Patches</h6>
<h6>Credits</h6>
</div>
<div class="link-column">
<h5>Repos</h5>
<h6>CLI</h6>
<h6>Patcher</h6>
<h6>Patches</h6>
<h6>Integrations</h6>
<h6>Manager</h6>
<h6>Website</h6>
<h6>API</h6>
</div>
<div class="link-column">
<h5>Repos</h5>
<h6>CLI</h6>
<h6>Patcher</h6>
<h6>Patches</h6>
<h6>Integrations</h6>
<h6>Manager</h6>
<h6>Website</h6>
<h6>API</h6>
</div>
</section>
</footer>
<style>
footer {
margin: 4rem 0 5rem 0;
margin-inline: auto;
display: flex;
justify-content: space-between;
width: min(85%, 90rem);
}
.main-content {
display: flex;
gap: 1rem;
}
.main-content span {
color: var(--accent-color);
}
.main-content h1 {
letter-spacing: -0.04rem;
margin-bottom: 0.5rem;
}
img {
height: 3rem;
}
.links-container {
display: flex;
gap: 5rem;
}
.link-column {
display: flex;
gap: 0.5rem;
flex-direction: column;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid var(--grey-three);
margin-top: 1rem;
}
</style>

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

@ -1,6 +1,7 @@
<script lang="ts">
import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
import ContributorsStore from '../../lib/stores/ContributorsStore.js';
import Footer from '$lib/components/atoms/Footer.svelte';
import { onMount } from 'svelte';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
@ -32,3 +33,5 @@
margin-bottom: 3rem;
}
</style>
<Footer />

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

@ -1,6 +1,7 @@
<script lang="ts">
import Patch from "$lib/components/atoms/Patch.svelte";
import PatchesStore from "$lib/stores/PatchesStore";
import Footer from "$lib/components/atoms/Footer.svelte";
import { onMount } from "svelte";
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
@ -74,6 +75,7 @@
{/if}
</section>
<Footer/>
<style>
section {
padding-top: 4.25rem;