mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-24 20:19:49 +02:00
more progress
This commit is contained in:
tresabhi committed
1 parent
a0dba52649
commit
6fd2423445
2 files changed
+129
-146
No files matched your search
@@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
import { Heading, Text } from "@radix-ui/themes";
|
import { Grid, Heading, Text } from "@radix-ui/themes";
|
||||||
import { credits } from "../config/credits";
|
import { credits } from "../config/credits";
|
||||||
import { getStrings } from "../core/i18n/getStrings";
|
import { getStrings } from "../core/i18n/getStrings";
|
||||||
|
|
||||||
@@ -28,30 +28,38 @@ const strings = getStrings(locale);
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 80rem;
|
max-width: 80rem;
|
||||||
|
|
||||||
.group {
|
.list {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
gap: var(--space-5);
|
gap: var(--space-5);
|
||||||
|
|
||||||
.person {
|
.link {
|
||||||
display: flex;
|
display: contents;
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
gap: var(--space-2);
|
.person {
|
||||||
|
--profile-size: 5rem;
|
||||||
|
|
||||||
.profile {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
background-color: var(--gray-3);
|
||||||
|
|
||||||
|
padding: var(--space-4);
|
||||||
|
padding-top: 0;
|
||||||
|
margin-top: calc(var(--profile-size) / 2);
|
||||||
gap: var(--space-1);
|
gap: var(--space-1);
|
||||||
|
|
||||||
|
box-shadow: var(--shadow-2);
|
||||||
|
border-radius: var(--radius-3);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
||||||
|
margin-top: calc(var(--profile-size) / -2);
|
||||||
|
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
width: 5rem;
|
width: var(--profile-size);
|
||||||
height: 5rem;
|
height: var(--profile-size);
|
||||||
|
|
||||||
|
margin-bottom: var(--space-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -62,23 +70,30 @@ const strings = getStrings(locale);
|
|||||||
|
|
||||||
<div class="credits">
|
<div class="credits">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<Heading>{strings.credits.title}</Heading>
|
<Heading align="center">{strings.credits.title}</Heading>
|
||||||
|
|
||||||
{
|
<Grid
|
||||||
credits.map((group) => (
|
className="list"
|
||||||
<div data-type={group.type} class="group">
|
py="4"
|
||||||
{group.people.map((person) => (
|
columns="repeat(auto-fill, minmax(12rem, 1fr))"
|
||||||
|
flow="dense"
|
||||||
|
gap="4"
|
||||||
|
gapY="8"
|
||||||
|
>
|
||||||
|
{
|
||||||
|
credits.map((person) => (
|
||||||
|
<a href={person.url} class="link">
|
||||||
<div class="person">
|
<div class="person">
|
||||||
<div class="profile">
|
<img src={person.image} />
|
||||||
<img src={person.image} />
|
|
||||||
<Text>{person.name}</Text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Text>{person.description}</Text>
|
<Text color="gray" highContrast>
|
||||||
|
{person.name}
|
||||||
|
</Text>
|
||||||
|
<Text color="gray">{person.description}</Text>
|
||||||
</div>
|
</div>
|
||||||
))}
|
</a>
|
||||||
</div>
|
))
|
||||||
))
|
}</Grid
|
||||||
}
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1,15 +1,3 @@
|
|||||||
enum CreditType {
|
|
||||||
Primary = "primary",
|
|
||||||
Active = "active",
|
|
||||||
Moderators = "moderators",
|
|
||||||
Past = "past",
|
|
||||||
}
|
|
||||||
|
|
||||||
interface CreditGroup {
|
|
||||||
type: CreditType;
|
|
||||||
people: CreditPeople[];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface CreditPeople {
|
interface CreditPeople {
|
||||||
name: string;
|
name: string;
|
||||||
description: string;
|
description: string;
|
||||||
@@ -17,120 +5,100 @@ interface CreditPeople {
|
|||||||
image: string;
|
image: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const credits: CreditGroup[] = [
|
export const credits: CreditPeople[] = [
|
||||||
{
|
{
|
||||||
type: CreditType.Primary,
|
name: "TrèsAbhi",
|
||||||
people: [
|
description: "Founder and lead developer",
|
||||||
{
|
url: "https://abhi-deep.com/",
|
||||||
name: "TrèsAbhi",
|
image: "https://github.com/tresabhi.png",
|
||||||
description: "Founder and lead developer",
|
|
||||||
url: "https://abhi-deep.com/",
|
|
||||||
image: "https://github.com/tresabhi.png",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: CreditType.Active,
|
name: "HitJack",
|
||||||
people: [
|
description: "Developer on website",
|
||||||
{
|
url: "https://github.com/Hitjack007",
|
||||||
name: "HitJack",
|
image: "https://github.com/Hitjack007.png",
|
||||||
description: "Developer on website",
|
|
||||||
url: "https://github.com/Hitjack007",
|
|
||||||
image: "https://github.com/Hitjack007.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "aeson000",
|
|
||||||
description: "Advisor on game and website",
|
|
||||||
url: "https://discord.gg/WHdER7ZPAD",
|
|
||||||
image: "/media/users/aeson000.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "GonnaHetzMe",
|
|
||||||
description: "Developer and advisor on back end",
|
|
||||||
url: "https://github.com/karelpak1",
|
|
||||||
image: "https://github.com/karelpak1.png",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: CreditType.Moderators,
|
name: "aeson000",
|
||||||
people: [
|
description: "Advisor on game and website",
|
||||||
{
|
url: "https://discord.gg/WHdER7ZPAD",
|
||||||
name: "ChickenMan7777",
|
image: "/media/users/aeson000.png",
|
||||||
description: "Moderator and former advisor on game mechanics",
|
|
||||||
url: "https://discord.gg/rEsUbXCqD9",
|
|
||||||
image: "/media/users/chickenman7777.webp",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: CreditType.Past,
|
name: "GonnaHetzMe",
|
||||||
people: [
|
description: "Developer and advisor on back end",
|
||||||
{
|
url: "https://github.com/karelpak1",
|
||||||
name: "Pyogenics",
|
image: "https://github.com/karelpak1.png",
|
||||||
description: "Former advisor on back end",
|
},
|
||||||
url: "https://github.com/Pyogenics",
|
{
|
||||||
image: "https://github.com/Pyogenics.png",
|
name: "ChickenMan7777",
|
||||||
},
|
description: "Moderator and former advisor on game mechanics",
|
||||||
{
|
url: "https://discord.gg/rEsUbXCqD9",
|
||||||
name: "Prince_NA",
|
image: "/media/users/chickenman7777.webp",
|
||||||
description: "Former advisor on bot and website",
|
},
|
||||||
image: "/media/users/prince-na.webp",
|
{
|
||||||
},
|
name: "Pyogenics",
|
||||||
{
|
description: "Former advisor on back end",
|
||||||
name: "Vovko",
|
url: "https://github.com/Pyogenics",
|
||||||
description: "Former advisor on bot",
|
image: "https://github.com/Pyogenics.png",
|
||||||
url: "https://amth.one/",
|
},
|
||||||
image: "https://github.com/cufee.png",
|
{
|
||||||
},
|
name: "Prince_NA",
|
||||||
{
|
description: "Former advisor on bot and website",
|
||||||
name: "S0AP",
|
image: "/media/users/prince-na.webp",
|
||||||
description: "Former advisor and advertiser on bot",
|
},
|
||||||
url: "https://discord.gg/3KfH93um3Y",
|
{
|
||||||
image: "/media/users/s0ap.webp",
|
name: "Vovko",
|
||||||
},
|
description: "Former advisor on bot",
|
||||||
{
|
url: "https://amth.one/",
|
||||||
name: "xkdkw",
|
image: "https://github.com/cufee.png",
|
||||||
description: "Former advisor on bot and website",
|
},
|
||||||
url: "https://www.xkdkw.com/",
|
{
|
||||||
image: "/media/users/xkdkw.webp",
|
name: "S0AP",
|
||||||
},
|
description: "Former advisor and advertiser on bot",
|
||||||
{
|
url: "https://discord.gg/3KfH93um3Y",
|
||||||
name: "Synx",
|
image: "/media/users/s0ap.webp",
|
||||||
description: "Former advisor on bot and website",
|
},
|
||||||
url: "https://www.youtube.com/@Synx_Blitz",
|
{
|
||||||
image: "/media/users/synx.webp",
|
name: "xkdkw",
|
||||||
},
|
description: "Former advisor on bot and website",
|
||||||
{
|
url: "https://www.xkdkw.com/",
|
||||||
name: "34wotb",
|
image: "/media/users/xkdkw.webp",
|
||||||
description: "Former advisor on bot",
|
},
|
||||||
url: "https://www.twitch.tv/34wotb/",
|
{
|
||||||
image: "/media/users/34wotb.jpg",
|
name: "Synx",
|
||||||
},
|
description: "Former advisor on bot and website",
|
||||||
{
|
url: "https://www.youtube.com/@Synx_Blitz",
|
||||||
name: "HisRoyalFatness",
|
image: "/media/users/synx.webp",
|
||||||
description: "Former advisor on website",
|
},
|
||||||
url: "https://www.youtube.com/@hisroyalfatness",
|
{
|
||||||
image: "/media/users/hisroyalfatness.jpg",
|
name: "34wotb",
|
||||||
},
|
description: "Former advisor on bot",
|
||||||
{
|
url: "https://www.twitch.tv/34wotb/",
|
||||||
name: "Droodles Blitz",
|
image: "/media/users/34wotb.jpg",
|
||||||
description: "Former advisor on website",
|
},
|
||||||
url: "https://www.youtube.com/@DroodlesBlitz",
|
{
|
||||||
image: "/media/users/droodles-blitz.jpg",
|
name: "HisRoyalFatness",
|
||||||
},
|
description: "Former advisor on website",
|
||||||
{
|
url: "https://www.youtube.com/@hisroyalfatness",
|
||||||
name: "Minitelrose",
|
image: "/media/users/hisroyalfatness.jpg",
|
||||||
description: "Former advisor on game mechanics",
|
},
|
||||||
url: "https://wotinspector.com/",
|
{
|
||||||
image: "/media/users/minitelrose.webp",
|
name: "Droodles Blitz",
|
||||||
},
|
description: "Former advisor on website",
|
||||||
{
|
url: "https://www.youtube.com/@DroodlesBlitz",
|
||||||
name: "Maddox",
|
image: "/media/users/droodles-blitz.jpg",
|
||||||
description: "Game asset decompression",
|
},
|
||||||
url: "https://github.com/Maddoxkkm",
|
{
|
||||||
image: "https://github.com/Maddoxkkm.png",
|
name: "Minitelrose",
|
||||||
},
|
description: "Former advisor on game mechanics",
|
||||||
],
|
url: "https://wotinspector.com/",
|
||||||
|
image: "/media/users/minitelrose.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Maddox",
|
||||||
|
description: "Game asset decompression",
|
||||||
|
url: "https://github.com/Maddoxkkm",
|
||||||
|
image: "https://github.com/Maddoxkkm.png",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
Reference in new issue
Block a user