Split demo in :target views

1 files changed, 42 insertions, 0 deletions

diff --git a/tpl/views/menu.pug b/tpl/views/menu.pug
new file mode 100644
index 0000000..a255999
--- /dev/null
+++ b/tpl/views/menu.pug
@@ -0,0 +1,42 @@
+mixin view-menu 
+    +view('menu', 'Menu')
+        .c-box
+            div(style={ display: 'flex', gap: '3rem' })
+                +menu
+                    +menu-header= 'Category 1'
+                    +menu-item= 'Mark as away'
+                    +menu-item= 'Delete'
+                    +menu-separator
+                    +menu-header= 'Category 2'
+                    +menu-item(icon='bookmark')= 'Bookmark'
+                    +menu-item(icon='tags')= 'Tags'
+
+                +menu
+                    +menu-item
+                        strong= 'Bouncer'
+                    +menu-separator
+                    +menu-item
+                        strong= 'Libera'
+                    +menu-item(icon='hash')= 'achannel'
+                    +menu-item(icon='hash')= 'kitsuneirc'
+                    +menu-item(icon='green' iconIsStatus=true)= 'volpeon'
+                    +menu-item(icon='red' iconIsStatus=true)= 'someone'
+                    +menu-separator
+                    +menu-item
+                        strong= 'Ergo Testnet'
+                    +menu-separator
+                    +menu-item
+                        strong= 'NixNet'
+
+                +menu
+                    +menu-header= 'Operators'
+                    +menu-item
+                        +user-card('volpeon', 0)
+                    +menu-item
+                        +user-card('curiousfox', 90)
+                    +menu-separator
+                    +menu-header= 'Moderators'
+                    +menu-item
+                        +user-card('user3567', 135)
+                    +menu-item
+                        +user-card('johndoe', 270)