diff options
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/card.pug | 3 | ||||
-rw-r--r-- | tpl/views/divider.pug | 10 | ||||
-rw-r--r-- | tpl/views/navbar.pug | 19 |
3 files changed, 31 insertions, 1 deletions
diff --git a/tpl/views/card.pug b/tpl/views/card.pug index 633cf01..61081a9 100644 --- a/tpl/views/card.pug +++ b/tpl/views/card.pug | |||
@@ -36,6 +36,7 @@ mixin view-card | |||
36 | 36 | ||
37 | +card(quiet=true href='#' class='l-card-list__card') | 37 | +card(quiet=true href='#' class='l-card-list__card') |
38 | +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) | 38 | +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' }) |
39 | +badge= 'Drawings' | ||
39 | +card-body | 40 | +card-body |
40 | +card-title= 'XS Heading' | 41 | +card-title= 'XS Heading' |
41 | +card-content | 42 | +card-content |
@@ -59,7 +60,7 @@ mixin view-card | |||
59 | div(class=classes) | 60 | div(class=classes) |
60 | each img, i in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png'] | 61 | each img, i in ['Drawing_Half.png', '0000 Cover@0.5x.webp', 'avatar.png', '01 Design Cody.png', 'avatar.png', 'Drawing_Half.png'] |
61 | +card(quiet=quiet href='#' class='l-card-list__card') | 62 | +card(quiet=quiet href='#' class='l-card-list__card') |
62 | +card-image(src=img class='l-card-list__card-image') | 63 | +card-image(src=img list=true) |
63 | +card-body | 64 | +card-body |
64 | .l-media | 65 | .l-media |
65 | .l-media__block.l-media__block--main | 66 | .l-media__block.l-media__block--main |
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug index e2f2e01..ea08984 100644 --- a/tpl/views/divider.pug +++ b/tpl/views/divider.pug | |||
@@ -23,6 +23,16 @@ mixin view-divider | |||
23 | +divider('medium') | 23 | +divider('medium') |
24 | +divider('faint') | 24 | +divider('faint') |
25 | 25 | ||
26 | .c-box | ||
27 | .l-media(style="height: 1em") | ||
28 | +divider('strong')(vertical=true class="l-media__block") | ||
29 | +divider('medium')(vertical=true class="l-media__block") | ||
30 | +divider('faint')(vertical=true class="l-media__block") | ||
31 | .l-media(style="height: 1em") | ||
32 | +divider('strong')(dot=true class="l-media__block") | ||
33 | +divider('medium')(dot=true class="l-media__block") | ||
34 | +divider('faint')(dot=true class="l-media__block") | ||
35 | |||
26 | each theme in ['accent', 'negative'] | 36 | each theme in ['accent', 'negative'] |
27 | .c-box | 37 | .c-box |
28 | +divider('strong')(color=theme)= 'Strong' | 38 | +divider('strong')(color=theme)= 'Strong' |
diff --git a/tpl/views/navbar.pug b/tpl/views/navbar.pug new file mode 100644 index 0000000..345a22b --- /dev/null +++ b/tpl/views/navbar.pug | |||
@@ -0,0 +1,19 @@ | |||
1 | mixin view-navbar | ||
2 | +view('navbar', 'Navbar') | ||
3 | .c-box | ||
4 | +navbar | ||
5 | +navbar-item= 'Home' | ||
6 | +navbar-item(selected=true)= 'Art' | ||
7 | +navbar-item= 'Emojis' | ||
8 | |||
9 | .c-box | ||
10 | +navbar(quiet=true) | ||
11 | +navbar-item= 'Home' | ||
12 | +navbar-item(selected=true)= 'Art' | ||
13 | +navbar-item= 'Emojis' | ||
14 | |||
15 | .c-box | ||
16 | +navbar(quiet=true) | ||
17 | +navbar-item(selected=true icon="arrow-left")= 'Home' | ||
18 | +navbar-item= 'Art' | ||
19 | +navbar-item= 'Emojis' | ||