brendan/brendan-ch.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply horizontal and primary/secondary styles to buttons

Browse Source
This commit is contained in:
Brendan Chen
2025-10-09 12:20:00 -07:00
parent 54389fbb29
commit 8513e19584
2 changed files with 18 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
projects/assets/projects.css
View File

@@ -1,23 +0,0 @@
/* Styles used exclusively for projects */
.project-card {
border: 1px solid black;
padding: 16px;
}
.project-card .horizontal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.project-card .horizontal :is(h1, h2, h3, h4, h5, h6) {
margin-top: 0;
margin-bottom: 0;
}
.project-card .horizontal img {
width: 48px;
height: 48px;
}

33
projects/index.md
View File

@@ -13,10 +13,10 @@ layout: default
View routes, shuttle locations, and estimated arrival times in a sleek, easy-to-use View routes, shuttle locations, and estimated arrival times in a sleek, easy-to-use
interface. I built this app to address a gap in user experience, and this is just the beginning, with much more to come in the future. interface. I built this app to address a gap in user experience, and this is just the beginning, with much more to come in the future.
[<img src="assets/app-store-icon.svg" alt="Download on the App Store!">](https://apps.apple.com/us/app/interchange-college-commute/id6739968742) [Download on the App Store](https://apps.apple.com/us/app/interchange-college-commute/id6739968742){: .primary-action }
[Join the TestFlight](https://testflight.apple.com/join/HbuHfUgW){: .secondary-action }
- [Join the TestFlight](https://testflight.apple.com/join/HbuHfUgW) and share your feedback today! [Website](https://interchange.bchen.dev/){: .secondary-action }
- [Website](https://interchange.bchen.dev/) {: .horizontal-wrapper }
## Don't Wake Sandie ## Don't Wake Sandie
@@ -33,7 +33,8 @@ UI development, artwork integration, and version control. There were so many
moving parts, and I really aimed to get as much input for the gameplay design moving parts, and I really aimed to get as much input for the gameplay design
as I could from the team. as I could from the team.
[Play the game on itch.io!](- [itch.io (play the game!)](https://bchendev.itch.io/dont-wake-sandie)) [Play the game on itch.io!](- [itch.io (play the game!)](https://bchendev.itch.io/dont-wake-sandie)){: .primary-action }
{: .horizontal-wrapper }
## Sourcebook ## Sourcebook
@@ -47,7 +48,8 @@ I designed an entity-relationship diagram, MySQL database schema, and HTML/CSS
high-fidelity prototype to support the project and show to professors. I then high-fidelity prototype to support the project and show to professors. I then
built a lightweight full-stack application using Python, Flask, and MySQL. built a lightweight full-stack application using Python, Flask, and MySQL.
- [GitHub](https://github.com/brendan-ch/sourcebook) [GitHub](https://github.com/brendan-ch/sourcebook){: .primary-action }
{: .horizontal-wrapper }
## Tad-Pool ## Tad-Pool
@@ -62,11 +64,11 @@ design using Figma and FigJam, in a period of 24 hours for
The project reached the finalist judging stage. The project reached the finalist judging stage.
- Figma designs [High-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=13-1837&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .primary-action }
- [Low-fidelity](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=0-1&node-type=canvas&t=YKuVvM6RAPs4hTIo-11) [Low-fidelity design](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=0-1&node-type=canvas&t=YKuVvM6RAPs4hTIo-11){: .secondary-action }
- [High-fidelity](https://www.figma.com/design/nTKCcwftKrg27wlP5mmy9e/Tad-Pool-Design?node-id=13-1837&node-type=canvas&t=YKuVvM6RAPs4hTIo-11) [FigJam board](https://www.figma.com/board/Dct7GuhKFYq8maw0KoAVBV/Product-Brainstorm-FullyBeyond?node-id=0-1&node-type=canvas&t=g7RKLLo5IoU84ndk-11){: .secondary-action }
- [FigJam board](https://www.figma.com/board/Dct7GuhKFYq8maw0KoAVBV/Product-Brainstorm-FullyBeyond?node-id=0-1&node-type=canvas&t=g7RKLLo5IoU84ndk-11) [Devpost](https://devpost.com/software/tad-pool){: .secondary-action }
- [Devpost](https://devpost.com/software/tad-pool) {: .horizontal-wrapper }
## Power to the People ## Power to the People
@@ -78,8 +80,9 @@ of your rights. I led a student team of 4 to build a minimum viable product usin
SwiftUI, in 36 hours. The app was selected for the **Organizer’s Pick award** at SwiftUI, in 36 hours. The app was selected for the **Organizer’s Pick award** at
[CruzHacks 2024](https://cruzhacks.com/), the premier hackathon of UC Santa Cruz. [CruzHacks 2024](https://cruzhacks.com/), the premier hackathon of UC Santa Cruz.
- [GitHub](https://github.com/brendan-ch/PowerToThePeople) [GitHub](https://github.com/brendan-ch/PowerToThePeople){: .primary-action }
- [Devpost](https://devpost.com/software/power-to-the-people-lbhxyd) [Devpost](https://devpost.com/software/power-to-the-people-lbhxyd){: .secondary-action }
{: .horizontal-wrapper }
## The Farmer's Dog Trivia Game ## The Farmer's Dog Trivia Game
@@ -95,5 +98,5 @@ screens for the app using React Native for Windows.
for web/app development. He’s knowledgeable and efficient, and his task for web/app development. He’s knowledgeable and efficient, and his task
management skills make him an ideal project member." — Walter Cheng, project overseer management skills make him an ideal project member." — Walter Cheng, project overseer
- [The Farmer’s Dog](https://thefarmersdog.com/) [The Farmer’s Dog](https://thefarmersdog.com/){: .primary-action }
{: .horizontal-wrapper }