aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/assets
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2020-05-30 23:22:02 -0700
committerGitHub <noreply@github.com>2020-05-30 23:22:02 -0700
commit5fa6b6cfa6b3010279ead23088add5c5664e8ac0 (patch)
tree5f3ffa4dc62b4355d38346ef0155878ca6aeedcd /src/assets
parentab7ac44c191e3b7dea696e76b74097e23f73b18c (diff)
parent9052ec59b75a37b4518ad39c493ee6c2d4198b98 (diff)
downloadhomer-5fa6b6cfa6b3010279ead23088add5c5664e8ac0.tar.gz
homer-5fa6b6cfa6b3010279ead23088add5c5664e8ac0.tar.zst
homer-5fa6b6cfa6b3010279ead23088add5c5664e8ac0.zip
Merge pull request #62 from bastienwirtz/dev/build-system120405250
Build system integration using vue-cli.
Diffstat (limited to 'src/assets')
-rw-r--r--src/assets/app.scss337
-rw-r--r--src/assets/defaults.yml39
-rw-r--r--src/assets/themes/sui.scss34
-rw-r--r--src/assets/webfonts/lato/OFL.txt93
-rw-r--r--src/assets/webfonts/lato/lato-v16-latin-regular.woffbin0 -> 28660 bytes
-rw-r--r--src/assets/webfonts/lato/lato-v16-latin-regular.woff2bin0 -> 23484 bytes
-rw-r--r--src/assets/webfonts/raleway/OFL.txt95
-rw-r--r--src/assets/webfonts/raleway/raleway-v14-latin-regular.woffbin0 -> 25244 bytes
-rw-r--r--src/assets/webfonts/raleway/raleway-v14-latin-regular.woff2bin0 -> 20724 bytes
-rw-r--r--src/assets/webfonts/webfonts.scss23
10 files changed, 621 insertions, 0 deletions
diff --git a/src/assets/app.scss b/src/assets/app.scss
new file mode 100644
index 0000000..001e3a4
--- /dev/null
+++ b/src/assets/app.scss
@@ -0,0 +1,337 @@
1@charset "utf-8";
2
3@import "./webfonts/webfonts.scss";
4
5@import "bulma";
6
7// Themes import
8@import "./themes/sui.scss";
9
10@mixin ellipsis() {
11 white-space: nowrap;
12 overflow: hidden;
13 text-overflow: ellipsis;
14}
15
16html {
17 height: 100%;
18}
19
20body {
21 font-family: "Raleway", sans-serif;
22 height: 100%;
23
24 #app {
25 min-height: 100%;
26 background-color: var(--background);
27 color: var(--text);
28 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
29
30 a {
31 &:hover {
32 color: var(--link-hover);
33 }
34 }
35
36 .title {
37 color: var(--text-title);
38 }
39 .subtitle {
40 color: var(--text-subtitle);
41 }
42
43 .card {
44 background-color: var(--card-background);
45 box-shadow: 0 2px 15px 0 var(--card-shadow);
46 &:hover {
47 background-color: var(--card-background);
48 }
49 }
50
51 .message {
52 background-color: var(--card-background);
53 .message-body {
54 color: var(--text);
55 }
56 }
57
58 .footer {
59 background-color: var(--card-background);
60 box-shadow: 0 2px 15px 0 var(--card-shadow);
61 }
62 }
63
64 h1,
65 h2,
66 h3,
67 h4,
68 h5,
69 h6 {
70 font-family: "Lato", sans-serif;
71 }
72
73 h1 {
74 font-size: 2rem;
75 }
76
77 h2 {
78 font-size: 1.7rem;
79 margin-top: 2rem;
80 margin-bottom: 1rem;
81
82 .fas,
83 .fab,
84 .far {
85 margin-right: 10px;
86 }
87
88 span {
89 font-weight: bold;
90 color: var(--highlight-secondary);
91 }
92 }
93
94 [v-cloak] {
95 display: none;
96 }
97
98 #bighead {
99 color: var(--text-header);
100
101 .dashboard-title {
102 padding: 6px 0 0 80px;
103 }
104
105 .first-line {
106 height: 100px;
107 vertical-align: center;
108 background-color: var(--highlight-primary);
109
110 h1 {
111 margin-top: -12px;
112 font-size: 2rem;
113 }
114
115 .headline {
116 margin-top: 5px;
117 font-size: 0.9rem;
118 }
119
120 .container {
121 height: 80px;
122 padding: 10px 0;
123 }
124
125 .logo {
126 float: left;
127 i {
128 vertical-align: top;
129 padding: 8px 15px;
130 font-size: 50px;
131 }
132
133 img {
134 padding: 10px;
135 max-height: 70px;
136 max-width: 70px;
137 }
138 }
139 }
140 .navbar,
141 .navbar-menu {
142 background-color: var(--highlight-secondary);
143
144 a {
145 color: var(--text-header);
146 padding: 8px 12px;
147 &:hover,
148 &:focus {
149 color: var(--text-header);
150 background-color: var(--highlight-hover);
151 }
152 }
153 }
154 .navbar-end {
155 text-align: right;
156 }
157 }
158
159 #main-section {
160 margin-bottom: 2rem;
161 padding: 0;
162
163 h2 {
164 padding-bottom: 0px;
165 @include ellipsis();
166 }
167
168 .title {
169 font-size: 1.1em;
170 @include ellipsis();
171 }
172
173 .subtitle {
174 font-size: 0.9em;
175 @include ellipsis();
176 }
177
178 .container {
179 padding: 1.2rem 0.75rem;
180 }
181
182 .message {
183 margin-top: 45px;
184 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
185
186 .message-header {
187 font-weight: bold;
188 }
189
190 .message-body {
191 border: none;
192 }
193 }
194 }
195
196 .media-content {
197 overflow: hidden;
198 text-overflow: inherit;
199 }
200
201 .tag {
202 color: var(--highlight-secondary);
203 background-color: var(--highlight-secondary);
204 position: absolute;
205 top: 1rem;
206 right: -0.2rem;
207 width: 3px;
208 overflow: hidden;
209 transition: all 0.2s ease-out;
210 padding: 0;
211
212 .tag-text {
213 display: none;
214 }
215 }
216
217 .card {
218 border-radius: 5px;
219 border: none;
220 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
221 transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
222
223 a {
224 outline: none;
225 }
226 }
227
228 .card:hover {
229 transform: translate(0, -3px);
230
231 .tag {
232 width: auto;
233 color: #ffffff;
234 padding: 0 0.75em;
235
236 .tag-text {
237 display: block;
238 }
239 }
240 }
241
242 .card-content {
243 height: 85px;
244 padding: 1.3rem;
245 }
246
247 .layout-vertical {
248 .card {
249 border-radius: 0;
250 }
251
252 .column div:first-of-type .card {
253 border-radius: 5px 5px 0 0;
254 }
255
256 .column div:last-child .card {
257 border-radius: 0 0 5px 5px;
258 }
259 }
260
261 .footer {
262 position: fixed;
263 left: 0;
264 right: 0;
265 bottom: 0;
266 padding: 0.5rem;
267 text-align: left;
268 color: #676767;
269 font-size: 0.85rem;
270 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
271 }
272
273 .no-footer {
274 #main-section {
275 margin-bottom: 0;
276 }
277
278 .footer {
279 display: none;
280 }
281 }
282
283 .search-bar {
284 position: relative;
285 display: inline-block;
286 input {
287 border: none;
288 background-color: var(--highlight-hover);
289 border-radius: 5px;
290 margin-top: 2px;
291 padding: 2px 12px 2px 30px;
292 transition: all 100ms linear;
293 color: #ffffff;
294 height: 30px;
295 width: 100px;
296
297 &:focus {
298 color: #000000;
299 width: 250px;
300 background-color: #ffffff;
301 }
302 }
303
304 .search-label::before {
305 font-family: "Font Awesome 5 Free";
306 position: absolute;
307 top: 14px;
308 left: 16px;
309 content: "\f002";
310 font-weight: 900;
311 width: 20px;
312 height: 20px;
313 color: #ffffff;
314 }
315
316 &:focus-within .search-label::before {
317 color: #6e6e6e;
318 }
319 }
320
321 .offline-message {
322 text-align: center;
323 margin: 35px 0;
324
325 svg {
326 font-size: 2rem;
327 }
328
329 svg.fa-redo-alt {
330 font-size: 1.3rem;
331 line-height: 1rem;
332 vertical-align: middle;
333 cursor: pointer;
334 color: #3273dc;
335 }
336 }
337}
diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml
new file mode 100644
index 0000000..a699d28
--- /dev/null
+++ b/src/assets/defaults.yml
@@ -0,0 +1,39 @@
1---
2# Default configuration
3
4title: "Dashboard"
5subtitle: "Homer"
6
7header: true
8footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
9
10theme: default
11colors:
12 light:
13 highlight-primary: "#3367d6"
14 highlight-secondary: "#4285f4"
15 highlight-hover: "#5a95f5"
16 background: "#f5f5f5"
17 card-background: "#ffffff"
18 text: "#363636"
19 text-header: "#ffffff"
20 text-title: "#303030"
21 text-subtitle: "#424242"
22 card-shadow: rgba(0, 0, 0, 0.1)
23 link-hover: "#363636"
24 dark:
25 highlight-primary: "#3367d6"
26 highlight-secondary: "#4285f4"
27 highlight-hover: "#5a95f5"
28 background: "#131313"
29 card-background: "#2b2b2b"
30 text: "#eaeaea"
31 text-header: "#ffffff"
32 text-title: "#fafafa"
33 text-subtitle: "#f5f5f5"
34 card-shadow: rgba(0, 0, 0, 0.4)
35 link-hover: "#ffdd57"
36
37message: ~
38links: []
39services: []
diff --git a/src/assets/themes/sui.scss b/src/assets/themes/sui.scss
new file mode 100644
index 0000000..f94433e
--- /dev/null
+++ b/src/assets/themes/sui.scss
@@ -0,0 +1,34 @@
1/*
2 * SUI theme
3 * Inpired by the great https://github.com/jeroenpardon/sui start page
4 * Author: @bastienwirtz
5 */
6body #app.theme-sui {
7 #bighead .dashboard-title {
8 padding: 65px 0 0 12px;
9
10 h1 {
11 margin-top: 0;
12 font-weight: bold;
13 font-size: 2.2rem;
14 }
15 }
16
17 .navbar .navbar-item:hover {
18 background-color: transparent;
19 }
20
21 .card,
22 .card:hover {
23 background-color: transparent;
24 box-shadow: none;
25
26 .title {
27 font-weight: bold;
28 }
29
30 .card-content {
31 padding: 0;
32 }
33 }
34}
diff --git a/src/assets/webfonts/lato/OFL.txt b/src/assets/webfonts/lato/OFL.txt
new file mode 100644
index 0000000..dfca0da
--- /dev/null
+++ b/src/assets/webfonts/lato/OFL.txt
@@ -0,0 +1,93 @@
1Copyright (c) 2010-2014 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato"
2
3This Font Software is licensed under the SIL Open Font License, Version 1.1.
4This license is copied below, and is also available with a FAQ at:
5http://scripts.sil.org/OFL
6
7
8-----------------------------------------------------------
9SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10-----------------------------------------------------------
11
12PREAMBLE
13The goals of the Open Font License (OFL) are to stimulate worldwide
14development of collaborative font projects, to support the font creation
15efforts of academic and linguistic communities, and to provide a free and
16open framework in which fonts may be shared and improved in partnership
17with others.
18
19The OFL allows the licensed fonts to be used, studied, modified and
20redistributed freely as long as they are not sold by themselves. The
21fonts, including any derivative works, can be bundled, embedded,
22redistributed and/or sold with any software provided that any reserved
23names are not used by derivative works. The fonts and derivatives,
24however, cannot be released under any other type of license. The
25requirement for fonts to remain under this license does not apply
26to any document created using the fonts or their derivatives.
27
28DEFINITIONS
29"Font Software" refers to the set of files released by the Copyright
30Holder(s) under this license and clearly marked as such. This may
31include source files, build scripts and documentation.
32
33"Reserved Font Name" refers to any names specified as such after the
34copyright statement(s).
35
36"Original Version" refers to the collection of Font Software components as
37distributed by the Copyright Holder(s).
38
39"Modified Version" refers to any derivative made by adding to, deleting,
40or substituting -- in part or in whole -- any of the components of the
41Original Version, by changing formats or by porting the Font Software to a
42new environment.
43
44"Author" refers to any designer, engineer, programmer, technical
45writer or other person who contributed to the Font Software.
46
47PERMISSION & CONDITIONS
48Permission is hereby granted, free of charge, to any person obtaining
49a copy of the Font Software, to use, study, copy, merge, embed, modify,
50redistribute, and sell modified and unmodified copies of the Font
51Software, subject to the following conditions:
52
531) Neither the Font Software nor any of its individual components,
54in Original or Modified Versions, may be sold by itself.
55
562) Original or Modified Versions of the Font Software may be bundled,
57redistributed and/or sold with any software, provided that each copy
58contains the above copyright notice and this license. These can be
59included either as stand-alone text files, human-readable headers or
60in the appropriate machine-readable metadata fields within text or
61binary files as long as those fields can be easily viewed by the user.
62
633) No Modified Version of the Font Software may use the Reserved Font
64Name(s) unless explicit written permission is granted by the corresponding
65Copyright Holder. This restriction only applies to the primary font name as
66presented to the users.
67
684) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69Software shall not be used to promote, endorse or advertise any
70Modified Version, except to acknowledge the contribution(s) of the
71Copyright Holder(s) and the Author(s) or with their explicit written
72permission.
73
745) The Font Software, modified or unmodified, in part or in whole,
75must be distributed entirely under this license, and must not be
76distributed under any other license. The requirement for fonts to
77remain under this license does not apply to any document created
78using the Font Software.
79
80TERMINATION
81This license becomes null and void if any of the above conditions are
82not met.
83
84DISCLAIMER
85THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/assets/webfonts/lato/lato-v16-latin-regular.woff b/src/assets/webfonts/lato/lato-v16-latin-regular.woff
new file mode 100644
index 0000000..189a0fe
--- /dev/null
+++ b/src/assets/webfonts/lato/lato-v16-latin-regular.woff
Binary files differ
diff --git a/src/assets/webfonts/lato/lato-v16-latin-regular.woff2 b/src/assets/webfonts/lato/lato-v16-latin-regular.woff2
new file mode 100644
index 0000000..6904b66
--- /dev/null
+++ b/src/assets/webfonts/lato/lato-v16-latin-regular.woff2
Binary files differ
diff --git a/src/assets/webfonts/raleway/OFL.txt b/src/assets/webfonts/raleway/OFL.txt
new file mode 100644
index 0000000..3219811
--- /dev/null
+++ b/src/assets/webfonts/raleway/OFL.txt
@@ -0,0 +1,95 @@
1Copyright (c) 2010, Matt McInerney (matt@pixelspread.com),
2Copyright (c) 2011, Pablo Impallari (www.impallari.com|impallari@gmail.com),
3Copyright (c) 2011, Rodrigo Fuenzalida (www.rfuenzalida.com|hello@rfuenzalida.com), with Reserved Font Name Raleway
4
5This Font Software is licensed under the SIL Open Font License, Version 1.1.
6This license is copied below, and is also available with a FAQ at:
7http://scripts.sil.org/OFL
8
9
10-----------------------------------------------------------
11SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
12-----------------------------------------------------------
13
14PREAMBLE
15The goals of the Open Font License (OFL) are to stimulate worldwide
16development of collaborative font projects, to support the font creation
17efforts of academic and linguistic communities, and to provide a free and
18open framework in which fonts may be shared and improved in partnership
19with others.
20
21The OFL allows the licensed fonts to be used, studied, modified and
22redistributed freely as long as they are not sold by themselves. The
23fonts, including any derivative works, can be bundled, embedded,
24redistributed and/or sold with any software provided that any reserved
25names are not used by derivative works. The fonts and derivatives,
26however, cannot be released under any other type of license. The
27requirement for fonts to remain under this license does not apply
28to any document created using the fonts or their derivatives.
29
30DEFINITIONS
31"Font Software" refers to the set of files released by the Copyright
32Holder(s) under this license and clearly marked as such. This may
33include source files, build scripts and documentation.
34
35"Reserved Font Name" refers to any names specified as such after the
36copyright statement(s).
37
38"Original Version" refers to the collection of Font Software components as
39distributed by the Copyright Holder(s).
40
41"Modified Version" refers to any derivative made by adding to, deleting,
42or substituting -- in part or in whole -- any of the components of the
43Original Version, by changing formats or by porting the Font Software to a
44new environment.
45
46"Author" refers to any designer, engineer, programmer, technical
47writer or other person who contributed to the Font Software.
48
49PERMISSION & CONDITIONS
50Permission is hereby granted, free of charge, to any person obtaining
51a copy of the Font Software, to use, study, copy, merge, embed, modify,
52redistribute, and sell modified and unmodified copies of the Font
53Software, subject to the following conditions:
54
551) Neither the Font Software nor any of its individual components,
56in Original or Modified Versions, may be sold by itself.
57
582) Original or Modified Versions of the Font Software may be bundled,
59redistributed and/or sold with any software, provided that each copy
60contains the above copyright notice and this license. These can be
61included either as stand-alone text files, human-readable headers or
62in the appropriate machine-readable metadata fields within text or
63binary files as long as those fields can be easily viewed by the user.
64
653) No Modified Version of the Font Software may use the Reserved Font
66Name(s) unless explicit written permission is granted by the corresponding
67Copyright Holder. This restriction only applies to the primary font name as
68presented to the users.
69
704) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
71Software shall not be used to promote, endorse or advertise any
72Modified Version, except to acknowledge the contribution(s) of the
73Copyright Holder(s) and the Author(s) or with their explicit written
74permission.
75
765) The Font Software, modified or unmodified, in part or in whole,
77must be distributed entirely under this license, and must not be
78distributed under any other license. The requirement for fonts to
79remain under this license does not apply to any document created
80using the Font Software.
81
82TERMINATION
83This license becomes null and void if any of the above conditions are
84not met.
85
86DISCLAIMER
87THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
88EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
89MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
90OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
91COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
92INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
93DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
94FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
95OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff b/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff
new file mode 100644
index 0000000..ab3a51b
--- /dev/null
+++ b/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff
Binary files differ
diff --git a/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff2 b/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff2
new file mode 100644
index 0000000..86b505e
--- /dev/null
+++ b/src/assets/webfonts/raleway/raleway-v14-latin-regular.woff2
Binary files differ
diff --git a/src/assets/webfonts/webfonts.scss b/src/assets/webfonts/webfonts.scss
new file mode 100644
index 0000000..df3b56b
--- /dev/null
+++ b/src/assets/webfonts/webfonts.scss
@@ -0,0 +1,23 @@
1/* raleway-regular - latin */
2@font-face {
3 font-family: "Raleway";
4 font-style: normal;
5 font-weight: 400;
6 font-display: swap;
7 src: local("Raleway"), local("Raleway-Regular"),
8 url("./webfonts/raleway/raleway-v14-latin-regular.woff2") format("woff2"),
9 /* Chrome 26+, Opera 23+, Firefox 39+ */
10 url("./webfonts/raleway/raleway-v14-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
11}
12
13/* lato-regular - latin */
14@font-face {
15 font-family: "Lato";
16 font-style: normal;
17 font-weight: 400;
18 font-display: swap;
19 src: local("Lato Regular"), local("Lato-Regular"),
20 url("./webfonts/lato/lato-v16-latin-regular.woff2") format("woff2"),
21 /* Chrome 26+, Opera 23+, Firefox 39+ */
22 url("./webfonts/lato/lato-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
23}