From 9a27c952cfa865949bfd529669a009baa03ee5ad Mon Sep 17 00:00:00 2001 From: cyfraeviolae Date: Sat, 26 Feb 2022 03:09:34 -0500 Subject: font and rework --- index.html | 26 ++++++++++++++-------- static/charter_bold.woff2 | Bin 0 -> 15028 bytes static/charter_bold_italic.woff2 | Bin 0 -> 16108 bytes static/charter_italic.woff2 | Bin 0 -> 15376 bytes static/charter_regular.woff2 | Bin 0 -> 14648 bytes static/style.css | 47 ++++++++++++++++++++++++++++++++------- 6 files changed, 56 insertions(+), 17 deletions(-) create mode 100644 static/charter_bold.woff2 create mode 100644 static/charter_bold_italic.woff2 create mode 100644 static/charter_italic.woff2 create mode 100644 static/charter_regular.woff2 diff --git a/index.html b/index.html index 5690c96..2f973f6 100644 --- a/index.html +++ b/index.html @@ -9,26 +9,34 @@

- cyfraeviolae.org +

- Spectral Renga + + Spectral Renga is a collaborative graph of poetry.

- Antiquitysort - is a mission to restore the well-ordering of our cultural histories. + + Antiquitysort + challenges you to order our cultural histories in time.

- Sumcheck + + Sumcheck is a decider for Presburger arithmetic.

- Well-Ordered - computes the most efficient way to incrementally recreate 77 IBA cocktails. + + Well-Ordered + computes how to efficiently and incrementally recreate 77 cocktails.

- Prosodyle - is like Wordle but for poetry. + + Prosodyle + is Wordle but for poetry and metrical structure.

diff --git a/static/charter_bold.woff2 b/static/charter_bold.woff2 new file mode 100644 index 0000000..008c4f5 Binary files /dev/null and b/static/charter_bold.woff2 differ diff --git a/static/charter_bold_italic.woff2 b/static/charter_bold_italic.woff2 new file mode 100644 index 0000000..8a2cacc Binary files /dev/null and b/static/charter_bold_italic.woff2 differ diff --git a/static/charter_italic.woff2 b/static/charter_italic.woff2 new file mode 100644 index 0000000..ea15e1a Binary files /dev/null and b/static/charter_italic.woff2 differ diff --git a/static/charter_regular.woff2 b/static/charter_regular.woff2 new file mode 100644 index 0000000..d4bc9e0 Binary files /dev/null and b/static/charter_regular.woff2 differ diff --git a/static/style.css b/static/style.css index 06a86be..a513b50 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,28 @@ +@font-face { + font-family: Charter; + src: url(charter_regular.woff2) format('woff2-variations'); + font-style: normal; +} + +@font-face { + font-family: Charter; + src: url(charter_italic.woff2) format('woff2-variations'); + font-style: italic; +} + +@font-face { + font-family: Charter; + src: url(charter_bold.woff2) format('woff2-variations'); + font-weight: bold; +} + +@font-face { + font-family: Charter; + src: url(charter_bold_italic.woff2) format('woff2-variations'); + font-style: italic; + font-weight: bold; +} + @font-face { font-family: EBGaramond; src: url(EBGaramond-VariableFont_wght.ttf) format('woff2-variations'); @@ -17,29 +42,35 @@ } body { - background: #fdf3f3; + background: #fffaef; color: DarkSlateGrey; - font-family: EBGaramond, serif; - font-size: large; + font-family: Charter, serif; + font-size: 18px; } a { - color: #1a97bf; + text-decoration: none; + color: #dd1b26; } a:hover { - color: #075d77; + text-decoration: underline; + color: #dd1b26; } .container { - margin: 1em; + margin: 4em; max-width: 40em; } -.title { +.header { font-style: italic; + font-size: x-large; +} + +.title { + font-weight: bold; letter-spacing: -0.5px; - font-size: larger; } hr { -- cgit v1.2.3