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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
config.yaml
View file

@ -26,7 +26,7 @@ menu:
- identifier: fediverse - identifier: fediverse
name: fediverse name: fediverse
title: fediverse title: fediverse
url: https://fedi.vrifox.cc/vrifox url: https://fedi.vrifox.cc/users/vrifox
weight: 1 weight: 1
- identifier: git - identifier: git
name: git name: git

3
layouts/_default/baseof.html
View file

@ -1,15 +1,12 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title> <title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
{{ block "stylesheet" . }}{{ end }} {{ block "stylesheet" . }}{{ end }}
<link rel="icon" type="image/png" href="{{ "/favicon.png" | relURL }}"> <link rel="icon" type="image/png" href="{{ "/favicon.png" | relURL }}">
</head> </head>
<body> <body>
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}

20
layouts/_default/list.html
View file

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

52
layouts/_default/single.html
View file

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

42
layouts/index.html
View file

@ -1,9 +1,11 @@
{{ define "stylesheet" }}{{ $scss := resources.Get "/index.scss" }}{{ $style := $scss | resources.ToCSS }} {{- define "stylesheet" -}}
{{- $scss := resources.Get "/index.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" /> <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{ end }} {{- end -}}
{{ define "main" }} {{- define "main" -}}
<section class="section header"> <section class="section header">
<div class="container"> <div class="container">
<header> <header>
<h1>{{ .Params.heading }}</h1> <h1>{{ .Params.heading }}</h1>
@ -11,36 +13,40 @@
</header> </header>
<section class="section contact"> <section class="section contact">
<table class="table contact"> <table class="table contact">
{{ range sort .Params.contact "weight" "asc" }} {{- range sort .Params.contact "weight" "asc" }}
<tr> <tr>
<td>{{ .name }}</td> <td>{{ .name }}</td>
<td> <td>
{{ with .url }}<a href="{{ . }}">{{ end }} {{- with .url }}<a href="{{ . }}">{{ end -}}
{{ .handle }} {{ .handle }}
{{ with .url }}</a>{{ end }} {{- with .url }}</a>{{ end -}}
{{ with .hint }}<a href="{{ .url }}">{{ .name }}</a>{{ end }} {{- with .hint }}<a href="{{ .url }}">{{ .name }}</a>{{ end -}}
</td> </td>
</tr> </tr>
{{ end }} {{- end }}
</table> </table>
</section> </section>
</div> </div>
</section> </section>
<main>
<main>
<div class="container"> <div class="container">
<section class="section projects"> <section class="section projects">
<span class="latest"> <span class="latest">
latest <a href="{{ "/projects" | relURL }}">projects</a> latest <a href="{{ "/projects" | relURL }}">projects</a>
</span> </span>
<div class="section projects inner"> <div class="section projects inner">
{{ range first 4 (where .Site.RegularPages "Type" "project") }} {{- range first 4 (where .Site.RegularPages "Type" "project") }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
<article> <article>
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<p class="meta">{{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }}<br />{{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}</p> <p class="meta">
{{ with .Params.activetime }}<span class="date">{{ . }}</span>{{ end }}<br />
{{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}
</p>
</article> </article>
</a> </a>
{{ end }} {{- end }}
</div> </div>
</section> </section>
<hr> <hr>
@ -49,7 +55,7 @@
latest <a href="{{ "/blog" | relURL }}">posts</a> latest <a href="{{ "/blog" | relURL }}">posts</a>
</span> </span>
<div class="section posts inner"> <div class="section posts inner">
{{ range first 4 (where .Site.RegularPages "Type" "post") }} {{- range first 4 (where .Site.RegularPages "Type" "post") }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
<article> <article>
<h1><span>{{ .Title }}</span></h1> <h1><span>{{ .Title }}</span></h1>
@ -60,9 +66,9 @@
</p> </p>
</article> </article>
</a> </a>
{{ end }} {{- end }}
</div> </div>
</section> </section>
</div> </div>
</main> </main>
{{ end }} {{- end }}

13
layouts/partials/footer.html
View file

@ -1,20 +1,21 @@
<footer>
<footer>
<div class="container"> <div class="container">
<section class="website-version"> <section class="website-version">
<span title="{{ now.Format "2. January 2006, 15:04 MST" }}">version {{ now.Format "2006-01-02" }}</span> <span title="{{ now.Format "2. January 2006, 15:04 MST" }}">version {{ now.Format "2006-01-02" }}</span>
</section> </section>
<section class="website-subnav"> <section class="website-subnav">
<ul> <ul>
{{ $currentPage := . }} {{- $currentPage := . }}
{{ range .Site.Menus.footer }} {{- range .Site.Menus.footer }}
<li> <li>
<a href="{{ .URL }}"> <a href="{{ .URL }}">
{{ .Pre }} {{- .Pre }}
<span>{{ .Name }}</span> <span>{{ .Name }}</span>
</a> </a>
</li> </li>
{{ end }} {{- end }}
</ul> </ul>
</section> </section>
</div> </div>
</footer> </footer>

33
layouts/partials/nav.html
View file

@ -1,47 +1,46 @@
{{ $currentPage := . }} {{ $currentPage := . }}
<nav>
<nav>
<div class="container"> <div class="container">
<section class="website-name"> <section class="website-name">
{{ range .Site.Menus.name }} {{- range .Site.Menus.name }}
{{ if $currentPage.IsMenuCurrent "name" . }} {{- if $currentPage.IsMenuCurrent "name" . }}
<a href="{{ .URL }}" class="active">{{ .Name }}</a> <a href="{{ .URL }}" class="active">{{ .Name }}</a>
{{ else }} {{- else }}
<a href="{{ .URL }}">{{ .Name }}</a> <a href="{{ .URL }}">{{ .Name }}</a>
{{ end }} {{- end }}
{{ end }} {{- end }}
</section> </section>
<span class="seperator">/</span> <span class="seperator">/</span>
<section class="website-mainmenu"> <section class="website-mainmenu">
<ul> <ul>
{{ range .Site.Menus.main }} {{- range .Site.Menus.main -}}
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) -}}
<li class="active"> <li class="active">
<a href="{{ .URL }}"> <a href="{{ .URL }}">
<span>{{ .Name }}</span> <span>{{ .Name }}</span>
</a> </a>
</li> </li>
{{ else }} {{- else }}
<li> <li>
<a href="{{ .URL }}"> <a href="{{ .URL }}">
<span>{{ .Name }}</span> <span>{{ .Name }}</span>
</a> </a>
</li> </li>
{{ end }} {{- end }}
{{ end }} {{- end }}
</ul> </ul>
</section> </section>
<section class="website-externallinks"> <section class="website-externallinks">
<ul> <ul>
{{ range .Site.Menus.externallinks }} {{- range .Site.Menus.externallinks }}
<li> <li>
<a title="{{ .URL }}" href="{{ .URL }}"> <a title="{{ .URL }}" href="{{ .URL }}">
{{ .Pre }} {{- .Pre }}
<span>{{ .Name }}</span> <span>{{ .Name }}</span>
</a> </a>
</li> </li>
{{ end }} {{- end }}
</ul> </ul>
</section> </section>
</div> </div>
</nav> </nav>