From 7cc6357a5f8bb7ca2167976ddd53ce323d2cffb9 Mon Sep 17 00:00:00 2001
From: hazycora <hazysu@riseup.net>
Date: Wed, 2 Aug 2023 19:36:37 -0500
Subject: [PATCH] update issue template to span paragraphs

---
 views/issue.eta     | 15 +++++++--------
 views/spanwords.eta |  5 +++++
 2 files changed, 12 insertions(+), 8 deletions(-)
 create mode 100644 views/spanwords.eta

diff --git a/views/issue.eta b/views/issue.eta
index 6d192c0..4ff881c 100644
--- a/views/issue.eta
+++ b/views/issue.eta
@@ -1,19 +1,18 @@
 <% layout('layout') %>
 <%
-	const issueTitleWords = it.issue.title.split(/\s/)
-	// satori, the HTML-to-SVG engine we use, has no concept of "inline" or "inline-block"
-	// CSS display values. So, we must emulate them with flex-wrap and making each word a <span>...
+	let body = it.issue.body
+	const bodyCharLimit = 50
+	if (body.length > bodyCharLimit) {
+		body = body.slice(0, bodyCharLimit) + '...'
+	}
 %>
 <div class="main">
 	<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; column-gap: 0.125em; flex-wrap: wrap;"><span style="font-weight: 400; color: #9A8FA7">#<%= it.issue.number %></span> <%
-				for (const word of issueTitleWords) { %>
-					<span><%= word %></span>
-				<% }%></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: it.issue.title}) %></p>
 			<% if (it.issue.body) { %>
-				<p style="font-size: 42px; font-weight: 500; text-overflow: ellipsis; color: #9A8FA7; overflow: hidden; white-space: nowrap;"><%= it.issue.body %></p>
+				<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">
diff --git a/views/spanwords.eta b/views/spanwords.eta
new file mode 100644
index 0000000..934606f
--- /dev/null
+++ b/views/spanwords.eta
@@ -0,0 +1,5 @@
+<% /* 
+	satori, the HTML-to-SVG engine we use, has no concept of "inline" or "inline-block"
+	CSS display values. So, we must emulate them with flex-wrap and making each word a <span>...
+*/ %>
+<% for (const word of it.text.split(/\s+/)) { %><span><%= word %></span><% } %>
\ No newline at end of file