commit 352f9747a730ac0ca1ce0607c662a733d1eb4a71
from: Rohan Verma <rohan@rsap.sh>
date: Wed Sep 30 03:30:19 2026 UTC

phone: centre portrait beside name and role, links beneath

commit - 963df008808232bff170fb136b40dc9adfff9d3b
commit + 352f9747a730ac0ca1ce0607c662a733d1eb4a71
blob - d76625f9225960c1028f17d45368d07d1091129e
blob + 0fd63e9c4b8981588bddc6250f7ec5eb05b9ed4d
--- index.html
+++ index.html
@@ -21,10 +21,10 @@
 <main>
 
 	<section class="hero">
-		<img class="portrait" src="/static/me.jpg" alt="Portrait of Rohan Verma" width="108" height="108">
+		<img class="portrait" src="/static/me.jpg" srcset="/static/me.jpg 216w, /static/me-480.jpg 480w" sizes="(max-width: 600px) 104px, 108px" alt="Portrait of Rohan Verma" width="108" height="108">
 		<div>
 			<h1>Rohan Verma</h1>
-			<p class="role">Computer Science at Northeastern University</p>
+			<p class="role">Computer Science at <span>Northeastern University</span></p>
 			<p class="links"><a href="mailto:rohan@rsap.sh">rohan@rsap.sh</a><a href="/static/resume.pdf">résumé</a><a href="https://www.linkedin.com/in/rsap-sh">linkedin</a><a href="https://www.sr.ht/~verma">sourcehut</a><a href="/static/rverma-2026.pub">signify key</a></p>
 		</div>
 	</section>
blob - /dev/null
blob + 98470f4184f765d766d3801dc719a5fe22d8a8a6 (mode 644)
Binary files /dev/null and static/me-480.jpg differ
blob - a251fd2ebb6bfe57c15462dc4c6f5b8c9a8c43ba
blob + 840bfdfbfe42cb0e5a09be8b3b56a5c04144bee0
--- static/style.css
+++ static/style.css
@@ -263,14 +263,37 @@ footer a {
 		padding-left: 16px;
 		padding-right: 16px;
 	}
+	/* portrait beside name and role, centred by the 1fr columns either
+	 * side; links in a full-width row beneath */
 	.hero {
-		align-items: flex-start;
-		gap: 18px;
+		display: grid;
+		grid-template-columns: 1fr auto auto 1fr;
+		grid-template-rows: 1fr auto auto 1fr auto;
+		gap: 0;
 	}
+	.hero > div {
+		display: contents;
+	}
 	.portrait {
-		width: 80px;
-		height: 80px;
+		grid-area: 1 / 2 / 5;
+		width: 104px;
+		height: 104px;
+		margin-right: 16px;
 	}
+	.hero h1 {
+		grid-area: 2 / 3;
+	}
+	.role {
+		grid-area: 3 / 3;
+		margin-bottom: 0;
+	}
+	.role span {
+		display: block;
+	}
+	.links {
+		grid-area: 5 / 1 / auto / -1;
+		margin-top: 14px;
+	}
 	h1 {
 		font-size: 1.7em;
 	}