aboutsummaryrefslogtreecommitdiff
path: root/themes/flamingo/layouts/_default/baseof.html
blob: 9bf2fafc87e9f5aa127acc397258a87e82a709cb (plain)
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
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        {{ with .Site.Params.favicon }}<link rel="icon" type="image/png" href="{{ . }}" />{{ end }}

        <title itemprop="name">{{ .Title }} | {{ .Site.Params.description }}</title>
        {{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
        {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}

        {{ $styles := resources.Get "scss/main.scss" | resources.ToCSS | minify | fingerprint}}
        <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

        {{ with .OutputFormats.Get "RSS" -}}
        {{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
        {{- end }}

        <!-- Meta tags -->
        {{ partial "meta" . }}
    </head>
    <body>
        <div class="layout">
            {{ partial "header" . }}
            {{ block "main" . }}{{ end }}
            {{ partial "footer" . }}
        </div>
    </body>

    <script>
     // TODO
     // Use Hugo templating to achieve this
     // Script to check active nav menu
     (function() {
         const links = document.querySelectorAll("nav a")
         const currentUrl = location.href

         for (const link of links) {
             if (location.href.split("/").length === 4 && link.href.endsWith("/posts/")) {
                 link.classList.add("active-link")
                 break;
             }

             if (link.href === currentUrl) {
                 link.classList.add("active-link")
             }
         }
     }())
    </script>

</html>