vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

update

Browse source
This commit is contained in:
Vrifox 2020-11-03 21:43:41 +01:00
parent 9d082d0458
commit a35e2e819f
5 changed files with 23 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/_default/list.scss
View file

@ -7,12 +7,12 @@
align-items: center; align-items: center;
background: $bg70; background: $bg70;
display: flex; display: flex;
height: 150px; height: 120px;
margin: 0 0 40px 0; margin: 0 0 40px 0;
text-align: center; text-align: center;
header { header {
h1 { h1 {
font-size: 1.8em; font-size: 1.5em;
margin: auto; margin: auto;
} }
} }

24
assets/index.scss
View file

@ -7,22 +7,21 @@
align-items: center; align-items: center;
background: $bg70; background: $bg70;
display: flex; display: flex;
height: 150px; height: 120px;
margin: 0 0 40px 0; margin: 0 0 40px 0;
text-align: center; text-align: center;
header { header {
h1 { h1 {
font-size: 1.8em; font-size: 1.5em;
margin: auto; margin: auto;
} }
} }
} }
.section-header { .section.latest {
color: $white-dark; color: $white-dark;
font-size: 1.5em; font-size: 1.5em;
a { a {
border-bottom: 2px solid;
color: $white; color: $white;
font-weight: bold; font-weight: bold;
transition: border .2s, color .2s; transition: border .2s, color .2s;
@ -33,7 +32,7 @@
} }
} }
.section-articles { .section.articles {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem; grid-gap: 1rem;
@ -70,6 +69,7 @@
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
.meta { .meta {
color: $white-dark;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
} }
@ -80,12 +80,12 @@
} }
} }
@media (max-width: 900px) { @media (max-width: 900px) {
.section-articles { .section.articles {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
} }
.section-projects { .section.projects {
display: grid; display: grid;
grid-gap: 1rem; grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@ -122,22 +122,26 @@
margin: 0; margin: 0;
} }
.meta { .meta {
color: $white-dark;
font-size: 15px; font-size: 15px;
margin: 0; margin: 0;
} }
.status { .status {
color: $white-dark; color: $white-dark;
font-style: italic; &::before {
content: '·';
margin-right: 9px;
}
} }
} }
} }
@media (max-width: 900px) { @media (max-width: 900px) {
.section-projects { .section.projects {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.section-projects { .section.projects {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
} }

4
assets/projects/list.scss
View file

@ -7,12 +7,12 @@
align-items: center; align-items: center;
background: $bg70; background: $bg70;
display: flex; display: flex;
height: 150px; height: 120px;
margin: 0 0 40px 0; margin: 0 0 40px 0;
text-align: center; text-align: center;
header { header {
h1 { h1 {
font-size: 1.8em; font-size: 1.5em;
margin: auto; margin: auto;
} }
} }

3
layouts/_default/single.html
View file

@ -8,9 +8,8 @@
<section class="section-article"> <section class="section-article">
<article> <article>
<p class="meta"> <p class="meta">
{{ if eq .Params.type "project" }}<span title="{{ .Date.Format "2. January 2006" }}">last updated: {{ .Date.Format "2. January 2006" }}</span>{{ end }}
{{ if eq .Params.type "post" }}<span title="{{ .Date.Format "2. January 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>{{ end }} {{ if eq .Params.type "post" }}<span title="{{ .Date.Format "2. January 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>{{ end }}
{{ if eq .Params.type "privacy" }}<span title="{{ .Date.Format "2. January 2006" }}">last updated: {{ .Date.Format "2006-01-02" }}</span>{{ end }} {{ if eq .Params.type "privacy" }}<span title="{{ .Date.Format "2. January 2006" }}">version: {{ .Date.Format "2006-01-02" }}</span>{{ end }}
<span>{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span> <span>{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
</p> </p>
<h1 class="title">{{ .Title }}</h1> <h1 class="title">{{ .Title }}</h1>

8
layouts/index.html
View file

@ -13,11 +13,11 @@
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<span class="section-header"> <span class="section latest">
latest latest
<a href="{{ "/blog" | relURL }}">posts</a> <a href="{{ "/blog" | relURL }}">posts</a>
</span> </span>
<section class="section-articles"> <section class="section articles">
{{ range first 2 (where .Site.RegularPages "Type" "post") }} {{ range first 2 (where .Site.RegularPages "Type" "post") }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
<article> <article>
@ -36,11 +36,11 @@
</a> </a>
{{ end }} {{ end }}
</section> </section>
<span class="section-header"> <span class="section latest">
latest latest
<a href="{{ "/projects" | relURL }}">projects</a> <a href="{{ "/projects" | relURL }}">projects</a>
</span> </span>
<section class="section-projects"> <section class="section projects">
{{ range first 3 (where .Site.RegularPages "Type" "project") }} {{ range first 3 (where .Site.RegularPages "Type" "project") }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
<article> <article>