From 7e2553646c27cae8baaca1cc5c13d980661b5d90 Mon Sep 17 00:00:00 2001
From: Freya Murphy <freya@freyacat.org>
Date: Tue, 2 Apr 2024 18:13:02 -0400
Subject: finish profile directory (mostly)

---
 src/public/css/people.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/public/css/people.css

(limited to 'src/public/css')

diff --git a/src/public/css/people.css b/src/public/css/people.css
new file mode 100644
index 0000000..be1e507
--- /dev/null
+++ b/src/public/css/people.css
@@ -0,0 +1,69 @@
+
+.title {
+	margin-top: 2rem;
+	margin-left: 3rem;
+	font-size: 3rem;
+	margin-bottom: 0;
+}
+
+.desc {
+	margin-left: 3rem;
+}
+
+#people-container {
+	margin-left: auto;
+	margin-right: auto;
+	padding: 1rem 2rem;
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr;
+	grid-row-gap: 2rem;
+	grid-auto-rows: 1fr;
+	flex-direction: column;
+	align-items: center;
+	max-width: 90rem;
+}
+
+.profile {
+	margin: 1rem;
+	text-decoration: none;
+	height: 100%;
+}
+
+.profile:hover {
+	outline: 1px solid var(--blue);
+}
+
+.profile strong {
+	font-size: 2rem;
+}
+
+.profile .pfp, .profile .pfp img {
+	padding: none;
+	margin: none;
+	height: 6rem;
+	border-radius: .3rem;
+}
+
+@media(max-width: 1400px) {
+	#people-container {
+		max-width: 90rem;
+		grid-template-columns: 1fr 1fr;
+	}
+}
+
+@media(max-width: 1000px) {
+	#people-container {
+		max-width: 50rem;
+		grid-template-columns: 1fr;
+	}
+}
+
+td:nth-child(1) {
+	font-weight: bold;
+	color: var(--subtext);
+	padding-right: 1rem;
+}
+
+td:nth-child(2) {
+	color: var(--text);
+}
-- 
cgit v1.2.3-freya