From e327883e2e6667961a6910ebe1f943a5aacc1acc Mon Sep 17 00:00:00 2001
From: hazycora <hazysu@riseup.net>
Date: Wed, 2 Aug 2023 21:21:14 -0500
Subject: [PATCH] refactor

---
 assets/style.css | 16 +++++++++++++---
 views/issue.eta  | 39 +++++++++++++++++----------------------
 views/repo.eta   | 20 ++++++++++----------
 3 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 226fe0e..45379ab 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -15,7 +15,7 @@ p {
 	color: #ffffff;
 	display: flex;
 	flex-direction: column;
-	gap: 1rem;
+	gap: 2rem;
 	justify-content: center;
 	align-items: center;
 	width: 1050px;
@@ -35,15 +35,15 @@ p {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	width: 80%;
 	gap: 10px;
+	width: 80%;
 }
 
 .graphics {
 	display: flex;
 	justify-content: flex-end;
 	align-items: flex-start;
-	width: 240px;
+	width: 20%;
 }
 
 .graphics > img {
@@ -52,6 +52,16 @@ p {
 	height: 120px;
 }
 
+.issue .title {
+	font-weight: 800;
+	font-size: 4.5rem;
+	line-height: 1.2em;
+	display: flex;
+	column-gap: 0.25em;
+	line-height: 1em;
+	flex-wrap: wrap;
+}
+
 .repo .author {
 	display: flex;
 	align-items: center;
diff --git a/views/issue.eta b/views/issue.eta
index de03504..ca4030b 100644
--- a/views/issue.eta
+++ b/views/issue.eta
@@ -13,26 +13,21 @@
 %>
 <div class="main issue">
 	<div class="contents">
-		<div class="info">
-			<p style="font-size: 36px; color: #9A8FA7;">@<%= it.issue.repository?.full_name || it.issue.base.repo.full_name %></p>
-			<p
-				style="font-weight: 800;
-				font-size: 4.5rem;
-				line-height: 1.2em;
-				display: flex;
-				column-gap: 0.25em;
-				flex-wrap: wrap;"
-			><span style="font-weight: 400; color: #9A8FA7">#<%= it.issue.number %></span><%~ include('spanwords', {text: title})
-			%></p>
-			<% if (it.issue.body) { %>
-				<p style="font-size: 42px; font-weight: 500; flex-wrap: wrap; color: #9A8FA7; display: flex; column-gap: 0.25em;"><%~ include('spanwords', {text: body})%></p>
-			<% } %>
-		</div>
-		<div class="graphics">
-			<img width="120" height="120" src="<%= it.issue.user.avatar_url %>"></img>
-		</div>
-	</div>
-	<div class="info-line">
-		<img class="avatar" width="48" height="48" src="<%= it.issue.user.avatar_url %>"></img><p class="author"><%= it.issue.user.full_name %></p><p>opened on <%= new Intl.DateTimeFormat('en-US', { dateStyle: 'long' }).format(new Date(it.issue.created_at)) %></p>
-	</div>
+		<div class="info"
+			><p style="font-size: 36px; color: #9A8FA7;">@<%= it.issue.repository?.full_name || it.issue.base.repo.full_name %></p
+			><p class="title"><span style="font-weight: 400; color: #9A8FA7">#<%= it.issue.number %></span><%~ include('spanwords', {text: title})
+			%></p
+			><% if (it.issue.body) { %><p style="font-size: 42px; font-weight: 500; flex-wrap: wrap; color: #9A8FA7; display: flex; column-gap: 0.25em;"
+				><%~ include('spanwords', {text: body})%></p
+			><% }
+		%></div
+		><div class="graphics"
+			><img width="120" height="120" src="<%= it.issue.user.avatar_url %>?size=120"></img
+		></div>
+	</div
+	><div class="info-line"
+		><img class="avatar" width="48" height="48" src="<%= it.issue.user.avatar_url %>?size=48"></img
+		><p class="author"><%= it.issue.user.full_name || it.issue.user.login %></p
+		><p>opened on <%= new Intl.DateTimeFormat('en-US', { dateStyle: 'long' }).format(new Date(it.issue.created_at)) %></p
+	></div>
 </div>
\ No newline at end of file
diff --git a/views/repo.eta b/views/repo.eta
index 355029b..b3d4abb 100644
--- a/views/repo.eta
+++ b/views/repo.eta
@@ -1,15 +1,15 @@
 <% layout('layout') %>
 <div class="main repo">
 	<div class="contents">
-		<div class="info">
-			<p class="author"><span><%= it.repo.owner.full_name %></span><span class="username">@<%= it.repo.owner.login %></span></p>
-			<p class="repo-name"><%= it.repo.name %></p>
-			<% if (it.repo.description) { %>
-				<p style="font-size: 42px; font-weight: 500; color: #9A8FA7;"><%= it.repo.description %></p>
-			<% } %>
-		</div>
-		<div class="graphics">
-			<img width="120" height="120" src="<%= it.repo.avatar_url || it.repo.owner.avatar_url %>"></img>
-		</div>
+		<div class="info"
+			><p class="author"><span><%= it.repo.owner.full_name %></span><span class="username">@<%= it.repo.owner.login %></span></p
+			><p class="repo-name"><%= it.repo.name %></p
+			><% if (it.repo.description) {
+				%><p style="font-size: 42px; font-weight: 500; color: #9A8FA7;"><%= it.repo.description %></p>
+			<% }
+		%></div
+		><div class="graphics"
+			><img width="120" height="120" src="<%= it.repo.avatar_url || it.repo.owner.avatar_url %>"></img
+		></div>
 	</div>
 </div>
\ No newline at end of file