baseof.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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. <meta name="color-scheme" content="light dark">
  8. {{ if .Site.Params.csp }}
  9. {{ partial "csp.html" . }}
  10. {{ end }}
  11. {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
  12. <meta name="description" content="{{ .Description | default (.Summary | default .Site.Params.description ) }}">
  13. <meta name="keywords" content="{{ (delimit .Keywords ",") | default .Site.Params.keywords }}">
  14. {{ template "_internal/twitter_cards.html" . }}
  15. {{ template "_internal/opengraph.html" . }}
  16. <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
  17. {{ if .Permalink }}
  18. <link rel="canonical" href="{{ .Permalink }}">
  19. {{ end }}
  20. {{ $fa := resources.Get "fonts/forkawesome-webfont.woff2" }}
  21. {{ $faFingerprint := $fa | fingerprint }}
  22. <link rel="preload" href="{{ $fa.RelPermalink }}?v=1.1.7" as="font" type="font/woff2" integrity="{{ $faFingerprint.Data.Integrity }}" crossorigin>
  23. {{ if .Site.IsServer }}
  24. {{ $cssOpts := (dict "targetPath" "css/coder.css" "enableSourceMap" true ) }}
  25. {{ $styles := resources.Get "scss/coder.scss" | resources.ExecuteAsTemplate "style.coder.css" . | toCSS $cssOpts }}
  26. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  27. {{ else }}
  28. {{ $cssOpts := (dict "targetPath" "css/coder.css" ) }}
  29. {{ $styles := resources.Get "scss/coder.scss" | resources.ExecuteAsTemplate "style.coder.css" . | toCSS $cssOpts | minify | fingerprint }}
  30. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  31. {{ end }}
  32. {{ if .Site.Params.rtl }}
  33. {{ if .Site.IsServer }}
  34. {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" "enableSourceMap" true ) }}
  35. {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts }}
  36. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  37. {{ else }}
  38. {{ $cssOpts := (dict "targetPath" "css/coder-rtl.css" ) }}
  39. {{ $styles := resources.Get "scss/coder-rtl.scss" | resources.ExecuteAsTemplate "style.coder-rtl.css" . | toCSS $cssOpts | minify | fingerprint }}
  40. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  41. {{ end }}
  42. {{ end }}
  43. {{ if or (eq .Site.Params.colorScheme "auto") (eq .Site.Params.colorScheme "dark") }}
  44. {{ if .Site.IsServer }}
  45. {{ $cssOpts := (dict "targetPath" "css/coder-dark.css" "enableSourceMap" true ) }}
  46. {{ $styles := resources.Get "scss/coder-dark.scss" | resources.ExecuteAsTemplate "style.coder-dark.css" . | toCSS $cssOpts }}
  47. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  48. {{ else }}
  49. {{ $cssOpts := (dict "targetPath" "css/coder-dark.css" ) }}
  50. {{ $styles := resources.Get "scss/coder-dark.scss" | resources.ExecuteAsTemplate "style.coder-dark.css" . | toCSS $cssOpts | minify | fingerprint }}
  51. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  52. {{ end }}
  53. {{ end }}
  54. {{ range .Site.Params.customCSS }}
  55. <link rel="stylesheet" href="{{ . | relURL }}" />
  56. {{ end }}
  57. {{ range .Site.Params.customSCSS }}
  58. {{/* We don't change the targetPath to because it's transparent to users */}}
  59. {{ if $.Site.IsServer }}
  60. {{ $cssOpts := (dict "enableSourceMap" true ) }}
  61. {{ $styles := resources.Get . | toCSS $cssOpts }}
  62. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" media="screen">
  63. {{ else }}
  64. {{ $styles := resources.Get . | toCSS | minify | fingerprint }}
  65. <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}" crossorigin="anonymous" media="screen" />
  66. {{ end }}
  67. {{ end }}
  68. <link rel="icon" type="image/png" href="{{ .Site.Params.favicon_32 | default "/images/favicon-32x32.png" | relURL }}" sizes="32x32">
  69. <link rel="icon" type="image/png" href="{{ .Site.Params.favicon_16 | default "/images/favicon-16x16.png" | relURL }}" sizes="16x16">
  70. <link rel="apple-touch-icon" href="{{ .Site.Params.touchicon | default "/images/apple-touch-icon.png" | relURL }}">
  71. <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Params.touchicon | default "/images/apple-touch-icon.png" | relURL }}">
  72. {{ range .AlternativeOutputFormats -}}
  73. {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
  74. {{ end -}}
  75. {{ if .Site.Params.enableTwemoji }}
  76. <script defer src="https://twemoji.maxcdn.com/v/13.0.1/twemoji.min.js"
  77. integrity="sha384-5f4X0lBluNY/Ib4VhGx0Pf6iDCF99VGXJIyYy7dDLY5QlEd7Ap0hICSSZA1XYbc4" crossorigin="anonymous"></script>
  78. {{ end }}
  79. {{ hugo.Generator }}
  80. </head>
  81. {{ $csClass := "colorscheme-light" }}
  82. {{ if eq .Site.Params.colorScheme "dark" }}
  83. {{ $csClass = "colorscheme-dark" }}
  84. {{ else if eq .Site.Params.colorScheme "auto" }}
  85. {{ $csClass = "colorscheme-auto" }}
  86. {{ end }}
  87. <body class="{{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
  88. onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
  89. >
  90. {{ partial "float" . }}
  91. <main class="wrapper">
  92. {{ partial "header.html" . }}
  93. <div class="content">
  94. {{ block "content" . }}{{ end }}
  95. </div>
  96. {{ partial "footer.html" . }}
  97. </main>
  98. {{ if not .Site.Params.hideColorSchemeToggle }}
  99. {{ if .Site.IsServer }}
  100. {{ $script := resources.Get "js/dark-mode.js" }}
  101. <script src="{{ $script.RelPermalink }}"></script>
  102. {{ else }}
  103. {{ $script := resources.Get "js/dark-mode.js" | minify | fingerprint }}
  104. <script src="{{ $script.RelPermalink }}" integrity="{{ $script.Data.Integrity }}"></script>
  105. {{ end }}
  106. {{ end }}
  107. {{ range .Site.Params.customJS }}
  108. <script src="{{ . | relURL }}"></script>
  109. {{ end }}
  110. {{ template "_internal/google_analytics.html" . }}
  111. {{ if and .Site.Params.fathomAnalytics .Site.Params.fathomAnalytics.siteID }}
  112. {{- partial "analytics/fathom" . -}}
  113. {{ end }}
  114. {{ if and .Site.Params.plausibleAnalytics .Site.Params.plausibleAnalytics.domain }}
  115. {{- partial "analytics/plausible" . -}}
  116. {{ end }}
  117. {{ if and .Site.Params.goatCounter .Site.Params.goatCounter.code }}
  118. {{- partial "analytics/goatcounter" . -}}
  119. {{ end }}
  120. {{ if and .Site.Params.cloudflare .Site.Params.cloudflare.token }}
  121. {{- partial "analytics/cloudflare" . -}}
  122. {{ end }}
  123. {{ if and .Site.Params.matomo .Site.Params.matomo.serverURL }}
  124. {{- partial "analytics/matomo" . -}}
  125. {{ end }}
  126. {{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}
  127. {{- partial "analytics/googletagmanager" . -}}
  128. {{ end }}
  129. </body>
  130. </html>