From 384c1a177e07a0828c5c2b1b279614a7bb95f4e9 Mon Sep 17 00:00:00 2001
From: Eorn <eorn@goe.land>
Date: Thu, 10 Dec 2020 10:30:23 +0100
Subject: [PATCH] added colored boxes

---
 layouts/shortcodes/block_color.html |  3 ++
 static/css/style.css                | 24 ++++++++++
 static/img/info.svg                 | 71 +++++++++++++++++++++++++++++
 static/img/ok.svg                   | 71 +++++++++++++++++++++++++++++
 static/img/warning.svg              | 71 +++++++++++++++++++++++++++++
 5 files changed, 240 insertions(+)
 create mode 100644 layouts/shortcodes/block_color.html
 create mode 100644 static/img/info.svg
 create mode 100644 static/img/ok.svg
 create mode 100644 static/img/warning.svg

diff --git a/layouts/shortcodes/block_color.html b/layouts/shortcodes/block_color.html
new file mode 100644
index 0000000..3b8df70
--- /dev/null
+++ b/layouts/shortcodes/block_color.html
@@ -0,0 +1,3 @@
+<div class="block_color block_{{ index .Params 0 }}">
+	<p>{{ .Inner | markdownify }}</p>
+</div>
diff --git a/static/css/style.css b/static/css/style.css
index de552f5..9f74131 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -383,6 +383,30 @@ article .post-content {
 	padding-top: 10px;
 }
 
