From: Kai Moritz <kai@juplo.de>
Date: Tue, 9 Dec 2025 19:22:55 +0000 (+0100)
Subject: Sassified CSS in das `head`-Partial eingebunden
X-Git-Tag: frontend--hugo--rebase--2025-12-21--19-20~34
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=9ca81935265a154b0d5414dd0c46e070da0a39e2;p=website

Sassified CSS in das `head`-Partial eingebunden
---

diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index 02c22401..4e1069c4 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -1,5 +1,43 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
-{{ partialCached "head/css.html" . }}
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- Default / Responsive -->
+{{- $base := resources.Get "scss/base.scss" | toCSS | minify | fingerprint }}
+<link rel="stylesheet" th:rel="stylesheet" media="all" title="Responsive" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+{{- $screen := resources.Get "scss/screen.scss" | toCSS | minify | fingerprint }}
+<link rel="stylesheet" th:rel="stylesheet" media="only screen" title="Responsive" type="text/css" href="{{ $screen.RelPermalink }}" integrity="{{ $screen.Data.Integrity }}">
+{{- $print := resources.Get "scss/print.scss" | toCSS | minify | fingerprint }}
+<link rel="stylesheet" th:rel="stylesheet" media="print" title="Responsive" type="text/css" href="{{ $print.RelPermalink }}" integrity="{{ $print.Data.Integrity }}">
+<!-- Legacy -->
+<link rel="alternate stylesheet" title="Legacy" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+<!-- Tablet -->
+<link rel="alternate stylesheet" title="Tablet" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+{{- $tablet := resources.Get "scss/tablet.scss" | toCSS | minify | fingerprint }}
+<link rel="alternate stylesheet" title="Tablet" type="text/css" href="{{ $tablet.RelPermalink }}" integrity="{{ $tablet.Data.Integrity }}">
+<!-- Phone -->
+<link rel="alternate stylesheet" title="Phone" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+{{- $phone := resources.Get "scss/phone.scss" | toCSS | minify | fingerprint }}
+<link rel="alternate stylesheet" title="Phone" type="text/css" href="{{ $phone.RelPermalink }}" integrity="{{ $phone.Data.Integrity }}">
+<!-- Tiny -->
+<link rel="alternate stylesheet" title="Tiny" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+{{- $tiny := resources.Get "scss/tiny.scss" | toCSS | minify | fingerprint }}
+<link rel="alternate stylesheet" title="Tiny" type="text/css" href="{{ $tiny.RelPermalink }}" integrity="{{ $tiny.Data.Integrity }}">
+<!-- Print -->
+<link rel="alternate stylesheet" title="Print" type="text/css" href="{{ $base.RelPermalink }}" integrity="{{ $base.Data.Integrity }}">
+<link rel="alternate stylesheet" title="Print" type="text/css" href="{{ $print.RelPermalink }}" integrity="{{ $print.Data.Integrity }}">
+<script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+<!--[if lt IE 9]>
+  <script src="../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
+<![endif]-->
+<!--[if IE 8]>
+  {{- $ie8 := resources.Get "scss/ie8.scss" | toCSS | minify | fingerprint }}
+  <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="{{ $ie8.RelPermalink }}" integrity="{{ $ie8.Data.Integrity }}">
+<![endif]-->
+<link rel="canonical" href="layout.html" th:href="${_canonical.get(uri)}?:${uri}">
+<script th:replace="${scripts_head}?:~{}"></script>
+
+
+
 {{ partialCached "head/js.html" . }}