summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/css/_basics.scss9
-rw-r--r--assets/css/_fonts.scss16
-rw-r--r--assets/css/components/_ascii.scss25
-rw-r--r--assets/css/components/_post-list.scss1
-rw-r--r--assets/css/style.scss1
-rw-r--r--assets/fonts/iosevka-term-ss09-bold.ttfbin0 -> 1038600 bytes
-rw-r--r--assets/fonts/iosevka-term-ss09-regular.ttfbin0 -> 1042676 bytes
-rw-r--r--content/9thPK7O3xn/index.md15
-rw-r--r--templates/base.html2
9 files changed, 67 insertions, 2 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index c3c62db..b01e415 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -50,12 +50,17 @@ code {
50} 50}
51 51
52pre { 52pre {
53 margin: ($line-height * 1rem) 0 0; 53 margin: ($line-height * 1rem) 0 0;
54 overflow-x: auto; 54 overflow-x: auto;
55 line-height: 1.4;
55 56
56 code { 57 code {
57 color: currentColor; 58 color: currentColor;
58 } 59 }
60
61 strong {
62 //font-weight: normal;
63 }
59} 64}
60 65
61strong { 66strong {
diff --git a/assets/css/_fonts.scss b/assets/css/_fonts.scss
index 1a1e72a..c0d2ac1 100644
--- a/assets/css/_fonts.scss
+++ b/assets/css/_fonts.scss
@@ -21,3 +21,19 @@
21 font-display: swap; 21 font-display: swap;
22 src: url('/GaretVariable.woff2') format('woff2-variations'); 22 src: url('/GaretVariable.woff2') format('woff2-variations');
23} 23}
24
25@font-face {
26 font-family: 'Iosevka Term SS09';
27 font-style: normal;
28 font-weight: normal;
29 font-display: swap;
30 src: url('/iosevka-term-ss09-regular.woff2') format('woff2');
31}
32
33@font-face {
34 font-family: 'Iosevka Term SS09';
35 font-style: normal;
36 font-weight: bold;
37 font-display: swap;
38 src: url('/iosevka-term-ss09-bold.woff2') format('woff2');
39}
diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss
new file mode 100644
index 0000000..b32cbfd
--- /dev/null
+++ b/assets/css/components/_ascii.scss
@@ -0,0 +1,25 @@
1@include namespace('ascii') {
2 @include store((
3 --colors: (
4 --fg: prop(--colors --fg-hi, $global: true),
5 --border: prop(--colors --fg-hi, $global: true),
6 )
7 ));
8
9 @include component(namespace()) {
10 padding-left: 0;
11 overflow: hidden;
12 border-left: 0;
13 color: prop(--colors --fg);
14 font-size: 1rem;
15
16 &::after {
17 content: str-repeat('░', 120);
18 display: block;
19 margin-top: 1 / 16 * 2em;
20 padding-top: 1 / 16 * 2em;
21 border-top: 1px solid prop(--colors --border);
22 color: prop(--colors --fg);
23 }
24 }
25}
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index bc41849..dc56724 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -44,6 +44,7 @@
44 44
45 @include element('post-title') { 45 @include element('post-title') {
46 color: prop(--colors --post --idle-fg); 46 color: prop(--colors --post --idle-fg);
47 //font-size: 1 / 16 * 17em;
47 font-weight: normal; 48 font-weight: normal;
48 } 49 }
49 50
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 30878fe..241bad5 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -22,6 +22,7 @@
22@import 'components/landing-banner'; 22@import 'components/landing-banner';
23@import 'components/footer'; 23@import 'components/footer';
24@import 'components/card'; 24@import 'components/card';
25@import 'components/ascii';
25@import 'components/project'; 26@import 'components/project';
26@import 'components/post-list'; 27@import 'components/post-list';
27 28
diff --git a/assets/fonts/iosevka-term-ss09-bold.ttf b/assets/fonts/iosevka-term-ss09-bold.ttf
new file mode 100644
index 0000000..d2c15c1
--- /dev/null
+++ b/assets/fonts/iosevka-term-ss09-bold.ttf
Binary files differ
diff --git a/assets/fonts/iosevka-term-ss09-regular.ttf b/assets/fonts/iosevka-term-ss09-regular.ttf
new file mode 100644
index 0000000..39e247d
--- /dev/null
+++ b/assets/fonts/iosevka-term-ss09-regular.ttf
Binary files differ
diff --git a/content/9thPK7O3xn/index.md b/content/9thPK7O3xn/index.md
index 2545092..ec475bd 100644
--- a/content/9thPK7O3xn/index.md
+++ b/content/9thPK7O3xn/index.md
@@ -3,5 +3,20 @@ title: Personal
3layout: categorized_list 3layout: categorized_list
4--- 4---
5 5
6<pre class="c-ascii u-dn@sm-lo">
7' | ' ' ' ' ' | | | ' '
8 | ' ' ' <strong>//\_</strong> ' | ' . | ' '
9 .| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' '
10 | <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ' '
11| | <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) ' '
12 '| <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _,--.
13 \ . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,/ </pre>
14
15<pre class="c-ascii u-dn@sm-hi">
16.| <strong> //\__</strong> ' .' | . | ' . '
17 | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' '
18'| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .'
19 |_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre>
20
6Welcome to the personal section of my website! 21Welcome to the personal section of my website!
7Here you can find content I don't want to be easily accessible for all visitors, which is why I haven't linked this section anywhere. 22Here you can find content I don't want to be easily accessible for all visitors, which is why I haven't linked this section anywhere.
diff --git a/templates/base.html b/templates/base.html
index a5d29b5..27f8f20 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -26,6 +26,8 @@
26 <link rel="preload" href="/IBMPlexSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 26 <link rel="preload" href="/IBMPlexSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
27 <link rel="preload" href="/IBMPlexSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 27 <link rel="preload" href="/IBMPlexSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
28 <link rel="preload" href="/GaretVariable.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 28 <link rel="preload" href="/GaretVariable.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
29 <link rel="preload" href="/iosevka-term-ss09-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
30 <link rel="preload" href="/iosevka-term-ss09-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
29 31
30 <link rel="stylesheet" href="/style.css" /> 32 <link rel="stylesheet" href="/style.css" />
31</head> 33</head>