summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-15 11:22:34 +0100
committerVolpeon <git@volpeon.ink>2021-03-15 11:22:34 +0100
commit94e8476f38b876432aeb2cc34b3ba06e7792d25a (patch)
tree97ca8a6be49b2f0814ac8313d559eb9dfd379e08 /assets
parentFont update (diff)
downloadvolpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.tar.gz
volpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.tar.bz2
volpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.zip
Added better font for text (Iosevka Aile)
Diffstat (limited to 'assets')
-rw-r--r--assets/css/_basics.scss39
-rw-r--r--assets/css/_vars.scss26
-rw-r--r--assets/css/components/_hero.scss1
-rw-r--r--assets/css/components/_nav.scss1
-rw-r--r--assets/css/components/_page.scss1
-rw-r--r--assets/fonts/iosevka-aile-bold.ttfbin0 -> 3529204 bytes
-rw-r--r--assets/fonts/iosevka-aile-regular.ttfbin0 -> 3478480 bytes
7 files changed, 50 insertions, 18 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 8db3505..1536605 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -14,6 +14,30 @@
14 url('/iosevka-term-ss09-bold.woff2') format('woff2'); 14 url('/iosevka-term-ss09-bold.woff2') format('woff2');
15} 15}
16 16
17@font-face {
18 font-family: 'Iosevka Aile';
19 font-style: normal;
20 font-weight: normal;
21 src: //local('Iosevka Aile'),
22 url('/iosevka-aile-regular.woff2') format('woff2');
23}
24
25@font-face {
26 font-family: 'Iosevka Aile';
27 font-style: normal;
28 font-weight: bold;
29 src: //local('Iosevka Aile Bold'),
30 url('/iosevka-aile-bold.woff2') format('woff2');
31}
32
33@font-face {
34 font-family: 'IBM Plex Sans';
35 font-style: normal;
36 font-weight: normal;
37 src: //local('IBM Plex Sans'),
38 url('/IBMPlexSans-Regular.woff2') format('woff2');
39}
40
17::selection { 41::selection {
18 background-color: var(--select--bg); 42 background-color: var(--select--bg);
19 color: var(--select--fg); 43 color: var(--select--fg);
@@ -26,14 +50,13 @@ img::selection {
26html, 50html,
27pre, 51pre,
28code { 52code {
29 font-family: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier, 53 font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
30 monospace;
31 font-feature-settings: 'calt' 0, 'dlig' 1;
32} 54}
33 55
34html { 56html {
35 background-color: var(--bg); 57 background-color: var(--bg);
36 color: var(--fg); 58 color: var(--fg);
59 font-family: $font-fam--text;
37 font-size: px-to-em($font-size, 16px); 60 font-size: px-to-em($font-size, 16px);
38 line-height: $line-height; 61 line-height: $line-height;
39} 62}
@@ -43,6 +66,11 @@ body {
43 padding: 0; 66 padding: 0;
44} 67}
45 68
69pre,
70code {
71 font-family: $font-fam--mono;
72}
73
46code { 74code {
47 color: var(--code--fg); 75 color: var(--code--fg);
48} 76}
@@ -54,10 +82,6 @@ pre {
54 code { 82 code {
55 color: currentColor; 83 color: currentColor;
56 } 84 }
57
58 strong {
59 font-weight: normal;
60 }
61} 85}
62 86
63strong { 87strong {
@@ -82,6 +106,7 @@ li {
82 width: $subcontent--indent; 106 width: $subcontent--indent;
83 margin-left: -1 * $subcontent--indent; 107 margin-left: -1 * $subcontent--indent;
84 color: var(--fg-hi); 108 color: var(--fg-hi);
109 font-family: $font-fam--mono;
85 } 110 }
86} 111}
87 112
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index f40faad..ea831a6 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -1,13 +1,17 @@
1$font-size: 17px; 1$font-fam--text: 'Iosevka Aile', 'IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans',
2 Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;
3$font-fam--mono: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier,
4 monospace;
5$font-size: 16px;
2$line-height: 1.7; 6$line-height: 1.7;
3 7
4$code-block--font-size: $font-size - 1; 8$code-block--font-size: 16px;
5$code-block--line-height: 1.4; 9$code-block--line-height: 1.4;
6 10
7$content--width: 80ch; 11$content--width: 42em;
8$content--h1--font-size: $font-size + 1; 12$content--h1--font-size: $font-size + 1;
9 13
10$subcontent--indent: 4ch; 14$subcontent--indent: 2em;
11 15
12$container--pad-h: 2rem; 16$container--pad-h: 2rem;
13$container--pad-h--sm: 1rem; 17$container--pad-h--sm: 1rem;
@@ -15,18 +19,18 @@ $container--pad-v: $line-height * 2rem;
15$container--pad-v--sm: $line-height * 1rem; 19$container--pad-v--sm: $line-height * 1rem;
16 20
17$nav--font-size: $font-size - 1; 21$nav--font-size: $font-size - 1;
18$nav--item--spacing: 4ch; 22$nav--item--spacing: 2em;
19$nav--item--spacing--sm: 3ch; 23$nav--item--spacing--sm: 1.5em;
20$nav--item--pad-h: 1ch; 24$nav--item--pad-h: .5em;
21$nav--item--pad-v: .8em; 25$nav--item--pad-v: .9em;
22 26
23$footer--pad-v: .8em; 27$footer--pad-v: .8em;
24 28
25$page--item-prefix--max-chars: 3ch; 29$page--item-prefix--max-chars: 1.5em;
26$page--item-prefix--pad: 2ch; 30$page--item-prefix--pad: 1em;
27$page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad; 31$page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad;
28 32
29$page--item-prefix--max-chars--sm: 2ch; 33$page--item-prefix--max-chars--sm: 1em;
30$page--item-prefix--width--sm: $page--item-prefix--max-chars--sm + $page--item-prefix--pad; 34$page--item-prefix--width--sm: $page--item-prefix--max-chars--sm + $page--item-prefix--pad;
31 35
32$breakpoints: ( 36$breakpoints: (
diff --git a/assets/css/components/_hero.scss b/assets/css/components/_hero.scss
index 7fa79e1..bfcdc16 100644
--- a/assets/css/components/_hero.scss
+++ b/assets/css/components/_hero.scss
@@ -3,6 +3,7 @@
3 margin-left: -1 * $page--item-prefix--width; 3 margin-left: -1 * $page--item-prefix--width;
4 padding-left: $page--item-prefix--width; 4 padding-left: $page--item-prefix--width;
5 overflow: hidden; 5 overflow: hidden;
6 font-family: $font-fam--mono;
6 7
7 &::after { 8 &::after {
8 content: str-repeat('░', 120); 9 content: str-repeat('░', 120);
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 6bed7ae..cd3ef14 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -15,6 +15,7 @@
15 margin: 0; 15 margin: 0;
16 padding: $nav--item--pad-v 0; 16 padding: $nav--item--pad-v 0;
17 color: var(--nav--logo--fg); 17 color: var(--nav--logo--fg);
18 font-family: $font-fam--mono;
18 text-decoration: none; 19 text-decoration: none;
19 20
20 &:link, 21 &:link,
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index 67e5387..9d1e991 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -12,6 +12,7 @@
12 margin-left: -1 * $page--item-prefix--width; 12 margin-left: -1 * $page--item-prefix--width;
13 padding-right: $page--item-prefix--pad; 13 padding-right: $page--item-prefix--pad;
14 color: var(--page--item-prefix--fg); 14 color: var(--page--item-prefix--fg);
15 font-family: $font-fam--mono;
15 font-weight: normal; 16 font-weight: normal;
16 text-align: right; 17 text-align: right;
17 } 18 }
diff --git a/assets/fonts/iosevka-aile-bold.ttf b/assets/fonts/iosevka-aile-bold.ttf
new file mode 100644
index 0000000..6db4acf
--- /dev/null
+++ b/assets/fonts/iosevka-aile-bold.ttf
Binary files differ
diff --git a/assets/fonts/iosevka-aile-regular.ttf b/assets/fonts/iosevka-aile-regular.ttf
new file mode 100644
index 0000000..7dba5b6
--- /dev/null
+++ b/assets/fonts/iosevka-aile-regular.ttf
Binary files differ