simplified everything, partially half the size loaded, despite the unified css file :); added colour scheme support; added blogroll and about pages

This commit is contained in:
Vrifox 2021-03-05 19:35:05 +01:00
parent 8c242b4aa5
commit e753ca3e90
Signed by: vrifox
GPG key ID: D40098E5B60B2197
20 changed files with 194 additions and 734 deletions

View file

@ -2,13 +2,14 @@
<html lang="en">
<head>
<title>{{ with .Title }} {{ . }} {{ end }}{{ .Site.Title }}</title>
{{- $style := resources.Get "/style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{{ block "stylesheet" . }}{{ end }}
</head>
<body>
{{ partial "nav.html" . }}
{{ block "main" . }}{{ end }}
{{- block "main" . }}{{ end }}
{{ partial "footer.html" . }}
</body>
</html>

View file

@ -4,32 +4,12 @@
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}
{{- define "main" }}
{{- define "main" }}
<main>
<div class="container">
<section class="section posts">
<div class="section posts inner">
{{- range .Pages }}
<a href="{{ .Permalink }}">
<article>
<h2><span>{{ .Title }}</span></h2>
{{ with .Description }}<p class="description">{{ . }}</p>{{ end }}
{{- if eq .Params.type "post" }}
<p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">
<span class="date">{{ .Date.Format "2 January 2006" }}</span>
{{- with .Params.author }}<span class="author">by {{ . }}</span>{{ end }}
{{ end }}
{{- if eq .Params.type "project" }}
<p class="meta">
{{ with .Params.activetime }}<span class="date">{{ . }}</span><br />{{ end }}
{{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}
{{- end }}
</p>
</article>
</a>
{{- end }}
</div>
</section>
</div>
{{- range .Pages }}
<p> <a href="{{ .Permalink }}">{{ .Title }}</a> <span>{{ .Date.Format "2 January 2006" }}</span> </p>
{{- end }}
</main>
{{- end }}
{{- end }}

View file

@ -1,69 +1,26 @@
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/_default/single.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}
{{- define "main" -}}
{{- define "main" }}
<main>
<div class="container">
<section class="section-article">
<article>
<p class="meta">
{{ 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 "singlepage" }}<span title="{{ .Date.Format "2. January 2006" }}">version: {{ .Date.Format "2006-01-02" }}</span>{{ end }}
{{- with .Params.author }}<span>by {{ . }}</span>{{ end }}
</p>
<h1 class="title">{{ .Title }}</h1>
{{ with .Params.featured_image }}<img src="{{ . | relURL }}" loading="lazy" alt="">{{ end }}
{{ printf "<!-- content -->" | safeHTML }}
{{ .Content }}
{{- printf "<!-- content END -->" | safeHTML }}
<aside class="meta">
{{- with .Params.topics }}
<ul class="topics">
{{- range . }}
<li>
<a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
</li>
{{ end }}
</ul>
{{- end }}
{{- with .Params.tags }}
<h3>tags</h3>
<ul class="tags">
{{- range . }}
<li>
<a href="{{ "tags" | relURL }}/{{ . | urlize }}">{{ . }}</a>
</li>
{{- end }}
</ul>
{{- end }}
</aside>
</article>
</section>
{{- if ne .Params.type "singlepage" }}
<section class="section-articles">
<article class="next-article">
{{- with .NextInSection }}
<a href="{{ .Permalink }}">
{{ if eq .Params.type "project" }}&leftarrow; next project{{ end }}
{{ if ne .Params.type "project" }}&leftarrow; next article{{ end }}
</a>
{{- end }}
</article>
<article class="previous-article">
{{- with .PrevInSection }}<span></span>
<a href="{{ .Permalink }}">
{{- if eq .Params.type "project" }}previous project &rightarrow;{{ end -}}
{{- if ne .Params.type "project" }}previous article &rightarrow;{{ end -}}
</a>
{{- end }}
</article>
</section>
<h1 class="title">{{ .Title }}</h1>
{{- if eq .Params.type "post" }}
<p title="{{ .Date.Format "2. January 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</p>
{{- end }}
{{ .Content -}}
<aside>
{{- with .Params.topics }}
<ul class="topics">
{{- range . }}
<li>
<a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
</li>
{{ end }}
</ul>
{{- end }}
{{- with .Params.tags }}
tags
{{- range . }}
<a href="{{ "tags" | relURL }}/{{ . | urlize }}">{{ . }}</a>
{{- end }}
</div>
{{- end }}
</aside>
</main>
{{- end }}
{{- end }}