diff options
Diffstat (limited to 'src/pages/contributions.astro')
| -rw-r--r-- | src/pages/contributions.astro | 74 |
1 files changed, 48 insertions, 26 deletions
diff --git a/src/pages/contributions.astro b/src/pages/contributions.astro index f6dd454..0f4c6ad 100644 --- a/src/pages/contributions.astro +++ b/src/pages/contributions.astro @@ -2,50 +2,62 @@ import Layout from "../layouts/Layout.astro"; import SocialNavbar from "../components/SocialNavbar.astro"; import Card from "../components/Card.astro"; +import MiniCard from "../components/MiniCard.astro"; --- <Layout title="Contributions"> <main> <h1>Open Source Contributions</h1> - - <ul role="list" class="link-card-grid"> - </ul> - + + <ul role="list" class="link-card-grid"></ul> + <section class="contributions-section"> <h2>Contributions</h2> <ul role="list" class="contribution-card-grid"> <Card - href="https://github.com/pinapelz/Sapphire" - title="Sapphire" - body="Sapphire is a research implementation of the Final Fantasy XIV Online server. The purpose of Sapphire is to gain an understanding of how the retail game servers work internally." - language="C++" - languageColor="#f34b7d" - logoWidth="300px" - logoSrc="https://1852825540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWEO5F5fxBARvfBEby5l%2Fuploads%2FN0KFeaD6TNNdujlRXgrw%2Fsapphire_logo.png?alt=media&token=79fdc373-8bf7-41e0-bf66-fb3eaf67d2ca" - /> - <Card href="https://github.com/Patchwork-Archive" title="Patchwork Archive" body="Patchwork Archive aims to archive original songs and covers created by VTubers. With loss of content being a major issue in VTubing (due to termination and graduations), the goal of Patchwork Archive is to preserve a subset of VTuber content for preservation of culture." + contribution="Maintainer and creator of project" language="Javascript" languageColor="#f1e05a" logoSrc="https://avatars.githubusercontent.com/u/145537335?s=200&v=4" logoWidth="150px" - /> + /> <Card - href="https://github.com/EBro912/Holodex.NET" - title="Holodex.NET" - body="A C# wrapper for the Holodex API " - language="C#" - languageColor="#178600" - logoSrc="https://camo.githubusercontent.com/259199b315aaf21baf8665a6613a2c0ffb404ad9fbf3f8441e8d0100a1a71937/68747470733a2f2f692e696d6775722e636f6d2f69527967754c672e706e67" - logoWidth="150px" + href="https://github.com/pinapelz/Sapphire" + title="Sapphire" + body="Sapphire is a research implementation of the Final Fantasy XIV Online server. The purpose of Sapphire is to gain an understanding of how the retail game servers work internally." + contribution="Bug fixes + Reverse engineered and implemented quests" + language="C++" + languageColor="#f34b7d" + logoWidth="300px" + logoSrc="https://1852825540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWEO5F5fxBARvfBEby5l%2Fuploads%2FN0KFeaD6TNNdujlRXgrw%2Fsapphire_logo.png?alt=media&token=79fdc373-8bf7-41e0-bf66-fb3eaf67d2ca" /> - + <div class="card-container"> + <MiniCard + href="https://github.com/EBro912/Holodex.NET" + title="Holodex.NET" + body="A C# wrapper for the Holodex API " + language="C#" + languageColor="#178600" + logoSrc="https://camo.githubusercontent.com/259199b315aaf21baf8665a6613a2c0ffb404ad9fbf3f8441e8d0100a1a71937/68747470733a2f2f692e696d6775722e636f6d2f69527967754c672e706e67" + logoWidth="150px" + /> + <MiniCard + href="https://github.com/icssc/AntAlmanac" + title="AntAlmanac" + body="A course exploration and scheduling tool for UCI Anteaters" + language="TypeScript" + languageColor="#2b7489" + logoSrc="https://github.com/icssc/AntAlmanac/raw/main/apps/antalmanac/public/banner.png" + logoWidth="300px" + /> + </div> </ul> </section> </main> - + <SocialNavbar /> <style> @@ -57,14 +69,20 @@ import Card from "../components/Card.astro"; font-size: 20px; line-height: 1.6; } - .link-card-grid, .contribution-card-grid { + .card-container { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + .link-card-grid, + .contribution-card-grid { display: grid; grid-template-columns: repeat(3, minmax(24ch, 1fr)); gap: 2rem; padding: 0; } .contribution-card-grid { - grid-template-columns: 1fr; /* Each card takes up one row */ + grid-template-columns: 1fr; /* Each card takes up one row */ } .contributions-section { margin-top: 2rem; @@ -73,8 +91,12 @@ import Card from "../components/Card.astro"; font-size: 1.5rem; margin-bottom: 1rem; } + .mini-card { + margin: 10px 0; + } @media (max-width: 1020px) { - .link-card-grid, .contribution-card-grid { + .link-card-grid, + .contribution-card-grid { grid-template-columns: 1fr; } } |