Hugo theme (#1)

This commit is contained in:
William Carroll 2019-11-19 15:36:13 -03:00
parent 693a189ffa
commit dbde1a1ef9
25 changed files with 283 additions and 404 deletions

12
layouts/404.html Normal file
View file

@ -0,0 +1,12 @@
{{ define "heading"}}
<div>
<a class="text-lg mb-8 inline-block" href="{{ .Site.BaseURL | relLangURL }}">&larr; {{ 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 }}

View 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>
&copy; {{ 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>

View 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
View 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 }}

View file

@ -0,0 +1 @@
<a class="text-lg mb-8 inline-block" href="{{ .Site.BaseURL | relLangURL }}">&larr; {{ i18n "back_home" }}</a>

View 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
View 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 }}

View 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 }}