From 77e30f5346708bb4839dafe13bbad4511380f2b0 Mon Sep 17 00:00:00 2001
From: Kim Oliver Drechsel <kim@drechsel.xyz>
Date: Fri, 14 Jan 2022 15:45:13 +0100
Subject: [PATCH] add highlight box

---
 highlight/README.md                          |  31 ++++++++++++++
 highlight/css/style.css                      |  40 +++++++++++++++++++
 highlight/highlights.png                     | Bin 0 -> 9987 bytes
 highlight/shortcodes/highlight/critical.html |   3 ++
 highlight/shortcodes/highlight/info.html     |   3 ++
 highlight/shortcodes/highlight/warning.html  |   3 ++
 highlight/static/highlight_critical.svg      |   1 +
 highlight/static/highlight_info.svg          |   1 +
 highlight/static/highlight_warning.svg       |   1 +
 9 files changed, 83 insertions(+)
 create mode 100644 highlight/README.md
 create mode 100644 highlight/css/style.css
 create mode 100644 highlight/highlights.png
 create mode 100644 highlight/shortcodes/highlight/critical.html
 create mode 100644 highlight/shortcodes/highlight/info.html
 create mode 100644 highlight/shortcodes/highlight/warning.html
 create mode 100644 highlight/static/highlight_critical.svg
 create mode 100644 highlight/static/highlight_info.svg
 create mode 100644 highlight/static/highlight_warning.svg

diff --git a/highlight/README.md b/highlight/README.md
new file mode 100644
index 0000000..80897e6
--- /dev/null
+++ b/highlight/README.md
@@ -0,0 +1,31 @@
+# Highlight boxes in Hugo
+
+## Install
+
+1. Add the shortcode files to `layouts/shortcodes`
+2. Add the css code to your project
+3. Add the icon vector files in your project to `/static`
+
+## Usage
+
+```hugo
+{{< highlight/info >}}
+    This is a highlighted text
+{{< /highlight/info >}}
+```
+
+```hugo
+{{< highlight/warning >}}
+    Make sure the Public Key is known to the Git Server.
+{{< /highlight/warning >}}
+```
+
+```hugo
+{{< highlight/critical >}}
+    This is a highlighted text
+{{< /highlight/critical >}}
+```
+
+## Preview
+
+![Highlight Boxes in Hugo](highlights.png)
\ No newline at end of file
diff --git a/highlight/css/style.css b/highlight/css/style.css
new file mode 100644
index 0000000..1e3a6f5
--- /dev/null
+++ b/highlight/css/style.css
@@ -0,0 +1,40 @@
+.highlight-box {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 10px;
+}
+
+.highlight-box::before {
+    content: "";
+    display: block;
+    width: 25px;
+    height: 25px;
+    float: left;
+    margin: 0 6px 0 0;
+}
+
+.info {
+    background-color: #242930;
+}
+
+.info::before {
+    background: url("/highlight_info.svg") no-repeat;
+}
+
+.warning {
+    background-color: #d8b92e; 
+    color: #202429;
+}
+
+.warning::before {
+    background: url("/highlight_warning.svg") no-repeat;
+}
+
+.critical {
+    background-color: #d82e2e; 
+    color: #202429;
+}
+
+.critical::before {
+    background: url("/highlight_critical.svg") no-repeat;
+}
diff --git a/highlight/highlights.png b/highlight/highlights.png
new file mode 100644
index 0000000000000000000000000000000000000000..421ec0dbd6de7f6478c6f4a718506f022413a42a
GIT binary patch
literal 9987
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
Pv<@Ed++V&o=-2-MGOW$;

literal 0
HcmV?d00001

diff --git a/highlight/shortcodes/highlight/critical.html b/highlight/shortcodes/highlight/critical.html
new file mode 100644
index 0000000..237adc4
--- /dev/null
+++ b/highlight/shortcodes/highlight/critical.html
@@ -0,0 +1,3 @@
+<div class="highlight-box critical">
+    {{.Inner}}
+</div>
diff --git a/highlight/shortcodes/highlight/info.html b/highlight/shortcodes/highlight/info.html
new file mode 100644
index 0000000..0ca14a0
--- /dev/null
+++ b/highlight/shortcodes/highlight/info.html
@@ -0,0 +1,3 @@
+<div class="highlight-box info">
+    {{.Inner}}
+</div>
diff --git a/highlight/shortcodes/highlight/warning.html b/highlight/shortcodes/highlight/warning.html
new file mode 100644
index 0000000..bd9938c
--- /dev/null
+++ b/highlight/shortcodes/highlight/warning.html
@@ -0,0 +1,3 @@
+<div class="highlight-box warning">
+    {{.Inner}}
+</div>
diff --git a/highlight/static/highlight_critical.svg b/highlight/static/highlight_critical.svg
new file mode 100644
index 0000000..0da46b9
--- /dev/null
+++ b/highlight/static/highlight_critical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#202429" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
\ No newline at end of file
diff --git a/highlight/static/highlight_info.svg b/highlight/static/highlight_info.svg
new file mode 100644
index 0000000..6ac8e08
--- /dev/null
+++ b/highlight/static/highlight_info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
\ No newline at end of file
diff --git a/highlight/static/highlight_warning.svg b/highlight/static/highlight_warning.svg
new file mode 100644
index 0000000..581b088
--- /dev/null
+++ b/highlight/static/highlight_warning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#202429" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
\ No newline at end of file