121 lines
5.1 KiB
HTML
121 lines
5.1 KiB
HTML
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{{ $data := index .Site.Data .Site.Language.Lang }}
|
|
<title>{{ with $data.site_content.title }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }}{{ if .Site.Params.description }} | {{ .Site.Params.description }}{{ end }}</title>
|
|
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
|
|
|
|
<!-- Tailwind CSS (self-hosted) -->
|
|
{{ $tailwindCSS := resources.Get "css/tailwind.css" | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $tailwindCSS.RelPermalink }}" integrity="{{ $tailwindCSS.Data.Integrity }}">
|
|
|
|
<!-- Root colors -->
|
|
<style>
|
|
:root {
|
|
--color-primary: {{ .Site.Params.theme.colors.primary | default "#4F46E5" }};
|
|
--color-secondary: {{ .Site.Params.theme.colors.secondary | default "#10B981" }};
|
|
--color-main-heading: {{ index .Site.Params.theme.colors "main-heading" | default "#10B981" }};
|
|
--color-sidebar-heading: {{ index .Site.Params.theme.colors "sidebar-heading" | default "#4F46E5" }};
|
|
--color-text: {{ .Site.Params.theme.colors.text | default "#1F2937" }};
|
|
--color-background: {{ .Site.Params.theme.colors.background | default "#FFFFFF" }};
|
|
}
|
|
</style>
|
|
|
|
<!-- Font Awesome (local) -->
|
|
{{ $fontAwesomeBase := resources.Get "css/fontawesome-base.css" | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $fontAwesomeBase.RelPermalink }}" integrity="{{ $fontAwesomeBase.Data.Integrity }}">
|
|
|
|
{{ $fontAwesomeSolid := resources.Get "css/fontawesome-solid.css" | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $fontAwesomeSolid.RelPermalink }}" integrity="{{ $fontAwesomeSolid.Data.Integrity }}">
|
|
|
|
{{ $fontAwesomeBrands := resources.Get "css/fontawesome-brands.css" | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $fontAwesomeBrands.RelPermalink }}" integrity="{{ $fontAwesomeBrands.Data.Integrity }}">
|
|
|
|
<!-- Self-hosted fonts -->
|
|
{{ $fonts := resources.Get "css/fonts.css" | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $fonts.RelPermalink }}" integrity="{{ $fonts.Data.Integrity }}">
|
|
|
|
<!-- Web Fonts -->
|
|
{{ $webFontsCSS := resources.Get "css/web-fonts-dynamic.css" | resources.ExecuteAsTemplate "css/web-fonts-processed.css" . | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $webFontsCSS.RelPermalink }}" integrity="{{ $webFontsCSS.Data.Integrity }}">
|
|
|
|
<!-- Import custom CSS for color schemes -->
|
|
{{ $themeStyles := resources.Get "css/theme.css" | resources.ExecuteAsTemplate "css/theme.css" . | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $themeStyles.RelPermalink }}" integrity="{{ $themeStyles.Data.Integrity }}">
|
|
|
|
<!-- Import print stylesheet -->
|
|
{{ $printStyles := resources.Get "css/print.css" | resources.ExecuteAsTemplate "css/print.css" . | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $printStyles.RelPermalink }}" integrity="{{ $printStyles.Data.Integrity }}" media="print">
|
|
|
|
<!-- Custom CSS -->
|
|
{{ $customCSS := resources.Get "css/main.css" | resources.Minify | resources.Fingerprint }}
|
|
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}" integrity="{{ $customCSS.Data.Integrity }}">
|
|
|
|
<!-- Font styles from configuration -->
|
|
{{ with .Site.Params.formatting.typography }}
|
|
<style>
|
|
{{ if .useSystemFonts }}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", serif;
|
|
}
|
|
{{ else }}
|
|
body {
|
|
font-family: '{{ .bodyFont }}', sans-serif;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: '{{ .headingFont }}', sans-serif;
|
|
}
|
|
{{ end }}
|
|
</style>
|
|
{{ end }}
|
|
|
|
<!-- Alpine.js (local) -->
|
|
{{ $alpine := resources.Get "js/alpine.min.js" | resources.Fingerprint }}
|
|
<script src="{{ $alpine.RelPermalink }}" integrity="{{ $alpine.Data.Integrity }}" defer></script>
|
|
|
|
<!-- Additional styles for controls -->
|
|
<style>
|
|
.language-dropdown {
|
|
z-index: 60;
|
|
}
|
|
.theme-dropdown {
|
|
z-index: 50;
|
|
}
|
|
@media print {
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
}
|
|
header[role="banner"] {
|
|
margin-bottom: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
header[role="banner"] + article {
|
|
margin-top: 0 !important;
|
|
}
|
|
article section:first-child h2 {
|
|
margin-top: 5px !important;
|
|
}
|
|
aside > hr,
|
|
div[aria-label="Main content"] > hr {
|
|
margin-top: 1rem !important;
|
|
position: relative;
|
|
}
|
|
.image-container {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
.profile-avatar {
|
|
margin-left: 0;
|
|
}
|
|
h1 span {
|
|
font-size: 3rem !important;
|
|
}
|
|
</style>
|
|
|
|
<!-- Umami Analytics -->
|
|
<script defer src="https://umami.thanwer.com/script.js" data-website-id="b8131624-99d2-48f9-a20a-8e7d848f6ae6"></script>
|