From b2ab793596d91744df84b66493a6c895f4be0bc9 Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Mon, 4 Jul 2022 02:39:32 -0500
Subject: [PATCH] cleanup home page a bit

---
 assets/scss/content/index.scss | 34 ++++++++++++++++++++++++----------
 layouts/index.html             | 17 ++++++++++-------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/assets/scss/content/index.scss b/assets/scss/content/index.scss
index 2d2277e..2d38f0c 100644
--- a/assets/scss/content/index.scss
+++ b/assets/scss/content/index.scss
@@ -45,31 +45,34 @@
 		background: black;
 		color: white;
 		text-align: center;
-		> img {
+		.container {
+			display: flex;
+			flex-flow: column;
+			align-items: center;
+		}
+		.photo {
 			max-height: 100vh;
 			height: 100%;
 			max-width: 100%;
 			object-fit: contain;
 			object-position: center bottom;
 		}
-		> div {
+		.info {
 			display: flex;
 			flex-flow: column;
 			align-items: center;
 		}
-		div img {
+		.logo {
 			margin: 2rem 0;
 		}
-		display: flex;
-		flex-flow: column;
-		align-items: center;
 		@media (min-width: 40rem) {
-			> img {
+			.photo {
 				height: 20rem;
 			}
-			flex-flow: row-reverse;
-			justify-content: space-between;
-			max-width: 40rem;
+			.container {
+				flex-flow: row-reverse;
+				justify-content: space-between;
+			}
 		}
 		a {
 			color: white;
@@ -86,5 +89,16 @@
 	#updates {
 		line-height: 1.5;
 		font-size: 1.25rem;
+		.heading {
+			font-size: 1.5em;
+			font-weight: 700;
+			margin-bottom: 1em;
+		}
+		p + p {
+			margin: 1em 0;
+		}
+		p {
+			max-width: 55ch;
+		}
 	}
 }
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index accd5a8..c74442d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -32,17 +32,20 @@
 			</div>
 		</div>
 	</header>
-	<section class="container" id="birdsounds">
-		<div class="">
-			<img src="/images/logos/koken_y.png" alt="birdsounds.media logo">
-			<a href="https://birdsounds.media" class="">view my photos</a>
+	<section class="" id="birdsounds">
+		<div class="container">
+			<div class="info">
+				<img class="logo" src="/images/logos/koken_y.png" alt="birdsounds.media logo">
+				<a href="https://birdsounds.media" class="">view my photos</a>
+			</div>
+			<img class="photo" src="/images/soulpunx.jpg" alt="#soulpunx">
 		</div>
-		<img src="/images/soulpunx.jpg" alt="#soulpunx">
 	</section>
 	<section class="section" id="updates">
 		<div class="container">
-			<p>currently: working on my websites, trying to do some documentation for an untitled social app project, and looking for work. check out the "work" tab of this site for my elevator pitch.</p>
+			<h2 class="heading">latest updates</h2>
+			<p>2022-07-04: currently working on my websites, trying to do some documentation for a personal project, and looking for work. check out the "work" tab of this site for my elevator pitch.</p>
 		</div>
 	</section>
 </main>
-{{ end }}
+{{ end }}
\ No newline at end of file