update colour scheme, refactor templates and css
This commit is contained in:
parent
2e79538d1b
commit
13744c2002
3 changed files with 26 additions and 9 deletions
|
@ -3,7 +3,8 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
background-color: #1b171f;
|
background-color: #171926;
|
||||||
|
background-image: linear-gradient(to bottom, #171926, #10121d);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -62,17 +63,27 @@ p {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.issue .number {
|
||||||
|
font-weight: 400;
|
||||||
|
color: #6d728f;
|
||||||
|
}
|
||||||
|
|
||||||
.repo .author {
|
.repo .author {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
color: #bdb0cc;
|
color: #aeb3d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo .author .username {
|
.repo .author .username {
|
||||||
font-size: 1.75rem;
|
font-size: 1.75rem;
|
||||||
color: #776d83;
|
color: #6d728f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.issue .repo-name {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
color: #6d728f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo .repo-name {
|
.repo .repo-name {
|
||||||
|
@ -81,6 +92,12 @@ p {
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
font-size: 42px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #8c91af;
|
||||||
|
}
|
||||||
|
|
||||||
.languages {
|
.languages {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -94,7 +111,7 @@ p {
|
||||||
.info-line {
|
.info-line {
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 1.75rem;
|
font-size: 1.75rem;
|
||||||
color: #9a8fa7;
|
color: #6d728f;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -14,12 +14,12 @@
|
||||||
<div class="main issue">
|
<div class="main issue">
|
||||||
<div class="contents">
|
<div class="contents">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p style="font-size: 36px; color: #9A8FA7;">@<%= it.issue.repository?.full_name || it.issue.base.repo.full_name %></p>
|
<p class="repo-name">@<%= 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="title"><span class="number">#<%= it.issue.number %></span><%~ include('spanwords', {text: title})
|
||||||
%></p>
|
%></p>
|
||||||
<% if (it.issue.body) { %>
|
<% if (it.issue.body) { %>
|
||||||
<p style="font-size: 42px; font-weight: 500; flex-wrap: wrap; color: #9A8FA7; display: flex; column-gap: 0.25em;">
|
<p class="description">
|
||||||
<%~ include('spanwords', {text: body})%>
|
<%= body %>
|
||||||
</p>
|
</p>
|
||||||
<% } %>
|
<% } %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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="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>
|
<p class="repo-name"><%= it.repo.name %></p>
|
||||||
<% if (it.repo.description) { %>
|
<% 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>
|
||||||
<div class="graphics">
|
<div class="graphics">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue