From af443f5874ce61ce33f7ad6428730cb5dbb6d5d0 Mon Sep 17 00:00:00 2001
From: Marc <56593749+MarcMocker@users.noreply.github.com>
Date: Tue, 25 Jan 2022 13:16:30 +0100
Subject: Added nice little boxes for hints, warnings and tips

---
 layouts/shortcodes/notice.html | 60 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 layouts/shortcodes/notice.html

diff --git a/layouts/shortcodes/notice.html b/layouts/shortcodes/notice.html
new file mode 100644
index 0000000..59724fe
--- /dev/null
+++ b/layouts/shortcodes/notice.html
@@ -0,0 +1,60 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+<style media="screen">
+    /* notice block */
+    div.notices {
+        margin: 2rem 0;
+        position: relative;
+    }
+    div.notices p {
+        padding: 15px;
+        display: block;
+        /*font-size: 1rem;*/
+        margin-top: 0rem;
+        margin-bottom: 0rem;
+        color: #666;
+    }
+    div.notices p:first-child:before {
+        position: absolute;
+        top: 2px;
+        color: #fff;
+        font-family: "Font Awesome 5 Free";
+        font-weight: 900;
+        content: "\f06a";
+        left: 10px;
+    }
+    div.notices p:first-child:after {
+        position: absolute;
+        top: 2px;
+        color: #fff;
+        left: 3rem;
+    }
+    div.notices.info p {
+        border-top: 30px solid #F0B37E;
+        background: #FFF2DB;
+    }
+    div.notices.info p:first-child:after {
+        content: 'Info';
+    }
+    div.notices.warning p {
+        border-top: 30px solid rgba(217, 83, 79, 0.8);
+        background: #FAE2E2;
+    }
+    div.notices.warning p:first-child:after {
+        content: 'Warning';
+    }
+    div.notices.note p {
+        border-top: 30px solid #6AB0DE;
+        background: #E7F2FA;
+    }
+    div.notices.note p:first-child:after {
+        content: 'Note';
+    }
+    div.notices.tip p {
+        border-top: 30px solid rgba(92, 184, 92, 0.8);
+        background: #E6F9E6;
+    }
+    div.notices.tip p:first-child:after {
+        content: 'Tip';
+    }
+</style>
+<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>{{ .Inner }}</div>
-- 
cgit v1.2.3


From d75909d6b8d9c71e4bb93ca2eb751e7bd80b20a2 Mon Sep 17 00:00:00 2001
From: Marc <56593749+MarcMocker@users.noreply.github.com>
Date: Thu, 27 Jan 2022 12:24:26 +0100
Subject: Allowed newlines in notice boxes

---
 layouts/shortcodes/notice.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/layouts/shortcodes/notice.html b/layouts/shortcodes/notice.html
index 59724fe..86298ab 100644
--- a/layouts/shortcodes/notice.html
+++ b/layouts/shortcodes/notice.html
@@ -7,6 +7,7 @@
     }
     div.notices p {
         padding: 15px;
+        white-space: pre-wrap;
         display: block;
         /*font-size: 1rem;*/
         margin-top: 0rem;
-- 
cgit v1.2.3