+.page-content .block_color {
+	padding-right: 15px;
+	padding-left: 50px;
+	border-radius: 10px;
+	background-repeat: no-repeat;
+	background-size: 30px;
+	background-position: 10px 10px;
+}
+.page-content .block_red {
+	border: 1px dashed #b64f4f;
+	background-color: #2f2525;
+	background-image: url("/img/warning.svg");
+}
+.page-content .block_blue {
+	border: 1px dashed #3b5f72;
+	background-color: #24282f;
+	background-image: url("/img/info.svg");
+}
+.page-content .block_green {
+	border: 1px dashed #50a243;
+	background-color: #272f26;
+	background-image: url("/img/ok.svg");
+}
+
 .page-content hr {
 	border: none;
 	width: 30px;
diff --git a/static/img/info.svg b/static/img/info.svg
new file mode 100644
index 0000000..47298ab
--- /dev/null
+++ b/static/img/info.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="49.483803mm"
+   height="49.483803mm"
+   viewBox="0 0 49.483803 49.483803"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="info.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="111.46274"
+     inkscape:cy="134.5312"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="728"
+     inkscape:window-x="1920"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-51.287358,-71.778065)">
+    <circle
+       style="fill:none;stroke:#3b5f72;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path833"
+       cx="76.029259"
+       cy="96.519966"
+       r="22.730801" />
+    <g
+       aria-label="i"
+       id="text837"
+       style="font-style:normal;font-weight:normal;font-size:34.6831px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#3b5f72;fill-opacity:1;stroke:none;stroke-width:0.867079">
+      <path
+         d="m 77.156458,87.20755 q 0,1.248592 -0.797711,1.976937 -0.797711,0.728345 -1.907571,0.728345 -1.109859,0 -1.90757,-0.728345 -0.763028,-0.728345 -0.763028,-1.976937 0,-1.283275 0.763028,-2.01162 0.797711,-0.728345 1.90757,-0.728345 1.10986,0 1.907571,0.728345 0.797711,0.728345 0.797711,2.01162 z m 6.347008,20.28961 q -1.317958,0.6243 -2.497183,0.8324 -1.144543,0.24278 -2.11567,0.24278 -1.664788,0 -2.809331,-0.48556 -1.109859,-0.48557 -1.803521,-1.38733 -0.658979,-0.93644 -0.936444,-2.2544 -0.277465,-1.31796 -0.277465,-3.01743 v -6.000175 h -4.508803 v -3.537676 h 8.774825 v 10.092781 q 0,1.45669 0.520246,2.18504 0.55493,0.69366 1.803522,0.69366 0.589612,0 1.422007,-0.13873 0.832394,-0.17342 1.872887,-0.65898 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#3b5f72;fill-opacity:1;stroke-width:0.867079"
+         id="path2138" />
+    </g>
+  </g>
+</svg>
diff --git a/static/img/ok.svg b/static/img/ok.svg
new file mode 100644
index 0000000..094d879
--- /dev/null
+++ b/static/img/ok.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="49.483803mm"
+   height="49.483803mm"
+   viewBox="0 0 49.483803 49.483803"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="ok.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="111.46274"
+     inkscape:cy="134.5312"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="728"
+     inkscape:window-x="1920"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-51.287358,-71.778065)">
+    <circle
+       style="fill:none;stroke:#50a243;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path833"
+       cx="76.029259"
+       cy="96.519966"
+       r="22.730801" />
+    <g
+       aria-label="✓"
+       id="text837"
+       style="font-style:normal;font-weight:normal;font-size:49.1866px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#50a243;fill-opacity:1;stroke:none;stroke-width:1.22966">
+      <path
+         d="m 67.008289,98.438848 q 0.936658,0 1.416996,1.537081 0.960676,2.882031 1.368963,2.882031 0.31222,0 0.648456,-0.48034 6.748748,-10.807604 12.488786,-17.4843 1.489047,-1.729217 4.731328,-1.729217 0.76854,0 1.032726,0.144102 0.264186,0.144101 0.264186,0.360253 0,0.336236 -0.792557,1.320929 -9.270522,11.143839 -17.196097,23.536553 -0.552388,0.86461 -2.257588,0.86461 -1.729216,0 -2.041436,-0.1441 -0.816574,-0.36025 -1.921352,-3.67458 -1.248878,-3.67459 -1.248878,-4.61125 0,-1.008708 1.681183,-1.945367 1.032726,-0.576405 1.825284,-0.576405 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#50a243;fill-opacity:1;stroke-width:1.22966"
+         id="path1524" />
+    </g>
+  </g>
+</svg>
diff --git a/static/img/warning.svg b/static/img/warning.svg
new file mode 100644
index 0000000..392587a
--- /dev/null
+++ b/static/img/warning.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="49.483803mm"
+   height="49.483803mm"
+   viewBox="0 0 49.483803 49.483803"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="warning.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="111.46274"
+     inkscape:cy="134.53121"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="728"
+     inkscape:window-x="1920"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-51.287358,-71.778065)">
+    <circle
+       style="fill:none;stroke:#b64f4f;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="path833"
+       cx="76.029259"
+       cy="96.519966"
+       r="22.730801" />
+    <g
+       aria-label="!"
+       id="text837"
+       style="font-style:normal;font-weight:normal;font-size:43.9153px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#b64f4f;fill-opacity:1;stroke:none;stroke-width:1.09788">
+      <path
+         d="m 79.235078,89.866798 q 0,1.580951 -0.08783,2.854495 -0.04392,1.229628 -0.175661,2.415341 -0.08783,1.141798 -0.263492,2.283596 -0.131746,1.141797 -0.307407,2.547087 h -4.479361 q -0.219576,-1.40529 -0.395237,-2.547087 -0.131746,-1.185714 -0.263492,-2.327511 -0.131746,-1.141798 -0.219577,-2.371426 -0.04391,-1.273544 -0.04391,-2.854495 v -7.202109 h 6.235972 z m 0.526984,16.863472 q 0,1.7127 -1.141798,2.67884 -1.097882,0.96613 -2.503172,0.96613 -1.405289,0 -2.547087,-0.96613 -1.097883,-0.96614 -1.097883,-2.67884 0,-1.66878 1.097883,-2.63492 1.141798,-0.96613 2.547087,-0.96613 1.40529,0 2.503172,0.96613 1.141798,0.96614 1.141798,2.63492 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#b64f4f;fill-opacity:1;stroke-width:1.09788"
+         id="path2752" />
+    </g>
+  </g>
+</svg>