Hugo theme (#1)
This commit is contained in:
parent
693a189ffa
commit
dbde1a1ef9
25 changed files with 283 additions and 404 deletions
12
layouts/404.html
Normal file
12
layouts/404.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{{ define "heading"}}
|
||||
<div>
|
||||
<a class="text-lg mb-8 inline-block" href="{{ .Site.BaseURL | relLangURL }}">← {{ i18n "back_home" }}</a>
|
||||
<h1 class="text-4xl font-bold">{{ i18n "not_found_page_title" }}</h1>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "content" }}
|
||||
<section class="mb-24">
|
||||
<img src="{{ "images/404-background.png" | relURL }}" alt="Page Not Found">
|
||||
</section>
|
||||
{{ end }}
|
||||
86
layouts/_default/baseof.html
Normal file
86
layouts/_default/baseof.html
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
<!doctype html>
|
||||
<html lang="{{ .Site.Params.LanguageCode }}">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
{{ hugo.Generator }}
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }}">
|
||||
<meta name="twitter:description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Summary | plainify }}{{ end }}">
|
||||
<meta name="twitter:site" content="{{ .Site.BaseURL }}">
|
||||
<meta name="twitter:creator" content="{{ .Params.Author }}">
|
||||
<meta name="twitter:image" content="{{ .Site.Params.Avatar | absURL }}">
|
||||
|
||||
<!-- Open-Graph Data -->
|
||||
<meta property="og:locale" content="{{ .Site.Params.LanguageCode }}">
|
||||
<meta property="og:type" content="{{ if .IsHome }}website{{ else }}article{{ end }}">
|
||||
<meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }}">
|
||||
<meta property="og:description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Summary | plainify }}{{ end }}">
|
||||
<meta property="og:url" content="{{ .Permalink }}">
|
||||
<meta property="og:site_name" content="{{ .Site.Title }}">
|
||||
<meta property="og:image" content="{{ .Site.Params.Avatar | absURL }}">
|
||||
|
||||
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title>
|
||||
|
||||
<meta name="author" content="{{ .Site.Params.Author }}">
|
||||
<meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Summary | plainify }}{{ end }}">
|
||||
|
||||
<!-- RSS -->
|
||||
{{ with .OutputFormats.Get "RSS" }}
|
||||
<link rel="alternate" href="{{ .RelPermalink | absURL }}" type="application/rss+xml" title="{{ $.Site.Title }}">
|
||||
{{ end }}
|
||||
|
||||
<!-- Translations -->
|
||||
{{ if .IsTranslated }}
|
||||
{{ range .Translations }}
|
||||
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Site.Title }}">
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Arvo:400,700">
|
||||
<link rel="stylesheet" href="{{ "css/theme.css" | absURL }}">
|
||||
<link rel="stylesheet" href="{{ "css/chroma.dracula.css" | absURL }}">
|
||||
</head>
|
||||
<body class="font-serif bg-gray-200 border-t-4 border-blue-500 antialiased">
|
||||
<div class="w-full p-6 md:w-2/3 md:px-0 md:mx-auto xl:w-2/5">
|
||||
<header class="mb-6">
|
||||
<!-- All the pages must have a heading block, defaults to a link for the home page and a title. -->
|
||||
<div class="mb-6 md:flex md:items-center">
|
||||
{{ block "heading" . }}
|
||||
<div>
|
||||
{{ partial "back-home.html" . }}
|
||||
<h1 class="text-4xl font-bold">{{ .Title }}</h1>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<!-- If the blog has translation, they shoul be displayed here. -->
|
||||
{{ if .IsTranslated }}
|
||||
<nav>
|
||||
{{ range $i, $lang := .Translations }}
|
||||
{{ if $i }}/{{ end }}
|
||||
<a href="{{ .Permalink }}">{{ $lang.Language.LanguageName }}</a>
|
||||
{{ end}}
|
||||
</nav>
|
||||
{{ end }}
|
||||
</header>
|
||||
|
||||
<!-- The content block. -->
|
||||
{{ block "content" . }}{{ end }}
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
© {{ now.Format "2006"}}. Proudly made with 💕 with <a href="https://gohugo.io/" target="_blank">Hugo</a> and <a href="https://tailwindcss.com/" target="_blank">TailwindCSS</a>.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
7
layouts/_default/list.html
Normal file
7
layouts/_default/list.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{{ define "content" }}
|
||||
<section class="mb-24">
|
||||
{{ range site.RegularPages.GroupByDate "2006" -}}
|
||||
{{ partial "posts.html" . }}
|
||||
{{ end }}
|
||||
</section>
|
||||
{{ end }}
|
||||
18
layouts/index.html
Normal file
18
layouts/index.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{{ define "heading" }}
|
||||
{{ if .Site.Params.Avatar }}
|
||||
<img class="hidden md:block w-20 rounded-full mr-6" src="{{ .Site.Params.Avatar | absURL }}" alt="{{ .Site.Params.Author }}">
|
||||
{{ end }}
|
||||
|
||||
<div>
|
||||
<h1 class="text-4xl font-bold">{{ .Site.Title }}</h1>
|
||||
<p>{{ .Site.Params.tagline }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "content" }}
|
||||
<section class="mb-24">
|
||||
{{ range site.RegularPages.GroupByDate "2006" -}}
|
||||
{{ partial "posts.html" . }}
|
||||
{{ end }}
|
||||
</section>
|
||||
{{ end }}
|
||||
1
layouts/partials/back-home.html
Normal file
1
layouts/partials/back-home.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<a class="text-lg mb-8 inline-block" href="{{ .Site.BaseURL | relLangURL }}">← {{ i18n "back_home" }}</a>
|
||||
12
layouts/partials/posts.html
Normal file
12
layouts/partials/posts.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div>
|
||||
<h2 class="text-3xl font-bold mb-2">{{ .Key }}</h2>
|
||||
|
||||
<ol>
|
||||
{{ range .Pages -}}
|
||||
<li class="mb-6 md:flex md:flex-row">
|
||||
<time class=" block md:flex-l-24" datetime="{{ .Date.Format "2006-01-02 15:04:05 MST" }}">{{ .Date.Format "Jan 02"}}</time>
|
||||
<a class="text-lg md:ml-12" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ol>
|
||||
</div>
|
||||
28
layouts/posts/single.html
Normal file
28
layouts/posts/single.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
{{ define "heading" }}
|
||||
<div>
|
||||
{{ partial "back-home.html" . }}
|
||||
|
||||
<!-- Title and Publication Date -->
|
||||
<h1 class="text-4xl font-bold">{{ .Title }}</h1>
|
||||
<time datetime="{{ .Date.Format "2006-01-02 15:04:05 MST" }}">{{ .Date.Format "02 Jan 2006" }}</time>
|
||||
|
||||
<!-- Tags -->
|
||||
{{ with .Params.tags }}
|
||||
<ol class="mt-4">
|
||||
{{ range . }}
|
||||
<li class="inline-block">
|
||||
<a class="border-none text-gray-800 text-xs bg-gray-400 hover:bg-gray-600 hover:text-white rounded-sm px-3 py-1" href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "content" }}
|
||||
<article class="mb-12">
|
||||
{{ .Content }}
|
||||
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</article>
|
||||
{{ end }}
|
||||
13
layouts/taxonomy/terms.html
Normal file
13
layouts/taxonomy/terms.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{{ define "content" }}
|
||||
<section class="mb-24">
|
||||
<ol class="-mx-2">
|
||||
{{ range .Pages -}}
|
||||
<li class="inline-block mx-2 my-2">
|
||||
<a class="border-none text-gray-800 bg-gray-400 hover:bg-gray-600 hover:text-white rounded-sm px-3 py-1" href="{{ .RelPermalink }}">
|
||||
{{ .Title }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ol>
|
||||
</section>
|
||||
{{ end }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue