From 5f29d9c2bae5e629d5343c3718fa40625a9cecad Mon Sep 17 00:00:00 2001
From: Alina Marquardt <lastfuture@lastfuture.de>
Date: Wed, 21 May 2025 20:16:40 +0200
Subject: [PATCH] portfolio styling improvements

---
 public_html/portfolio.html |  2 +-
 public_html/style.css      | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public_html/portfolio.html b/public_html/portfolio.html
index e36a02e..c459c81 100644
--- a/public_html/portfolio.html
+++ b/public_html/portfolio.html
@@ -65,7 +65,7 @@
 				</article>
 				<article id="yana">
 					<h2><span class="halfbubble blurgreen"></span><em>yana</em> UX/UI and graphic design</h2>
-					<img class="watchface" src="img/experiments/yana-logo-v2.svg" width="200" height="200" alt="blue food bowl icon with crossed chopsticks below it and a violet flame above" />
+					<img class="half-right yana-logo" src="img/experiments/yana-logo-v2.svg" width="200" height="200" alt="blue food bowl icon with crossed chopsticks below it and a violet flame above" />
 					<p>yana is a work-in-progress calorie and nutrition tracking application for android.</p>
 					<p>unfortunately there's not a lot to show as of yet. please stay tuned for more.</p>
 				</article>
diff --git a/public_html/style.css b/public_html/style.css
index c655c1d..03701ba 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -406,6 +406,7 @@ a:hover {
 }
 
 p {
+	font-size: 0.95em;
 	margin-bottom: 0.6em;
 }
 
@@ -774,13 +775,16 @@ div.opaque h2 span.halfbubble {
 	display: block;
 }
 
-.watchface {
+.watchface, .half-left, .half-right {
 	width: calc((100% / 2) - 0.6rem);
 	margin: 0.325rem 0.3rem;
 	height: auto;
 	display: block;
 	float: left;
 }
+.half-right {
+	float: right;
+}
 .watchface-video {
 	margin: 0.6rem 0;
 	width: 100%;
@@ -788,6 +792,10 @@ div.opaque h2 span.halfbubble {
 	aspect-ratio: 1/1;
 }
 
+.yana-logo {
+	margin-top: -0.75rem;
+}
+
 /* music */
 
 article.album {