mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
add links to projects page
This commit is contained in:
parent
be9f57e830
commit
95f192d0c1
3 changed files with 113 additions and 16 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import Spacer from "./Spacer";
|
||||
|
||||
export default function ProjectPreview({ title, dateRange, desc, image }) {
|
||||
export default function ProjectPreview({ title, dateRange, desc, image, video, site, github }) {
|
||||
return <panel className="row projectPreview">
|
||||
<img src={image} alt={`icon for ${title}`}/>
|
||||
|
||||
|
|
@ -11,6 +11,11 @@ export default function ProjectPreview({ title, dateRange, desc, image }) {
|
|||
<span>{dateRange}</span>
|
||||
</div>
|
||||
<p>{desc}</p>
|
||||
<div className="links row">
|
||||
{video && <a className="link" href={video} >video demo</a>}
|
||||
{site && <a className="link" href={site} >website</a>}
|
||||
{github && <a className="link" href={github}>github</a>}
|
||||
</div>
|
||||
</div>
|
||||
</panel>
|
||||
}
|
||||
|
|
@ -20,7 +20,15 @@ export default function Projects() {
|
|||
<h1>Projects</h1>
|
||||
<ul className="col">
|
||||
<li>
|
||||
<ProjectPreview title="Inhumane Cards" dateRange="11/2022 - Present" desc="An online implementation of Cards Against Humanity" image={inhumaneCardsIcon}/>
|
||||
<ProjectPreview
|
||||
title="Inhumane Cards"
|
||||
dateRange="11/2022 - Present"
|
||||
desc="An online implementation of Cards Against Humanity"
|
||||
image={inhumaneCardsIcon}
|
||||
video="https://youtu.be/Y1EwHOdUrEI"
|
||||
site="https://inhumanecards.com"
|
||||
github="https://github.com/CodeF53/inhumane-cards/"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectFolder title="Website Recreations" dateRange=""
|
||||
|
|
@ -30,40 +38,120 @@ export default function Projects() {
|
|||
These were all made in a week, with 1-2 partners.
|
||||
</p> }
|
||||
projects={<>
|
||||
<ProjectPreview title="Chirp" dateRange="10/2022 - 11/2022" desc="A clone of Twitter" image={twitterIcon}/>
|
||||
<ProjectPreview title="Yalp" dateRange="9/2022 - 10/2022" desc="A clone of Yelp" image={yelpIcon}/>
|
||||
<ProjectPreview title="Modrinth Clone" dateRange="8/2022 - 8/2022" desc="A clone of the Modrinth search frontend made with Pure JS and HTML" image={modrinthIcon}/>
|
||||
<ProjectPreview
|
||||
title="Chirp"
|
||||
dateRange="10/2022 - 11/2022"
|
||||
desc="A clone of Twitter"
|
||||
image={twitterIcon}
|
||||
github="https://github.com/CodeF53/phase-4-project-chirp"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="Yalp"
|
||||
dateRange="9/2022 - 10/2022"
|
||||
desc="A clone of Yelp"
|
||||
image={yelpIcon}
|
||||
site="http://yelpclone.petefowler.dev/"
|
||||
github="https://github.com/dalytimdaly/phase-3-yelp-frontend"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="Modrinth Clone"
|
||||
dateRange="8/2022 - 8/2022"
|
||||
desc="A clone of the Modrinth search frontend made with Pure JS and HTML"
|
||||
image={modrinthIcon}
|
||||
site="https://codef53.github.io/phase-1-project-modrinth-search/"
|
||||
github="https://github.com/CodeF53/phase-1-project-modrinth-search"
|
||||
/>
|
||||
</>}>
|
||||
</ProjectFolder>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectFolder title="Minecraft Mods" dateRange="8/2021 - 7/2022"
|
||||
<ProjectFolder
|
||||
title="Minecraft Mods"
|
||||
dateRange="8/2021 - 7/2022"
|
||||
desc={ <p>
|
||||
Mods made for the popular Minecraft Java edition
|
||||
<br/>
|
||||
These are all QOL(quality of life), nice things to have that smooth the edges of a otherwise rough feature in the game.
|
||||
</p> }
|
||||
projects={<>
|
||||
<ProjectPreview title="Quick Test World" dateRange="7/2022 - 8/2022" desc="Adds a new world type for quickly making test worlds" image={testWorldIcon}/>
|
||||
<ProjectPreview title="Cardinal Ice Boats" dateRange="6/2022 - 7/2022" desc="Provides Several QOL Utilities for Ice Boating" image={iceboatIcon}/>
|
||||
<ProjectPreview title="For the Love of God Would You Shut Up" dateRange="4/2022 - 4/2022" desc="Reverts an annoying change related to note blocks" image={stfuIcon}/>
|
||||
<ProjectPreview title="Horse Buff" dateRange="11/2021 - 7/2022" desc="QOL tweaks for horses" image={horsebuffIcon}/>
|
||||
<ProjectPreview title="AltoClef" dateRange="8/2021 - 8/2021" desc="Automation Tools, I made a big PR for migrating the project to Fabric" image={baritoneIcon}/>
|
||||
{/* https://github.com/gaucho-matrero/altoclef/commit/75f9c78e0e747631ebd55b81a4c36300dc6d4e24 */}
|
||||
<ProjectPreview
|
||||
title="Quick Test World"
|
||||
dateRange="7/2022 - 8/2022"
|
||||
desc="Adds a new world type for quickly making test worlds"
|
||||
image={testWorldIcon}
|
||||
video="https://youtu.be/ptrmyV0QTWk"
|
||||
site="https://modrinth.com/mod/testworld"
|
||||
github="https://github.com/CodeF53/QuickTestWorld"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="Cardinal Ice Boats"
|
||||
dateRange="6/2022 - 7/2022"
|
||||
desc="Provides Several QOL Utilities for Ice Boating"
|
||||
image={iceboatIcon}
|
||||
video="https://youtu.be/pn4UsN_QQ1w"
|
||||
site="https://modrinth.com/mod/cardinalboats"
|
||||
github="https://github.com/CodeF53/CardinalIceBoats"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="For the Love of God Would You Shut Up"
|
||||
dateRange="4/2022 - 4/2022"
|
||||
desc="Reverts an annoying change related to note blocks"
|
||||
image={stfuIcon}
|
||||
video="https://youtu.be/OQ2EmVMYguU"
|
||||
site="https://modrinth.com/mod/ftlogwysu"
|
||||
github="https://github.com/CodeF53/ForTheLoveOfGodWouldYouShutUp-Fabric"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="Horse Buff"
|
||||
dateRange="11/2021 - 7/2022"
|
||||
desc="QOL tweaks for horses"
|
||||
image={horsebuffIcon}
|
||||
site="https://modrinth.com/mod/horsebuff"
|
||||
github="https://github.com/CodeF53/Horse-Buff"
|
||||
/>
|
||||
<ProjectPreview
|
||||
title="AltoClef"
|
||||
dateRange="8/2021 - 8/2021"
|
||||
desc="Automation Tools, I made a big pull request for migrating the project to Fabric"
|
||||
image={baritoneIcon}
|
||||
github="https://github.com/gaucho-matrero/altoclef/commit/75f9c78e0e747631ebd55b81a4c36300dc6d4e24"
|
||||
/>
|
||||
</>}>
|
||||
</ProjectFolder>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectPreview title="Mario Kart Mods" dateRange="3/2022 - 5/2022" desc="A set of mods that changed how Mario Kart 8 Deluxe Looked and Played" image={mk8Icon}/>
|
||||
<ProjectPreview
|
||||
title="Mario Kart Mods"
|
||||
dateRange="3/2022 - 5/2022"
|
||||
desc="A set of mods that changed how Mario Kart 8 Deluxe Looked and Played"
|
||||
image={mk8Icon}
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectPreview title="Splitgate TriggerBot" dateRange="9/2021 - 3/2022" desc="A script made in Python that automated shooting when your crosshair is over an enemy" image={splitgateIcon}/>
|
||||
<ProjectPreview
|
||||
title="Splitgate TriggerBot"
|
||||
dateRange="9/2021 - 3/2022"
|
||||
desc="A script made in Python that automated shooting when your crosshair is over an enemy"
|
||||
image={splitgateIcon}
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectPreview title="Flappy Birb" dateRange="5/2019 - 11/2020" desc="A high quality clone of Flappy Bird, with ads, leaderboard, and achievements" image={flapIcon}/>
|
||||
<ProjectPreview
|
||||
title="Flappy Birb"
|
||||
dateRange="5/2019 - 11/2020"
|
||||
desc="A high quality clone of Flappy Bird, with ads, leaderboard, and achievements"
|
||||
image={flapIcon}
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<ProjectPreview title="PackXBR" dateRange="5/2020 - 5/2022" desc="A utility for automatic application of the XBR scaling algorithm to game textures." image={packXBRIcon}/>
|
||||
<ProjectPreview
|
||||
title="PackXBR"
|
||||
dateRange="5/2020 - 5/2022"
|
||||
desc="A utility for automatic application of the XBR scaling algorithm to game textures."
|
||||
image={packXBRIcon}
|
||||
video="https://user-images.githubusercontent.com/37855219/165995159-6b8c2c81-4f74-4c7b-be39-377ad06bcea6.mp4"
|
||||
github="https://github.com/CodeF53/PackXBR"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,10 @@
|
|||
|
||||
.header {
|
||||
}
|
||||
|
||||
.links {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue