From 2b1a164775b8011d7add4a18d9b606c223ee8216 Mon Sep 17 00:00:00 2001
From: Lee Cattarin <lee.cattarin@gmail.com>
Date: Tue, 6 Oct 2026 09:40:14 -0700
Subject: [PATCH] resume page

---
 css/home.css         |  6 +++++
 css/main.css         | 22 ++++++++++++++++-
 css/resume.css       | 42 ++++++++++++++++++++++++++++++++
 src/pages/resume.md  | 15 ------------
 src/pages/resume.njk | 57 ++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 126 insertions(+), 16 deletions(-)
 create mode 100644 css/resume.css
 delete mode 100644 src/pages/resume.md
 create mode 100644 src/pages/resume.njk

diff --git a/css/home.css b/css/home.css
index 40edfb1..9bddde4 100644
--- a/css/home.css
+++ b/css/home.css
@@ -39,6 +39,12 @@
 	}
 }
 
+@media (max-width: 650px) {
+	.intro {
+		gap: .5rem;
+	}
+}
+
 .art {
 	grid-template-areas:
 		"h2 img"
diff --git a/css/main.css b/css/main.css
index 9096f41..3e15770 100644
--- a/css/main.css
+++ b/css/main.css
@@ -109,11 +109,24 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	font-size: 2rem;
+	margin-block: 1.5rem 1rem;
+}
+
+h3 {
+	font-size: 1.5rem;
+	margin-block: .8rem;
 }
 
 @media (max-width: 800px) {
 	h1 { font-size: 2rem; }
-	h2 { font-size: 1.5rem; }
+	h2 {
+		font-size: 1.5rem;
+		margin-block: 1rem .5rem;
+	}
+	h3 {
+		font-size: 1.2rem;
+		margin-block-end: .5rem;
+	}
 }
 
 p {
@@ -150,3 +163,10 @@ a:focus-visible {
 a:active {
 	text-decoration-thickness: .4em;
 }
+
+hr {
+	color: var(--color-title-bg);
+	background: var(--color-title-bg);
+	border: none;
+	height: .5rem;
+}
diff --git a/css/resume.css b/css/resume.css
new file mode 100644
index 0000000..b695c7b
--- /dev/null
+++ b/css/resume.css
@@ -0,0 +1,42 @@
+h2 {
+	text-align: center;
+}
+
+.listing {
+	display: grid;
+	grid-template-areas:
+		"title title"
+		"location date";
+	margin-block: 1rem;
+
+	h3 {
+		margin-block-end: 0;
+		grid-area: title;
+	}
+
+	p {
+		margin-block: 0;
+
+		&.location {
+			grid-area: location;
+
+			span {
+				font-weight: bold;
+			}
+		}
+
+		&.date {
+			grid-area: date;
+			justify-self: end;
+		}
+	}
+}
+
+@media (max-width: 650px) {
+	.listing {
+		grid-template-areas:
+			"title"
+			"location"
+			"date";
+	}
+}
diff --git a/src/pages/resume.md b/src/pages/resume.md
deleted file mode 100644
index f7ad969..0000000
--- a/src/pages/resume.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: resume
----
-
-## employment
-
-Private Practice Art Therapist/Mental Health Counseling,Sakura Counseling, Seattle and Vashon, Oct  2008- current
-
-King County Crisis Connections, Supervisor, Seattle, April 2009-July 2014
-
-Mental Health Counselor/Art Therapist/Case Manager, Community Psychiatric Clinic, Seattle, Feb 2004-July 2008
-
-Hospice/Eldercare Provider, Seattle (Providence, Care Advocates, Health Unlimited) 1994- Feb 2004
-
-Studio Assistant, Artist Assistant, Life Model 1991- 2000
diff --git a/src/pages/resume.njk b/src/pages/resume.njk
new file mode 100644
index 0000000..f125be8
--- /dev/null
+++ b/src/pages/resume.njk
@@ -0,0 +1,57 @@
+---
+title: resume
+---
+{% css %}{% include "css/resume.css" %}{% endcss %}
+
+<h2>employment</h2>
+
+<div class="listing">
+  <h3>Private Practice Art Therapist and Mental Health Counselor</h3>
+  <p class="location"><span>Sakura Counseling,</span> Seattle and Vashon</p>
+  <p class="date">Oct 2008 - present</p>
+</div>
+
+<div class="listing">
+  <h3>Crisis Counselor</h3>
+  <p class="location"><span>King County Crisis Connections,</span> Seattle</p>
+  <p class="date">April 2009 - July 2014</p>
+</div>
+
+<div class="listing">
+  <h3>Mental Health Counselor, Art Therapist, Case Manager</h3>
+  <p class="location"><span>Community Psychiatric Clinic,</span> Seattle</p>
+  <p class="date">Feb 2004 - July 2008</p>
+</div>
+
+<div class="listing">
+  <h3>Hospice/Eldercare Provider</h3>
+  <p class="location"><span>Providence, Care Advocates, Health Unlimited,</span> Seattle</p>
+  <p class="date">1994 - Feb 2004</p>
+</div>
+
+<div class="listing">
+  <h3>Studio Assistant, Artist Assistant, Life Model</h3>
+  <p class="date">1991 - 2000</p>
+</div>
+
+<hr />
+
+<h2>education</h2>
+
+<div class="listing">
+  <h3>Masters in Art Therapy</h3>
+  <p class="location"><span>Antioch University</span></p>
+  <p class="date">2001 - 2004</p>
+</div>
+
+<div class="listing">
+  <h3>BFA in Interdisciplinary Arts, BA in Psychology</h3>
+  <p class="location"><span>University of Washington</span></p>
+  <p class="date">1993 - 1996</p>
+</div>
+
+<div class="listing">
+  <h3>Art Studies</h3>
+  <p class="location"><span>Cornish College of the Arts</span></p>
+  <p class="date">1990 - 1993</p>
+</div>