hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-22 15:01:05 +01:00
Code Issues Projects Releases Wiki Activity Actions

feat(pages): add notice to projects page

Browse source
This commit is contained in:
xHyroM 2023-07-15 14:07:35 +02:00
parent b5461c9961
commit 85de4a6de1
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
2 changed files with 59 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/config.ts
View file

@ -214,7 +214,7 @@ export const PROJECTS = [
link: "https://github.com/xHyroM/spawnergenz", link: "https://github.com/xHyroM/spawnergenz",
desc: "Spawner Genz is a plugin that modifies the functionality of spawners so that they don't spawn entities, but instead store drops in a virtual storag in which you can then sell or move everything to your inventory.", desc: "Spawner Genz is a plugin that modifies the functionality of spawners so that they don't spawn entities, but instead store drops in a virtual storag in which you can then sell or move everything to your inventory.",
}, },
] satisfies { ] as {
name: string; name: string;
link: string; link: string;
desc: string; desc: string;

105
src/pages/projects.astro
View file

@ -57,56 +57,67 @@ PROJECTS.sort((a, b) => a.name.localeCompare(b.name));
</h1> </h1>
<Container class="pb-4"> <Container class="pb-4">
<main class="flex flex-wrap justify-center gap-12"> <main class="text-white">
{ <section class="flex flex-wrap justify-center gap-12 pb-4">
PROJECTS.map((project) => ( {
<section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-50 p-6 md:w-96"> PROJECTS.map((project) => (
<div class="flex"> <section class="flex min-h-max w-80 flex-col justify-between rounded-md border-[1px] border-neutral-800 bg-dark-50 p-6 md:w-96">
<h2 class="mb-4 break-words text-3xl font-bold text-white"> <div class="flex">
{project.name} <h2 class="mb-4 break-words text-3xl font-bold">
</h2> {project.name}
<div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 px-4 py-1 text-neutral-300"> </h2>
<div class="flex gap-1"> <div class="ml-4 flex h-fit translate-y-1 items-center justify-center gap-2 rounded-lg bg-neutral-800 px-4 py-1 text-neutral-300">
<img <div class="flex gap-1">
src="/icons/star.svg" <img
alt="" src="/icons/star.svg"
class="h-[21px] w-[21px] translate-y-[1px]" alt=""
/> class="h-[21px] w-[21px] translate-y-[1px]"
<p>{project.stats!.stars}</p> />
</div> <p>{project.stats!.stars}</p>
<div class="flex gap-1"> </div>
{" "} <div class="flex gap-1">
<img {" "}
src="/icons/code-fork-solid.svg" <img
alt="" src="/icons/code-fork-solid.svg"
class="h-[21px] w-[21px] translate-y-[1px]" alt=""
/> class="h-[21px] w-[21px] translate-y-[1px]"
<p>{project.stats!.forks}</p> />
<p>{project.stats!.forks}</p>
</div>
</div> </div>
</div> </div>
</div>
<p class="mb-6 break-all text-neutral-300">{project.desc}</p> <p class="mb-6 break-all text-neutral-300">{project.desc}</p>
<div> <div>
<Button <Button
label="GitHub" label="GitHub"
link={project.link} link={project.link}
type="primary" type="primary"
icon="/icons/arrow-up-right.svg" icon="/icons/arrow-up-right.svg"
iconClass="ml-2 mt-[1px] h-[23px] w-5" iconClass="ml-2 mt-[1px] h-[23px] w-5"
/> />
<Button <Button
label="Docs" label="Docs"
link={project.link} link={project.link}
type="secondary" type="secondary"
icon="/icons/book-open.svg" icon="/icons/book-open.svg"
iconClass="mr-2 h-6 w-5" iconClass="mr-2 h-6 w-5"
iconPosition="left" iconPosition="left"
/> />
</div> </div>
</section> </section>
)) ))
} }
</section>
<section class="text-center text-xl">
<p>
You can also look at my repositories on <a
class="text-gold"
href="https://github.com/xHyroM">github</a
>. 👀
</p>
</section>
</main> </main>
</Container> </Container>
</Layout> </Layout>