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

feat: grab data from api

Browse Source 
amogus
This commit is contained in:
Ax333l 2022-11-19 15:19:52 +01:00
parent 1307d437e9
commit 4e096a3a5c
No known key found for this signature in database
GPG Key ID: D2B4D85271127D23
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/routes/polling/+page.svelte
View File

@ -4,8 +4,20 @@
import ContributorPerson from '$lib/components/atoms/ContributorPerson.svelte'; import ContributorPerson from '$lib/components/atoms/ContributorPerson.svelte';
import Button from '$lib/components/atoms/Button.svelte'; import Button from '$lib/components/atoms/Button.svelte';
import { onMount } from 'svelte';
let selected = []; let selected = [];
let logos = [];
onMount(async () => {
const response = await fetch('https://poll.revanced.app/logos');
const json = await response.json();
// guh
for (const name of Object.keys(json)) {
logos.push({ name, ...json[name] });
}
// update ui
logos = logos;
});
</script> </script>
<svelte:head> <svelte:head>
@ -20,10 +32,16 @@
<h1>Page 1/5</h1> <h1>Page 1/5</h1>
</div> </div>
<div class="contrib-grid"> <div class="contrib-grid">
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn" /> {#if logos.length != 0}
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn 2" /> <ContributorPerson pfp={logos[0].gdrive_direct_url} name={logos[0].name} />
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn 3" /> <ContributorPerson pfp={logos[1].gdrive_direct_url} name={logos[1].name} />
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="yes" /> <ContributorPerson pfp={logos[2].gdrive_direct_url} name={logos[2].name} />
<ContributorPerson pfp={logos[3].gdrive_direct_url} name={logos[3].name} />
<!-- <ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn" />
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn 2" />
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="afn 3" />
<ContributorPerson pfp = "https://cdn.discordapp.com/emojis/267559535919497217.webp?size=48&quality=lossless" name="yes" /> -->
{/if}
</div> </div>
<div class="buttons-container"> <div class="buttons-container">
@ -36,7 +54,7 @@
<style> <style>
.contrib-grid { .contrib-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
margin-bottom: 3rem; margin-bottom: 3rem;