From 3b7bc6c2f628d44cc689e2f3ca2c791b93154ecd Mon Sep 17 00:00:00 2001
From: Brendan Chen <me@bchen.dev>
Date: Sat, 13 Sep 2025 16:08:41 -0700
Subject: [PATCH] Apply new "primary and secondary action" styles to the index
 page

---
 assets/css/content.css | 24 ++++++++++++++++++++++++
 assets/css/global.css  |  1 +
 index.md               | 25 +++++++++++++------------
 3 files changed, 38 insertions(+), 12 deletions(-)
 create mode 100644 assets/css/content.css

diff --git a/assets/css/content.css b/assets/css/content.css
new file mode 100644
index 0000000..1a7ee2d
--- /dev/null
+++ b/assets/css/content.css
@@ -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;
+}
diff --git a/assets/css/global.css b/assets/css/global.css
index 968fd75..3f0a1c8 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -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);
diff --git a/index.md b/index.md
index 3cb036f..659618f 100644
--- a/index.md
+++ b/index.md
@@ -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)