this repo has no description
added color bar
+16
-13
+1
src/_includes/layouts/root.njk
+1
src/_includes/layouts/root.njk
+14
-12
src/_includes/sass/root.scss
+14
-12
src/_includes/sass/root.scss
···
9
9
--col-red: #e46876;
10
10
--col-orange: #e6c384; // #d8813a;
11
11
--col-blue: #7fb4ca;
12
+
--col-green: #87a987;
12
13
// --col-fg: #fbf1c7;
13
14
14
15
--font-size: 16px;
16
+
--headline-height: var(--font-size);
15
17
}
16
18
17
19
html,
18
-
body,
19
-
.page-container {
20
+
body {
20
21
height: 100%;
21
22
margin: 0;
22
23
padding: 0;
···
26
27
background-color: var(--col-bg);
27
28
color: var(--col-fg);
28
29
29
-
font-family: "mono", monospace;
30
+
font-family: monospace;
30
31
font-variation-settings: "wght" 400;
31
32
font-size: var(--font-size);
32
33
font-variant-ligatures: common-ligatures;
···
41
42
word-wrap: break-word;
42
43
overflow-wrap: break-word;
43
44
line-height: 1.6;
45
+
}
46
+
47
+
.headline {
48
+
height: var(--headline-height);
49
+
width: 100%;
50
+
background-color: var(--col-green);
44
51
}
45
52
46
53
.page-container {
54
+
height: calc(100% - var(--headline-height, 0px));
55
+
47
56
display: flex;
48
57
flex-direction: column;
49
58
align-content: space-between;
50
59
justify-content: space-between;
60
+
61
+
background-color: var(--col-bg);
51
62
52
63
margin: auto;
53
64
max-width: 650px;
54
65
}
55
66
56
-
main {
57
-
padding: 2em 0;
58
-
}
59
-
60
67
header {
61
-
// line-height: 1.5;
62
68
margin-bottom: 4em;
63
69
64
70
h1 {
···
69
75
}
70
76
71
77
.note {
72
-
// font-family: "mono", monospace;
73
78
font-size: smaller;
74
79
color: var(--col-lfg);
75
80
}
76
81
}
77
82
78
83
content {
79
-
// line-height: 1.5;
80
-
// font-family: "mono", monospace;
81
-
82
84
h1 {
83
85
color: var(--col-red);
84
86
}
+1
-1
src/favicon.svg
+1
-1
src/favicon.svg
···
3
3
<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1"
4
4
xmlns="http://www.w3.org/2000/svg"
5
5
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
6
-
<rect x="0" y="0" width="100" height="100" style="fill:rgb(255,255,255);"/>
6
+
<rect x="0" y="0" width="100" height="100" style="fill: #87a987;"/>
7
7
</svg>
