Render the ![IMPORTANT] messages similar to GitHub

dscho · dscho · commit 3ed136b1b2cf · 2025-03-14T11:41:00.000+01:00
Signed-off-by: Johannes Schindelin &lt;johannes.schindelin@gmx.de&gt;
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -362,3 +362,11 @@ body.page {
 		width: 65%;
 	}
 }
+.markdown-important::before {
+	content:url('img/important.svg');
+	padding-left: 0.6em;
+	padding-right: 0.2em;
+}
+.markdown-important {
+	border-left: .25em solid #f34f29;
+}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,3 +1,3 @@
 {{ define "main" }}
-{{ .Content }}
+{{ replace .Content "<p>[!IMPORTANT]" "<p class=\"markdown-important\">" | safeHTML }}
 {{ end }}
diff --git a/static/img/important.svg b/static/img/important.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 16 16"
+   version="1.1"
+   width="16"
+   height="16"
+   aria-hidden="true">
+  <style>
+    path {
+      fill: #f34f29;
+    }
+  </style>
+  <path
+     d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -362,3 +362,11 @@ body.page {`
`362`	`362`	`width: 65%;`
`363`	`363`	`}`
`364`	`364`	`}`
	`365`	`+.markdown-important::before {`
	`366`	`+ content:url('img/important.svg');`
	`367`	`+ padding-left: 0.6em;`
	`368`	`+ padding-right: 0.2em;`
	`369`	`+}`
	`370`	`+.markdown-important {`
	`371`	`+ border-left: .25em solid #f34f29;`
	`372`	`+}`