CraftAttack/varo-website
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add team links
All checks were successful
deploy / build-and-deploy (push) Successful in 20s
Details

Browse Source
This commit is contained in:
bytedream 2025-05-18 19:48:34 +02:00
parent 1f1f8793e2
commit 2a04c8180a
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/team.astro
View File

@ -1,11 +1,13 @@
--- ---
import WebsiteLayout from '@layouts/website/WebsiteLayout.astro'; import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
import { Icon } from 'astro-icon/components';
const team = [ const team = [
{ {
name: 'Elias', name: 'Elias',
nickname: 'MineTec', nickname: 'MineTec',
roles: ['Gründer', 'Support', 'Organisation', 'Softwareentwicklung', 'Systemadministrator'], roles: ['Gründer', 'Support', 'Organisation', 'Softwareentwicklung', 'Systemadministrator'],
links: [{ name: 'Website', href: 'https://mhsl.eu/aboutme/', icon: 'heroicons:globe-alt' }] links: [{ name: 'Website', href: 'https://mhsl.eu/aboutme/', icon: 'heroicons:globe-alt-solid' }]
}, },
{ {
name: 'Jannik', name: 'Jannik',
@ -16,7 +18,7 @@ const team = [
name: 'Ruben', name: 'Ruben',
nickname: 'bytedream', nickname: 'bytedream',
roles: ['Softwareentwicklung'], roles: ['Softwareentwicklung'],
links: [{ name: 'Website', href: 'https://bytedream.dev', icon: 'heroicons:globe-alt' }] links: [{ name: 'Website', href: 'https://bytedream.dev', icon: 'heroicons:globe-alt-solid' }]
}, },
{ {
name: 'Hanad', name: 'Hanad',
@ -34,7 +36,7 @@ const team = [
team.map((member) => ( team.map((member) => (
<div class="card max-w-96 bg-base-200"> <div class="card max-w-96 bg-base-200">
<div class="card-body px-4 py-6"> <div class="card-body px-4 py-6">
<div class="flex flex-col items-center"> <div class="relative flex flex-col items-center">
<div class="avatar placeholder mb-2"> <div class="avatar placeholder mb-2">
<div class="bg-neutral text-neutral-content w-24 rounded-xl"> <div class="bg-neutral text-neutral-content w-24 rounded-xl">
<img <img
@ -49,6 +51,23 @@ const team = [
{member.name} · {member.nickname} {member.name} · {member.nickname}
</p> </p>
<p class="text-center text-sm font-light">{member.roles.join(' · ')}</p> <p class="text-center text-sm font-light">{member.roles.join(' · ')}</p>
{member.links && (
<div class="absolute top-0 right-2 h-24 flex">
<div class="divider divider-horizontal mx-2" />
<div class="flex items-center">
{member.links.map((link) => (
<a
class="flex w-9 h-9 justify-center items-center border rounded-full border-base-content"
href={link.href}
target="_blank"
title={link.name}
>
<Icon name={link.icon} size={22} />
</a>
))}
</div>
</div>
)}
</div> </div>
</div> </div>
</div> </div>