<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" . }}