update colour scheme, refactor templates and css

This commit is contained in:
hazycora 2023-08-02 21:54:01 -05:00
parent 2e79538d1b
commit 13744c2002
No known key found for this signature in database
GPG key ID: 215AF1F81F86940E
3 changed files with 26 additions and 9 deletions

View file

@ -3,7 +3,8 @@ p {
}
.wrapper {
background-color: #1b171f;
background-color: #171926;
background-image: linear-gradient(to bottom, #171926, #10121d);
display: flex;
align-items: center;
flex-direction: column;
@ -62,17 +63,27 @@ p {
flex-wrap: wrap;
}
.issue .number {
font-weight: 400;
color: #6d728f;
}
.repo .author {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 2.5rem;
color: #bdb0cc;
color: #aeb3d0;
}
.repo .author .username {
font-size: 1.75rem;
color: #776d83;
color: #6d728f;
}
.issue .repo-name {
font-size: 2.5rem;
color: #6d728f;
}
.repo .repo-name {
@ -81,6 +92,12 @@ p {
line-height: 1.2em;
}
.description {
font-size: 42px;
font-weight: 500;
color: #8c91af;
}
.languages {
width: 100%;
display: flex;
@ -94,7 +111,7 @@ p {
.info-line {
display: flex;
font-size: 1.75rem;
color: #9a8fa7;
color: #6d728f;
gap: 0.5em;
align-items: center;
width: 100%;

View file

@ -14,12 +14,12 @@
<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 class="repo-name">@<%= it.issue.repository?.full_name || it.issue.base.repo.full_name %></p>
<p class="title"><span class="number">#<%= 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 class="description">
<%= body %>
</p>
<% } %>
</div>

View file

@ -5,7 +5,7 @@
<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>
<p class="description"><%= it.repo.description %></p>
<% } %>
</div>
<div class="graphics">