og/views/issue.eta

<% layout('layout') %>
<%
	let title = it.issue.title
	const titleCharLimit = 50
	if (title.length > titleCharLimit) {
		title = title.slice(0, titleCharLimit) + '...'
	}
	let body = it.issue.body
	const bodyCharLimit = 50
	if (body.length > bodyCharLimit) {
		body = body.slice(0, bodyCharLimit) + '...'
	}
%>
<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 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>