add the cat!!!!!

Signed-off-by: Alex J <odyssey346@disroot.org>
This commit is contained in:
Alex J 2022-07-06 21:28:57 +02:00
parent 3d4d78ddbe
commit 41e1e97e13
2 changed files with 19 additions and 2 deletions

View File

@ -52,5 +52,12 @@
"position": "Backup host", "position": "Backup host",
"description": "I am Stephenvk and I host a server that takes our backups.", "description": "I am Stephenvk and I host a server that takes our backups.",
"website": "https://stephenvk.xyz" "website": "https://stephenvk.xyz"
},
{
"name": "Segfault",
"position": "Support for cats",
"description": "meow meow meow mrrp",
"email": "mailto:cat-support@projectsegfau.lt",
"picture": "https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/tRNGfetEFQhDchqzhfBbxtUi"
} }
] ]

View File

@ -5,6 +5,8 @@
import IconGitHub from "~icons/simple-icons/github"; import IconGitHub from "~icons/simple-icons/github";
import IconGlobe from "~icons/fa6-solid/globe"; import IconGlobe from "~icons/fa6-solid/globe";
import IconEmail from "~icons/fa6-solid/envelope";
import IconCamera from "~icons/fa6-solid/camera";
</script> </script>
<svelte:head> <svelte:head>
@ -16,7 +18,7 @@
<h1>Members</h1> <h1>Members</h1>
<p>Our excellent members!</p> <p>Our excellent members!</p>
<div class="member-outer"> <div class="member-outer">
{#each members as { name, discord, matrix, position, description, github, website }} {#each members as { name, discord, matrix, position, description, github, website, email, picture }}
<div class="member-inner"> <div class="member-inner">
<div class="main"> <div class="main">
@ -47,6 +49,14 @@
{#if website} {#if website}
<a href={website} class="web"><IconGlobe /></a> <a href={website} class="web"><IconGlobe /></a>
{/if} {/if}
{#if email}
<a href={email} class="email"><IconEmail /></a>
{/if}
{#if picture}
<a href={picture} class="picture"><IconCamera /></a>
{/if}
</div> </div>
</div> </div>
{/each} {/each}
@ -110,7 +120,7 @@
height: 23px; height: 23px;
} }
.web { .web, .email, .picture {
background-color: var(--tertiary); background-color: var(--tertiary);
color: #fff !important; color: #fff !important;
font-size: 20px; font-size: 20px;