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

Apply new "primary and secondary action" styles to the index page

Browse Source
This commit is contained in:
Brendan Chen
2025-09-13 16:08:41 -07:00
parent e4aa7a2a43
commit 3b7bc6c2f6
3 changed files with 38 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/content.css Normal file
View File

@@ -0,0 +1,24 @@
/* Custom classes for styling elements on a page, such as links */
.horizontal-wrapper {
display: flex;
flex-direction: row;
gap: 8px;
}
.primary-action {
background: black;
padding: 0.8em;
color: white;
text-decoration-line: unset;
border-radius: 4px;
}
.secondary-action {
border-width: 1px;
border-style: solid;
border-color: black;
padding: 0.8em;
text-decoration-line: unset;
border-radius: 4px;
}

1
assets/css/global.css
View File

@@ -1,6 +1,7 @@
@import url('fonts.css');
@import url('navigation.css');
@import url('colors.css');
@import url('content.css');
html {
background-color: var(--background-color);

25
index.md
View File

@@ -12,17 +12,18 @@ at [Cargill](https://cargill.com), working within the Branded Feed business to c
new digital experiences. I'm also working on [Interchange](https://interchange.bchen.dev), an app to
streamline the college transit experience.
I'm simply interested in creating with software, experimenting with ideas, and learning from others. I view programming and engineering as creative outlets where I can put people, both customers and teammates, at the center of everything I do.
I'm simply interested in creating with software, experimenting with ideas,
and learning from others. I view programming and engineering as creative
outlets where I can put people, both customers and teammates, at the center
of everything I do.
My preferred contact method is [via email](mailto:me@bchen.dev). You may
also find me on [LinkedIn](https://linkedin.com/in/brendan-ch) and
[GitHub](https://github.com/brendan-ch).
<div class="horizontal-wrapper">
<a class="primary-action" href="/projects">View projects</a>
<a class="secondary-action" href="/assets/resume.pdf" target="_blank">View resume</a>
</div>
![me.png](assets/me.png)
## Find me
- [me@bchen.dev](mailto:me@bchen.dev)
- <a href="https://linkedin.com/in/brendan-ch" target="_blank">LinkedIn</a>
- <a href="https://github.com/brendan-ch" target="_blank">GitHub</a>
## More links
- <a href="/assets/resume.pdf" target="_blank">Resume</a>
- [Projects](/projects)