diff options
Diffstat (limited to 'tpl/index.pug')
-rw-r--r-- | tpl/index.pug | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/tpl/index.pug b/tpl/index.pug index 400ec64..14bfa10 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
@@ -7,7 +7,7 @@ | |||
7 | include layouts/container.pug | 7 | include layouts/container.pug |
8 | 8 | ||
9 | include objects/heading.pug | 9 | include objects/heading.pug |
10 | include objects/rule.pug | 10 | include objects/divider.pug |
11 | include objects/badge.pug | 11 | include objects/badge.pug |
12 | include objects/button.pug | 12 | include objects/button.pug |
13 | include objects/text-field.pug | 13 | include objects/text-field.pug |
@@ -27,14 +27,16 @@ include objects/lightbox.pug | |||
27 | include objects/list-group.pug | 27 | include objects/list-group.pug |
28 | include objects/table.pug | 28 | include objects/table.pug |
29 | include objects/alert.pug | 29 | include objects/alert.pug |
30 | include objects/header.pug | ||
31 | include objects/sidebar.pug | ||
30 | 32 | ||
31 | mixin view(id, title) | 33 | mixin view(id, title) |
32 | - | 34 | - |
33 | views.push({ id, title }); | 35 | views.push({ id, title }); |
34 | 36 | ||
35 | +container(padX=true padY=true narrow=true)(class='c-view' id=id) | 37 | +container(padX=true padY=true narrow=true class='c-view' id=id) |
36 | +h1-heading('xl')= title | 38 | +h1-heading('xl')= title |
37 | +rule('medium') | 39 | +divider('medium') |
38 | block | 40 | block |
39 | 41 | ||
40 | mixin user-card(name, hue) | 42 | mixin user-card(name, hue) |
@@ -47,7 +49,7 @@ mixin user-card(name, hue) | |||
47 | = name | 49 | = name |
48 | 50 | ||
49 | include views/heading.pug | 51 | include views/heading.pug |
50 | include views/rule.pug | 52 | include views/divider.pug |
51 | include views/colored-links.pug | 53 | include views/colored-links.pug |
52 | include views/badge.pug | 54 | include views/badge.pug |
53 | include views/button.pug | 55 | include views/button.pug |
@@ -80,9 +82,9 @@ html | |||
80 | script(src="script.js") | 82 | script(src="script.js") |
81 | 83 | ||
82 | body | 84 | body |
83 | .c-content | 85 | .c-content.l-overflow |
84 | +view-heading | 86 | +view-heading |
85 | +view-rule | 87 | +view-divider |
86 | +view-colored-links | 88 | +view-colored-links |
87 | +view-badge | 89 | +view-badge |
88 | +view-button | 90 | +view-button |
@@ -104,7 +106,7 @@ html | |||
104 | +view-table | 106 | +view-table |
105 | +view-alert | 107 | +view-alert |
106 | 108 | ||
107 | .c-sidebar | 109 | +sidebar(class='c-sidebar') |
108 | +menu | 110 | +menu |
109 | each view in views | 111 | each view in views |
110 | +menu-item(tag='a' href='#' + view.id)= view.title | 112 | +menu-item(tag='a' href='#' + view.id)= view.title |