Move inline CSS to pack.css

dscho · dscho · commit e19d50be9c43 · 2025-03-10T10:15:54.000+01:00
Inline CSS is hard to manage, so let's move it elsewhere.

To prepare for migrating also the home page to Hugo, let's make that
inline CSS contingent on &lt;body&gt; having the `page` class.

Signed-off-by: Johannes Schindelin &lt;johannes.schindelin@gmx.de&gt;
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -349,3 +349,16 @@ div.version {
 .stud {
 	clear: both;
 }
+body.page {
+	color: #FFF;
+
+	h1 {
+		text-align: center;
+	}
+
+	article p,h3,ul {
+		margin-left: auto;
+		margin-right: auto;
+		width: 65%;
+	}
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -9,28 +9,13 @@
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
 		{{- $style := resources.Get "sass/pack.scss" | resources.ExecuteAsTemplate "pack.scss" . | css.Sass | resources.Minify }}
 		<link rel="stylesheet" href="{{ $style.RelPermalink }}">
-		<style type="text/css">
-			body {
-				color: #FFF;
-			}
-
-			h1 {
-				text-align: center;
-			}
-
-			article p,h3,ul {
-				margin-left: auto;
-				margin-right: auto;
-				width: 65%;
-			}
-		</style>
 		<link rel="shortcut icon" href="favicon.ico">
 		<!--[if lt IE 9]>
 		<script src="js/html5shiv.js"></script>
 		<script src="js/respond.js"></script>
 		<![endif]-->
 	</head>
-	<body>
+	<body class="page">
 		{{- partial "footer" . -}}
 		<section class="details">
 			<article>
