root/og
1
0
Fork 0
Code Issues Pull requests Activity

refactor

Browse source
This commit is contained in:
hazycora 2023-08-02 21:21:14 -05:00
parent bf3fd74108
commit e327883e2e
No known key found for this signature in database
GPG key ID: 215AF1F81F86940E
3 changed files with 40 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/style.css
View file

@ -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;

39
views/issue.eta
View file

@ -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>

20
views/repo.eta
View file

@ -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>