baseof.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="{{ .Site.Language.Lang }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="Content-Language" content="{{ .Site.Language.Lang }}">
  7. {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
  8. <meta name="description" content="{{ .Description | default (.Summary | default .Site.Params.description ) }}">
  9. <meta name="keywords" content="{{ (delimit .Keywords ",") | default .Site.Params.keywords }}">
  10. {{ if .Site.Params.enableTwemoji }}
  11. <script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
  12. {{ end }}
  13. {{ template "_internal/twitter_cards.html" . }}
  14. {{ template "_internal/opengraph.html" . }}
  15. {{ if .Permalink }}
  16. <base href="{{ .Permalink }}">
  17. {{ end }}
  18. <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
  19. {{ if .Permalink }}
  20. <link rel="canonical" href="{{ .Permalink }}">
  21. {{ end }}
  22. <link href="https://fonts.googleapis.com/css?family=Lato:400,700%7CMerriweather:300,700%7CSource+Code+Pro:400,700&display=swap" rel="stylesheet">
  23. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous">
  24. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
  25. {{ if .Site.IsServer }}
  26. {{ $cssOpts := (dict "targetPath" "css/coder.css" "enableSourceMap" true ) }}
  27. {{ $styles := resources.Get "scss/coder.scss" | resources.ExecuteAsTemplate "style.coder.css" . | toCSS $cssOpts }}
  28. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  29. {{ else }}
  30. {{ $cssOpts := (dict "targetPath" "css/coder.css" ) }}
  31. {{ $styles := resources.Get "scss/coder.scss" | resources.ExecuteAsTemplate "style.coder.css" . | toCSS $cssOpts | minify | fingerprint }}
  32. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  33. {{ end }}
  34. {{ if .Site.Params.rtl }}
  35. {{ if .Site.IsServer }}
  36. {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" "enableSourceMap" true ) }}
  37. {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts }}
  38. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  39. {{ else }}
  40. {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" ) }}
  41. {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts | minify | fingerprint }}
  42. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  43. {{ end }}
  44. {{ end }}
  45. {{ if or (eq .Site.Params.colorscheme "auto") (eq .Site.Params.colorscheme "dark") }}
  46. {{ if .Site.IsServer }}
  47. {{ $cssOpts := (dict "targetPath" "css/coder-dark.css" "enableSourceMap" true ) }}
  48. {{ $styles := resources.Get "scss/coder-dark.scss" | resources.ExecuteAsTemplate "style.coder-dark.css" . | toCSS $cssOpts }}
  49. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  50. {{ else }}
  51. {{ $cssOpts := (dict "targetPath" "css/coder-dark.css" ) }}
  52. {{ $styles := resources.Get "scss/coder-dark.scss" | resources.ExecuteAsTemplate "style.coder-dark.css" . | toCSS $cssOpts | minify | fingerprint }}
  53. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  54. {{ end }}
  55. {{ end }}
  56. {{ range .Site.Params.custom_css }}
  57. <link rel="stylesheet" href="{{ . | relURL }}" />
  58. {{ end }}
  59. {{ range .Site.Params.custom_scss }}
  60. {{/* We don't change the targetPath to because it's transparent to users */}}
  61. {{ if $.Site.IsServer }}
  62. {{ $cssOpts := (dict "enableSourceMap" true ) }}
  63. {{ $styles := resources.Get . | toCSS $cssOpts }}
  64. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  65. {{ else }}
  66. {{ $styles := resources.Get . | toCSS | minify | fingerprint }}
  67. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  68. {{ end }}
  69. {{ end }}
  70. <link rel="icon" type="image/png" href="{{ .Site.Params.favicon_32 | default "/images/favicon-32x32.png" | absURL }}" sizes="32x32">
  71. <link rel="icon" type="image/png" href="{{ .Site.Params.favicon_16 | default "/images/favicon-16x16.png" | absURL }}" sizes="16x16">
  72. {{ range .AlternativeOutputFormats -}}
  73. {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
  74. {{ end -}}
  75. {{ hugo.Generator }}
  76. </head>
  77. {{ $csClass := "colorscheme-light" }}
  78. {{ if eq .Site.Params.colorscheme "dark" }}
  79. {{ $csClass = "colorscheme-dark" }}
  80. {{ else if eq .Site.Params.colorscheme "auto" }}
  81. {{ $csClass = "colorscheme-auto" }}
  82. {{ end }}
  83. <body class="{{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
  84. onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
  85. >
  86. <main class="wrapper">
  87. {{ partial "header.html" . }}
  88. <div class="content">
  89. {{ block "content" . }}{{ end }}
  90. </div>
  91. {{ partial "footer.html" . }}
  92. </main>
  93. {{ if .Site.IsServer }}
  94. {{ $script := resources.Get "js/dark-mode.js" }}
  95. <script src="{{ $script.RelPermalink }}"></script>
  96. {{ else }}
  97. {{ $script := resources.Get "js/dark-mode.js" | minify | fingerprint }}
  98. <script src="{{ $script.RelPermalink }}"></script>
  99. {{ end }}
  100. {{ range .Site.Params.custom_js }}
  101. <script src="{{ . | relURL }}"></script>
  102. {{ end }}
  103. {{ template "_internal/google_analytics.html" . }}
  104. {{ if and .Site.Params.fathomAnalytics .Site.Params.fathomAnalytics.siteID }}
  105. {{- partial "analytics/fathom" . -}}
  106. {{ end }}
  107. {{ if and .Site.Params.plausibleAnalytics .Site.Params.plausibleAnalytics.domain }}
  108. {{- partial "analytics/plausible" . -}}
  109. {{ end }}
  110. </body>
  111. </html>