blog/themes/tailwind/layouts/_default/baseof.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
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>