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

optimizations for nicer looking raw html

Browse source
This commit is contained in:
Vrifox 2020-11-20 22:39:10 +01:00
parent 2b06ee5dfa
commit 59c38330f6
7 changed files with 232 additions and 221 deletions
Download patch file Download diff file Expand all files Collapse all files

3
layouts/_default/baseof.html
View file

@ -1,15 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title>
<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 }}
<link rel="icon" type="image/png" href="{{ "/favicon.png" | relURL }}">
</head>
<body>
{{ partial "nav.html" . }}
{{ block "main" . }}{{ end }}

50
layouts/_default/list.html
View file

@ -1,26 +1,28 @@
{{ define "stylesheet" }}{{ $scss := resources.Get "/_default/list.scss" }}{{ $style := $scss | resources.ToCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{ end }}
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/_default/list.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{- end -}}
{{ define "main" }}
<main>
<div class="container">
<section class="section posts">
<div class="section posts inner">
{{ range .Pages }}
<a href="{{ .Permalink }}">
<article>
<h1><span>{{ .Title }}</span></h1>
{{ with .Description }}<p class="description">{{ . }}</p>{{ end }}
<p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">
<span class="date">{{ .Date.Format "2 January 2006" }}</span>
<span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
</p>
</article>
</a>
{{ end }}
{{- define "main" }}
<main>
<div class="container">
<section class="section posts">
<div class="section posts inner">
{{- range .Pages }}
<a href="{{ .Permalink }}">
<article>
<h1><span>{{ .Title }}</span></h1>
{{ with .Description }}<p class="description">{{ . }}</p>{{ end }}
<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 }}
</p>
</article>
</a>
{{- end }}
</div>
</section>
</div>
</section>
</div>
</main>
{{ end }}
</main>
{{- end }}

130
layouts/_default/single.html
View file

@ -1,63 +1,69 @@
{{ define "stylesheet" }}{{ $scss := resources.Get "/_default/single.scss" }}{{ $style := $scss | resources.ToCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{ end }}
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/_default/single.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{- end -}}
{{ 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 }}
<span>{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
</p>
<h1 class="title">{{ .Title }}</h1>
{{ with .Params.featured_image }}<img src="{{ . | relURL }}" loading="lazy" alt="">{{ end }}
{{ .Content }}
<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>
{{ end }}
</div>
</main>
{{ end }}
{{- 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>
{{- end }}
</div>
</main>
{{- end }}