From 3858441c8983c06b11f0c1f4545447b5cf6b9b50 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sat, 2 Jul 2022 16:13:57 -0700
Subject: [PATCH] Add a WIP dialog shortcode

---
 assets/scss/style.scss          | 29 +++++++++++++++++++++++++++++
 layouts/shortcodes/dialog.html  |  3 +++
 layouts/shortcodes/message.html |  4 ++++
 3 files changed, 36 insertions(+)
 create mode 100644 layouts/shortcodes/dialog.html
 create mode 100644 layouts/shortcodes/message.html

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index dcccdac..dee2fb5 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -275,3 +275,32 @@ figure {
 .katex * {
   font-family: unset;
 }
+
+.dialog {
+    .message {
+        @include bordered-block;
+        display: block;
+        padding: 0.75rem;
+        max-width: 0.8*$container-width;
+        margin-top: 0.5rem;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        text-align: left;
+
+        .message-sender {
+            width: 4rem;
+            margin: 0.5rem;
+
+            .feather {
+                width: 2rem;
+                height: 1.6rem;
+            }
+        }
+
+        &.side-answer {
+            margin-left: auto;
+            flex-direction: row-reverse;
+        }
+    }
+}
diff --git a/layouts/shortcodes/dialog.html b/layouts/shortcodes/dialog.html
new file mode 100644
index 0000000..68e0266
--- /dev/null
+++ b/layouts/shortcodes/dialog.html
@@ -0,0 +1,3 @@
+<p class="dialog">
+    {{ .Inner }}
+</p>
diff --git a/layouts/shortcodes/message.html b/layouts/shortcodes/message.html
new file mode 100644
index 0000000..cb20438
--- /dev/null
+++ b/layouts/shortcodes/message.html
@@ -0,0 +1,4 @@
+<span class="message side-{{ .Get 0 }}">
+    <span class="message-sender">{{ partial "icon.html" "user" }}</span>
+    <span>{{ .Inner }}</span>
+</span>