From 03d492698cf97287c39b0472ea6ad0e5862924a5 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 12 May 2021 18:18:19 +0200 Subject: Brought back ASCII fox --- assets/css/_basics.scss | 9 +++++++-- assets/css/_fonts.scss | 16 ++++++++++++++++ assets/css/components/_ascii.scss | 25 +++++++++++++++++++++++++ assets/css/components/_post-list.scss | 1 + assets/css/style.scss | 1 + assets/fonts/iosevka-term-ss09-bold.ttf | Bin 0 -> 1038600 bytes assets/fonts/iosevka-term-ss09-regular.ttf | Bin 0 -> 1042676 bytes 7 files changed, 50 insertions(+), 2 deletions(-) create mode 100644 assets/css/components/_ascii.scss create mode 100644 assets/fonts/iosevka-term-ss09-bold.ttf create mode 100644 assets/fonts/iosevka-term-ss09-regular.ttf (limited to 'assets') 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 { } pre { - margin: ($line-height * 1rem) 0 0; - overflow-x: auto; + margin: ($line-height * 1rem) 0 0; + overflow-x: auto; + line-height: 1.4; code { color: currentColor; } + + strong { + //font-weight: normal; + } } strong { 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 @@ font-display: swap; src: url('/GaretVariable.woff2') format('woff2-variations'); } + +@font-face { + font-family: 'Iosevka Term SS09'; + font-style: normal; + font-weight: normal; + font-display: swap; + src: url('/iosevka-term-ss09-regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Term SS09'; + font-style: normal; + font-weight: bold; + font-display: swap; + src: url('/iosevka-term-ss09-bold.woff2') format('woff2'); +} 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 @@ +@include namespace('ascii') { + @include store(( + --colors: ( + --fg: prop(--colors --fg-hi, $global: true), + --border: prop(--colors --fg-hi, $global: true), + ) + )); + + @include component(namespace()) { + padding-left: 0; + overflow: hidden; + border-left: 0; + color: prop(--colors --fg); + font-size: 1rem; + + &::after { + content: str-repeat('░', 120); + display: block; + margin-top: 1 / 16 * 2em; + padding-top: 1 / 16 * 2em; + border-top: 1px solid prop(--colors --border); + color: prop(--colors --fg); + } + } +} 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 @@ @include element('post-title') { color: prop(--colors --post --idle-fg); + //font-size: 1 / 16 * 17em; font-weight: normal; } 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 @@ @import 'components/landing-banner'; @import 'components/footer'; @import 'components/card'; +@import 'components/ascii'; @import 'components/project'; @import 'components/post-list'; 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 Binary files /dev/null and b/assets/fonts/iosevka-term-ss09-bold.ttf 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 Binary files /dev/null and b/assets/fonts/iosevka-term-ss09-regular.ttf differ -- cgit v1.2.3-70-g09d2