1 files changed, 31 insertions, 0 deletions

diff --git a/tpl/views/message.pug b/tpl/views/message.pug
new file mode 100644
index 0000000..f256e41
--- /dev/null
+++ b/tpl/views/message.pug
@@ -0,0 +1,31 @@
+mixin view-message
+    +view('message', 'Message')
+        .c-box
+            +message('Volpeon')(compact=true theme='t-up')
+                +slot('body')= loremIpsum
+                +slot('time')
+                    = '12:34'
+                    +icon('lock')(class='u-ml-100')
+
+        .c-box
+            +message('Volpeon')(compact=true highlight=true theme='t-up')
+                +slot('body')= loremIpsum
+
+        .c-box.u-themed.t-hi
+            +message()(compact=true bubble=true theme='t-def')
+                +slot('body')= loremIpsum
+
+        .c-box.l-overflow(style='resize: vertical')
+            +message('Volpeon')(avatar=true theme='t-up')
+                +slot('header')
+                    .l-media.l-media--flush
+                        .l-media__block.l-media__block--main
+                            strong= 'Volpeon'
+                            small.u-ml-100= '@volpeon@mk.vulpes.one'
+                        small.l-media__block
+                            = '5 minutes ago'
+                            +icon('lock')(class='u-ml-100')
+                +slot('body')
+                    = loremIpsum
+                    = loremIpsum
+                    = loremIpsum