osmarks
/
website
mirror of https://github.com/osmarks/website
1
0
Fork 0
Code Issues Releases Wiki Activity

new typography for deemphasised infolines

This commit is contained in:
osmarks 2024-05-14 13:16:52 +01:00
parent 736f9075d6
commit c68a74b4f7
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/miracode.woff2 Normal file
View File

Binary file not shown.

2
src/index.js
View File

@ -398,7 +398,7 @@ const doImages = async () => {
copyAsset("images")
copyAsset("titillium-web.woff2")
copyAsset("titillium-web-semibold.woff2")
copyAsset("share-tech-mono.woff2")
copyAsset("miracode.woff2")
globalData.images = {}
await Promise.all(
(await fse.readdir(path.join(assetsDir, "images"), { encoding: "utf-8" })).map(async image => {

10
src/style.sass
View File

@ -27,12 +27,12 @@ $navbar-width: 20rem
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
@font-face
font-family: 'Share Tech Mono'
font-family: 'Miracode'
font-style: normal
font-weight: 400
font-display: swap
src: url(/assets/share-tech-mono.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
src: url(/assets/miracode.woff2) format('woff2')
unicode-range: U+0000-00A0, U+A2-A9, U+AC-AE, U+00D7, U+00F7, U+FEFF, U+FFFD
body
margin: 0
@ -40,7 +40,9 @@ body
line-height: 1.3
pre, code, .deemph
font-family: 'Share Tech Mono', monospace
font-family: 'Miracode', monospace
.deemph
font-size: 0.9em
a
text-decoration: none

2
templates/layout.pug
View File

@ -15,7 +15,7 @@ mixin image(src)
doctype html
html(lang="en")
head
link(rel="preload", href="/assets/share-tech-mono.woff2", as="font", crossorigin="anonymous")
link(rel="preload", href="/assets/miracode.woff2", as="font", crossorigin="anonymous")
link(rel="preload", href="/assets/titillium-web-semibold.woff2", as="font", crossorigin="anonymous")
link(rel="preload", href="/assets/titillium-web.woff2", as="font", crossorigin="anonymous")
title= `${title} @ ${name}`