From: Kai Moritz <kai@juplo.de>
Date: Tue, 9 Dec 2025 21:23:48 +0000 (+0100)
Subject: WIP:scss
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=521be9ab915b790fef4ace126bc1658a71e023a3;p=website

WIP:scss
---

diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index 48d45617..4e1069c4 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -4,30 +4,36 @@
 <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 }}
+{{- $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 }}">
-<link rel="stylesheet" th:rel="stylesheet" media="only screen" title="Responsive" type="text/css" href="../css/screen.css" th:href="@{/css/screen.min.css}"/>
-<link rel="stylesheet" th:rel="stylesheet" media="print" title="Responsive" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
+{{- $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="../css/base.css" th:href="@{/css/base.min.css}"/>
+<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="../css/base.css" th:href="@{/css/base.min.css}"/>
-<link rel="alternate stylesheet" title="Tablet" type="text/css" href="../css/tablet.css" th:href="@{/css/tablet.min.css}"/>
+<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="../css/base.css" th:href="@{/css/base.min.css}"/>
-<link rel="alternate stylesheet" title="Phone" type="text/css" href="../css/phone.css" th:href="@{/css/phone.min.css}"/>
+<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="../css/base.css" th:href="@{/css/base.min.css}"/>
-<link rel="alternate stylesheet" title="Tiny" type="text/css" href="../css/tiny.css" th:href="@{/css/tiny.min.css}"/>
+<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="../css/base.css" th:href="@{/css/base.min.css}"/>
-<link rel="alternate stylesheet" title="Print" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
+<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]>
-  <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../css/ie8.css" th:href="@{/css/ie8.min.css}"/>
+  {{- $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>