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

refactor: prettier'ed

Browse Source
This commit is contained in:
afn
2022-10-20 00:55:37 -04:00
parent 9b1ee92d15
commit f5a94c6cd7
16 changed files with 336 additions and 344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
src/lib/components/molecules/ContributorHost.svelte
View File

@@ -1,80 +1,72 @@
<script lang="ts">
import ContributorButton from "../atoms/ContributorPerson.svelte";
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
export let contribs;
export let repo: string;
let repo_name = repo.replace(/-/g, ' ')
.replace(/revanced\/revanced/g, 'ReVanced')
.replace(/cli/g, 'CLI')
.replace(/api/g, 'API')
.replace(/(?:^|\s)\S/g, x => x.toUpperCase())
import ContributorButton from '../atoms/ContributorPerson.svelte';
let usersIwantToExplodeSoBadly = [
'semantic-release-bot',
]
export let contribs;
export let repo: string;
let repo_name = repo
.replace(/-/g, ' ')
.replace(/revanced\/revanced/g, 'ReVanced')
.replace(/cli/g, 'CLI')
.replace(/api/g, 'API')
.replace(/(?:^|\s)\S/g, (x) => x.toUpperCase());
let usersIwantToExplodeSoBadly = ['semantic-release-bot'];
</script>
{#if contribs}
<div
class="container"
in:fly="{{ y: 10, easing: quintOut, duration: 700 }}"
>
<a href='https://github.com/{repo}' target="_blank">
<h2>{repo_name}</h2>
</a>
<div class="container">
<a href="https://github.com/{repo}" target="_blank">
<h2>{repo_name}</h2>
</a>
<div class="contrib-host">
{#each contribs as contrib}
{#if !usersIwantToExplodeSoBadly.includes(contrib.login)}
<ContributorButton
<div class="contrib-host">
{#each contribs as contrib}
{#if !usersIwantToExplodeSoBadly.includes(contrib.login)}
<ContributorButton
name={contrib.login}
pfp={contrib.avatar_url}
url={contrib.html_url}
/>
{/if}
{/each}
</div>
</div>
{/if}
{/each}
</div>
</div>
{/if}
<style>
h2 {
margin-bottom: 1rem;
}
h2 {
margin-bottom: 1rem;
}
a {
transition: all 0.3s var(--bezier-one);
display:block;
text-decoration: none;
width: max-content;
border-radius: 8px;
}
a {
transition: all 0.3s var(--bezier-one);
display: block;
text-decoration: none;
width: max-content;
border-radius: 8px;
}
a > h2 {
transition: all 0.3s var(--bezier-one);
width: max-content;
padding: 0rem 0.4rem;
border-radius: 8px;
}
a > h2 {
transition: all 0.3s var(--bezier-one);
width: max-content;
padding: 0rem 0.4rem;
border-radius: 8px;
}
a:hover > h2 {
width: max-content;
background-color: var(--grey-three);
color: var(--accent-color);
}
a:hover > h2 {
width: max-content;
background-color: var(--grey-three);
color: var(--accent-color);
}
.contrib-host {
gap: 1.5rem;
display: grid;
justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
background-color: var(--grey-six);
padding: 1.5rem;
border-radius: 16px;
}
</style>
.contrib-host {
gap: 1.5rem;
display: grid;
justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
background-color: var(--grey-six);
padding: 1.5rem;
border-radius: 16px;
}
</style>

16
src/lib/components/molecules/Navigation.svelte
View File

@@ -1,10 +1,8 @@
<script lang="ts">
import Navigation from '../atoms/NavButton.svelte';
import { fly } from 'svelte/transition';
import {quintOut} from 'svelte/easing';
import { onMount } from 'svelte';
import { page } from '$app/stores';
let menuBtn: HTMLElement;
let menuOpen = false;
onMount(() => {
@@ -25,7 +23,7 @@
<div class="logo">
<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
{#if $page.url.pathname !== '/'}
<h1 ><span>Re</span>Vanced</h1>
<h1><span>Re</span>Vanced</h1>
{/if}
</div>
</a>
@@ -42,9 +40,8 @@
</nav>
<style>
nav {
padding: 0% 1rem 0% 2rem;
padding: 0 1rem 0 2rem;
top: 0;
position: fixed;
display: flex;
@@ -55,16 +52,15 @@
z-index: 999;
background-color: var(--grey-six);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
ul {
display: flex;
gap:0.75rem;
gap: 0.75rem;
align-items: center;
}
a {
text-decoration: none;
}
@@ -76,7 +72,7 @@
}
.logo {
display:flex;
display: flex;
align-items: center;
}

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

@@ -12,14 +12,14 @@
<style>
.social-host {
width: min(87%, 100rem);
/* same as margin-inline: auto on .wrapper */
padding: 0 max(6.5%, calc(50vw - 50rem));
/* same as margin-inline: auto on .wrapper */
padding: 0 max(6.5%, calc(50vw - 50rem));
align-items: center;
user-select: none;
position: absolute;
display: flex;
bottom: 2rem;
gap: 1rem;
gap: 1rem;
left: 0;
}
@@ -27,7 +27,7 @@
.social-host {
left: 0;
width: 100%;
display: flex;
display: flex;
justify-content: center;
}
}