diff --git a/src/lib/components/3dCard/CardItem.svelte b/src/lib/components/3dCard/CardItem.svelte index 6437c9c..413b760 100644 --- a/src/lib/components/3dCard/CardItem.svelte +++ b/src/lib/components/3dCard/CardItem.svelte @@ -21,5 +21,5 @@ ? `translateX(${translateX}px) translateY(${translateY}px) translateZ(${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)` : `translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)`} > - Forgot to add something here + Forgot to add something here diff --git a/src/routes/organization/+page.svelte b/src/routes/organization/+page.svelte index e06df09..201cd83 100644 --- a/src/routes/organization/+page.svelte +++ b/src/routes/organization/+page.svelte @@ -5,15 +5,125 @@ import Title from '$components/Title.svelte' import Uhay from '$lib/images/teams/uhay.webp' import rfcLogo from '$lib/images/teams/rfc.webp' + import MatrixIcon from '~icons/simple-icons/matrix' + import type { SvelteComponent } from 'svelte' + import DiscordIcon from '~icons/prime/discord' + import GithubIcon from '~icons/ri/github-fill' + import TwitterIcon from '~icons/simple-icons/x' + import RedditIcon from '~icons/ic/outline-reddit' + import clsx from 'clsx' + import { discordLink } from '$lib/constants.mjs' + + const spaces = [ + { + title: 'Official spaces', + subtitle: 'Chill and fun places moderated by us', + items: [ + { + name: 'Discord', + Icon: DiscordIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: discordLink + }, + { + name: 'Matrix', + Icon: MatrixIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: '#' + }, + { + name: 'Twitter', + Icon: TwitterIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: 'https://twitter.com/hyprwm' + }, + { + name: 'Github', + Icon: GithubIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: 'https://github.com/hyprwm/' + } + ] + }, + { + title: 'Unofficial spaces', + subtitle: 'Not moderated by us', + items: [ + { + name: 'hyprland-community', + Icon: DiscordIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: 'https://discord.gg/zzWqvcKRMy' + }, + { + name: 'Reddit', + Icon: RedditIcon, + description: 'Real-time help, development chat, and off-topic community discussion.', + url: 'https://www.reddit.com/r/hyprland/' + } + ] + } + ] as const satisfies { + title: string + subtitle: string + items: { + name: string + Icon: typeof SvelteComponent + description: string + url: string + }[] + }[] + + const teams: { name: string; image: string; description: string }[] = [ + { name: 'RFC Steering Committee', image: rfcLogo, description: 'Ideate. Debate. Progress.' }, + { name: 'Uhay', image: Uhay, description: 'Web. JS. Design.' }, + { name: 'Core', image: Uhay, description: 'Commited. Pushed.' }, + { name: 'Nix', image: Uhay, description: 'Declaritive Hyprland at your service ' } + ] -
+
- <span slot="title" class="title">Organization</span> - <div slot="subtitle" class="max-w-[40ch]">The HyprWm Organization</div> + <span slot="title" class="title">Community</span> + <div slot="subtitle" class="max-w-[40ch]">Everything about the community and the org</div>
+ +
+ {#each spaces as { title, subtitle, items }} +
+
+

{title}

+

{subtitle}

+
+ + {#each items as { name, Icon, description, url }} + + + +
{name}
+ + + {description} + + + Check out > + + + {/each} +
+ {/each} +
+

- - - - -
- RFC Team logo -
- - -

RFC Steering Committee

- - -

Ideate. Debate. Progress.

- - + + +
+ RFC Team logo +
+ + +

{name}

+ + + {#if name === 'Uhay'} + {hasMouseEntered ? 'It`s pronounced UI you ' : description} + {:else} + {description} + {/if} + + -
- - - - - - -
- RFC Team logo -
- - -

Uhay

- - -
-

- {hasMouseEntered ? 'It`s pronounced UI you ' : 'Web. JS. Design.'} -

-
- - - -
- +
+ + {/each}