From df4f67ce8f2bab1159f73ead8a35f216daa12b82 Mon Sep 17 00:00:00 2001 From: erin <git@ewin.moe> Date: Mon, 17 Jul 2023 23:54:15 -0400 Subject: [PATCH] get the other font working as well --- fontsource/SOAUI_20230717.txt | 1 + out/font/SOAUI.ttf | Bin 0 -> 18480 bytes out/index.html | 14 ++++++++++---- out/style.css | 18 +++++++++++++++--- out/style.css.map | 2 +- style.scss | 24 +++++++++++++++++++----- 6 files changed, 46 insertions(+), 13 deletions(-) create mode 100644 fontsource/SOAUI_20230717.txt create mode 100644 out/font/SOAUI.ttf diff --git a/fontsource/SOAUI_20230717.txt b/fontsource/SOAUI_20230717.txt new file mode 100644 index 0000000..b066f82 --- /dev/null +++ b/fontsource/SOAUI_20230717.txt @@ -0,0 +1 @@ +{"33":[0,0,0,0,0,4,4,4,4,4,0,4,0,0,0,0],"34":[0,0,0,0,12,12,8,4,0,0,0,0,0,0,0,0],"37":[0,0,0,0,0,0,64,44,28,112,104,4,0,0,0,0],"39":[0,0,0,0,12,12,8,4,0,0,0,0,0,0,0,0],"40":[0,0,0,0,0,16,8,4,4,4,8,16,0,0,0,0],"41":[0,0,0,0,0,4,8,16,16,16,8,4,0,0,0,0],"42":[0,0,0,0,0,0,16,84,56,84,16,0,0,0,0,0],"43":[0,0,0,0,0,0,16,16,124,16,16,0,0,0,0,0],"44":[0,0,0,0,0,0,0,0,0,12,12,8,4,0,0,0],"45":[0,0,0,0,0,0,0,0,124,0,0,0,0,0,0,0],"46":[0,0,0,0,0,0,0,0,0,0,12,12,0,0,0,0],"47":[0,0,0,0,0,0,32,16,16,8,4,4,0,0,0,0],"48":[0,0,0,0,0,16,40,68,68,68,40,16,0,0,0,0],"49":[0,0,0,0,0,8,12,8,8,8,8,28,0,0,0,0],"50":[0,0,0,0,0,56,68,64,56,4,4,124,0,0,0,0],"51":[0,0,0,0,0,56,68,64,48,64,68,56,0,0,0,0],"52":[0,0,0,0,0,48,40,40,36,124,32,32,0,0,0,0],"53":[0,0,0,0,0,124,4,4,60,64,68,56,0,0,0,0],"54":[0,0,0,0,0,56,68,4,60,68,68,56,0,0,0,0],"55":[0,0,0,0,0,124,64,64,32,16,16,16,0,0,0,0],"56":[0,0,0,0,0,56,68,68,56,68,68,56,0,0,0,0],"57":[0,0,0,0,0,56,68,68,120,64,68,56,0,0,0,0],"58":[0,0,0,0,0,0,12,12,0,12,12,0,0,0,0,0],"59":[0,0,0,0,0,0,12,12,0,12,12,8,4,0,0,0],"60":[0,0,0,0,0,32,16,8,4,8,16,32,0,0,0,0],"61":[0,0,0,0,0,0,0,124,0,124,0,0,0,0,0,0],"62":[0,0,0,0,0,4,8,16,32,16,8,4,0,0,0,0],"63":[0,0,0,0,0,56,68,68,32,16,0,16,0,0,0,0],"64":[0,0,0,0,0,56,68,116,44,124,68,56,0,0,0,0],"65":[0,0,0,0,0,56,68,68,124,68,68,68,0,0,0,0],"66":[0,0,0,0,0,60,68,68,60,68,68,60,0,0,0,0],"67":[0,0,0,0,0,56,68,4,4,4,68,56,0,0,0,0],"68":[0,0,0,0,0,28,36,68,68,68,36,28,0,0,0,0],"69":[0,0,0,0,0,124,4,4,60,4,4,124,0,0,0,0],"70":[0,0,0,0,0,124,4,4,60,4,4,4,0,0,0,0],"71":[0,0,0,0,0,56,68,4,100,68,68,56,0,0,0,0],"72":[0,0,0,0,0,68,68,68,124,68,68,68,0,0,0,0],"73":[0,0,0,0,0,28,8,8,8,8,8,28,0,0,0,0],"74":[0,0,0,0,0,64,64,64,64,64,68,56,0,0,0,0],"75":[0,0,0,0,0,68,36,20,28,36,68,68,0,0,0,0],"76":[0,0,0,0,0,4,4,4,4,4,4,124,0,0,0,0],"77":[0,0,0,0,0,68,68,108,108,124,84,84,0,0,0,0],"78":[0,0,0,0,0,68,76,84,84,100,68,68,0,0,0,0],"79":[0,0,0,0,0,56,68,68,68,68,68,56,0,0,0,0],"80":[0,0,0,0,0,60,68,68,60,4,4,4,0,0,0,0],"81":[0,0,0,0,0,56,68,68,68,92,36,120,0,0,0,0],"82":[0,0,0,0,0,60,68,68,60,68,68,68,0,0,0,0],"83":[0,0,0,0,0,56,68,4,56,64,68,56,0,0,0,0],"84":[0,0,0,0,0,124,16,16,16,16,16,16,0,0,0,0],"85":[0,0,0,0,0,68,68,68,68,68,68,56,0,0,0,0],"86":[0,0,0,0,0,68,68,68,40,40,16,16,0,0,0,0],"87":[0,0,0,0,0,68,84,84,84,40,40,40,0,0,0,0],"88":[0,0,0,0,0,68,40,40,16,40,40,68,0,0,0,0],"89":[0,0,0,0,0,68,68,40,16,16,16,16,0,0,0,0],"90":[0,0,0,0,0,124,64,32,16,8,4,124,0,0,0,0],"92":[0,0,0,0,0,0,4,4,8,16,16,32,0,0,0,0],"97":[0,0,0,0,0,0,0,56,64,120,68,120,0,0,0,0],"98":[0,0,0,0,0,4,4,4,60,68,68,60,0,0,0,0],"99":[0,0,0,0,0,0,0,56,68,4,68,56,0,0,0,0],"100":[0,0,0,0,0,64,64,64,120,68,68,120,0,0,0,0],"101":[0,0,0,0,0,0,0,56,68,124,4,120,0,0,0,0],"102":[0,0,0,0,0,96,16,124,16,16,16,16,0,0,0,0],"103":[0,0,0,0,0,0,0,120,68,68,120,64,60,0,0,0],"104":[0,0,0,0,0,4,4,4,60,68,68,68,0,0,0,0],"105":[0,0,0,0,0,0,4,0,4,4,4,4,0,0,0,0],"106":[0,0,0,0,0,0,64,0,64,64,64,68,56,0,0,0],"107":[0,0,0,0,0,4,4,68,36,28,36,68,0,0,0,0],"108":[0,0,0,0,0,4,4,4,4,4,4,4,0,0,0,0],"109":[0,0,0,0,0,0,0,60,84,84,84,84,0,0,0,0],"110":[0,0,0,0,0,0,0,60,68,68,68,68,0,0,0,0],"111":[0,0,0,0,0,0,0,56,68,68,68,56,0,0,0,0],"112":[0,0,0,0,0,0,0,60,68,68,60,4,4,0,0,0],"113":[0,0,0,0,0,0,0,120,68,68,120,64,64,0,0,0],"114":[0,0,0,0,0,0,0,116,12,12,4,4,0,0,0,0],"115":[0,0,0,0,0,0,0,120,4,56,64,60,0,0,0,0],"116":[0,0,0,0,0,0,16,124,16,16,16,96,0,0,0,0],"117":[0,0,0,0,0,0,0,68,68,68,68,120,0,0,0,0],"118":[0,0,0,0,0,0,0,68,68,40,40,16,0,0,0,0],"119":[0,0,0,0,0,0,0,68,84,84,40,40,0,0,0,0],"120":[0,0,0,0,0,0,0,68,40,16,40,68,0,0,0,0],"121":[0,0,0,0,0,0,0,68,68,68,120,64,60,0,0,0],"122":[0,0,0,0,0,0,0,124,64,56,4,124,0,0,0,0],"126":[0,0,0,0,0,0,0,152,100,0,0,0,0,0,0,0],"161":[0,0,0,0,0,4,0,4,4,4,4,4,0,0,0,0],"171":[0,0,0,0,0,0,144,72,36,72,144,0,0,0,0,0],"183":[0,0,0,0,0,0,0,0,4,0,0,0,0,0,0,0],"187":[0,0,0,0,0,0,36,72,144,72,36,0,0,0,0,0],"191":[0,0,0,0,0,16,0,16,8,68,68,56,0,0,0,0],"192":[0,0,8,16,0,56,68,68,124,68,68,68,0,0,0,0],"193":[0,0,32,16,0,56,68,68,124,68,68,68,0,0,0,0],"194":[0,0,16,40,0,56,68,68,124,68,68,68,0,0,0,0],"195":[0,0,88,36,0,56,68,68,124,68,68,68,0,0,0,0],"196":[0,0,40,0,0,56,68,68,124,68,68,68,0,0,0,0],"197":[0,0,56,68,68,56,68,68,124,68,68,68,0,0,0,0],"200":[0,0,8,16,0,124,4,4,60,4,4,124,0,0,0,0],"201":[0,0,32,16,0,124,4,4,60,4,4,124,0,0,0,0],"202":[0,0,16,40,0,124,4,4,60,4,4,124,0,0,0,0],"203":[0,0,40,0,0,124,4,4,60,4,4,124,0,0,0,0],"204":[0,0,4,8,0,28,8,8,8,8,8,28,0,0,0,0],"205":[0,0,16,8,0,28,8,8,8,8,8,28,0,0,0,0],"206":[0,0,8,20,0,28,8,8,8,8,8,28,0,0,0,0],"207":[0,0,20,0,0,28,8,8,8,8,8,28,0,0,0,0],"210":[0,0,8,16,0,56,68,68,68,68,68,56,0,0,0,0],"211":[0,0,32,16,0,56,68,68,68,68,68,56,0,0,0,0],"212":[0,0,16,40,0,56,68,68,68,68,68,56,0,0,0,0],"213":[0,0,88,36,0,56,68,68,68,68,68,56,0,0,0,0],"214":[0,0,40,0,0,56,68,68,68,68,68,56,0,0,0,0],"217":[0,0,8,16,0,68,68,68,68,68,68,56,0,0,0,0],"218":[0,0,32,16,0,68,68,68,68,68,68,56,0,0,0,0],"219":[0,0,16,40,0,68,68,68,68,68,68,56,0,0,0,0],"220":[0,0,40,0,0,68,68,68,68,68,68,56,0,0,0,0],"224":[0,0,0,0,8,16,0,56,64,120,68,120,0,0,0,0],"225":[0,0,0,0,32,16,0,56,64,120,68,120,0,0,0,0],"226":[0,0,0,0,16,40,0,56,64,120,68,120,0,0,0,0],"227":[0,0,0,0,88,36,0,56,64,120,68,120,0,0,0,0],"228":[0,0,0,0,40,0,0,56,64,120,68,120,0,0,0,0],"229":[0,0,0,0,16,40,16,56,64,120,68,120,0,0,0,0],"232":[0,0,0,0,8,16,0,56,68,124,4,120,0,0,0,0],"233":[0,0,0,0,32,16,0,56,68,124,4,120,0,0,0,0],"234":[0,0,0,0,16,40,0,56,68,124,4,120,0,0,0,0],"235":[0,0,0,0,40,0,0,56,68,124,4,120,0,0,0,0],"236":[0,0,0,0,4,8,0,0,8,8,8,8,0,0,0,0],"237":[0,0,0,0,8,4,0,0,4,4,4,4,0,0,0,0],"238":[0,0,0,0,8,20,0,0,8,8,8,8,0,0,0,0],"239":[0,0,0,0,20,0,0,0,8,8,8,8,0,0,0,0],"241":[0,0,0,0,88,36,0,60,68,68,68,68,0,0,0,0],"242":[0,0,0,0,8,16,0,56,68,68,68,56,0,0,0,0],"243":[0,0,0,0,32,16,0,56,68,68,68,56,0,0,0,0],"244":[0,0,0,0,16,40,0,56,68,68,68,56,0,0,0,0],"245":[0,0,0,0,88,36,0,56,68,68,68,56,0,0,0,0],"246":[0,0,0,0,40,0,0,56,68,68,68,56,0,0,0,0],"249":[0,0,0,0,8,16,0,68,68,68,68,120,0,0,0,0],"250":[0,0,0,0,32,16,0,68,68,68,68,120,0,0,0,0],"251":[0,0,0,0,16,40,0,68,68,68,68,120,0,0,0,0],"252":[0,0,0,0,40,0,0,68,68,68,68,120,0,0,0,0],"253":[0,0,0,0,32,16,0,68,68,68,120,64,60,0,0,0],"256":[0,0,56,0,0,56,68,68,124,68,68,68,0,0,0,0],"257":[0,0,0,0,56,0,0,56,64,120,68,120,0,0,0,0],"258":[0,0,40,56,0,56,68,68,124,68,68,68,0,0,0,0],"259":[0,0,0,0,40,56,0,56,64,120,68,120,0,0,0,0],"274":[0,0,56,0,0,124,4,4,60,4,4,124,0,0,0,0],"275":[0,0,0,0,56,0,0,56,68,124,4,120,0,0,0,0],"276":[0,0,40,56,0,124,4,4,60,4,4,124,0,0,0,0],"277":[0,0,0,0,40,56,0,56,68,124,4,120,0,0,0,0],"278":[0,0,16,0,0,124,4,4,60,4,4,124,0,0,0,0],"279":[0,0,0,0,16,0,0,56,68,124,4,120,0,0,0,0],"282":[0,0,40,16,0,124,4,4,60,4,4,124,0,0,0,0],"283":[0,0,0,0,40,16,0,56,68,124,4,120,0,0,0,0],"379":[0,0,16,0,0,124,64,32,16,8,4,124,0,0,0,0],"380":[0,0,0,0,16,0,0,124,64,56,4,124,0,0,0,0],"381":[0,0,40,16,0,124,64,32,16,8,4,124,0,0,0,0],"382":[0,0,0,0,40,16,0,124,64,56,4,124,0,0,0,0],"8216":[0,0,0,0,8,4,12,12,0,0,0,0,0,0,0,0],"8217":[0,0,0,0,12,12,8,4,0,0,0,0,0,0,0,0],"8220":[0,0,0,0,72,36,108,108,0,0,0,0,0,0,0,0],"8221":[0,0,0,0,108,108,72,36,0,0,0,0,0,0,0,0],"8222":[0,0,0,0,0,0,0,0,0,108,108,72,36,0,0,0],"8230":[0,0,0,0,0,0,0,0,0,0,0,292,0,0,0,0],"9633":[0,0,0,0,0,508,260,260,260,260,260,508,0,0,0,0],"9651":[0,0,0,0,0,32,80,80,136,136,260,508,0,0,0,0],"9671":[0,0,0,0,0,32,80,136,260,136,80,32,0,0,0,0],"9675":[0,0,0,0,0,112,136,260,260,260,136,112,0,0,0,0],"9678":[0,0,0,0,0,112,136,292,340,292,136,112,0,0,0,0],"9733":[0,0,0,0,0,32,112,508,248,112,216,396,0,0,0,0],"9792":[0,0,0,0,0,56,68,68,56,16,124,16,0,0,0,0],"9794":[0,0,0,0,0,16,56,84,56,68,68,56,0,0,0,0],"9834":[0,0,0,0,0,32,96,96,160,56,60,24,0,0,0,0],"name":"SOAUI","copy":"","letterspace":"64","basefont_size":"512","basefont_left":"62","basefont_top":"0","basefont":"Arial","basefont2":"","ascender":"8","descender":"2","linegap":"4","wordspacing":"3"} \ No newline at end of file diff --git a/out/font/SOAUI.ttf b/out/font/SOAUI.ttf new file mode 100644 index 0000000000000000000000000000000000000000..4404aff656276f02979b2c69c8de4b7f78647aa5 GIT binary patch literal 18480 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 T`DbsUM@`++zm{kIPR{=U>CW7P literal 0 HcmV?d00001 diff --git a/out/index.html b/out/index.html index 7de3ade..b013bcf 100644 --- a/out/index.html +++ b/out/index.html @@ -7,10 +7,16 @@ <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> - <div class="textbox textbox--simple textbox--red"> - <div class="textbox__text"> - Welcome to <span class="textbox__span textbox__span--blue">webring.umbreon.online</span>! + <main> + <div class="textbox textbox--simple textbox--red"> + <div class="textbox__text"> + Welcome to <span class="textbox__span textbox__span--red">webring.umbreon.online</span>! + </div> </div> - </div> + + <p> + hey yeah i sure am some text on the page aren't i + </p> + </main> </body> </html> diff --git a/out/style.css b/out/style.css index 88f889b..790a871 100644 --- a/out/style.css +++ b/out/style.css @@ -2,6 +2,10 @@ font-family: "SOADialogue"; src: url("font/SOADialogue.ttf") format(truetype); } +@font-face { + font-family: "SOAUI"; + src: url("font/SOAUI.ttf") format(truetype); +} :root { --pixel-scale: 2; font-size: calc(var(--pixel-scale) * 1px); @@ -17,8 +21,15 @@ body { background: var(--gradient-horiz-stripes); min-height: 100vh; margin: 0; - padding: 4rem; - font-size: 8rem; + padding: 9rem 4rem; + font-family: "SOAUI"; + font-size: 10rem; + color: white; +} + +main { + max-width: 256rem; + margin: 0 auto; } .textbox { @@ -107,7 +118,8 @@ body { .textbox__text { margin: 2rem; width: 224rem; - height: 34rem; + min-height: 34rem; + max-width: calc(100vw - 34rem); box-shadow: 0 2rem 0 -1rem var(--textbox-bg-fade), 0 -2rem 0 -1rem var(--textbox-bg-fade), 2rem 0 0 -1rem var(--textbox-bg-fade), -2rem 0 0 -1rem var(--textbox-bg-fade), inset 0 0 0 1rem var(--textbox-bg-fade); background: var(--textbox-bg); padding: 0 1rem; diff --git a/out/style.css.map b/out/style.css.map index 7b4edc9..e6280aa 100644 --- a/out/style.css.map +++ b/out/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AACA;EACC;EACA;;AAGD;EAEC;EAGA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASD;EACC;EACA;EACA;EACA;EAEA;;;AAID;EAKC;;AAIA;EAEC;EACA;EACA;EACA;EAIA;EAGA;EACA;EAGA;;AAGA;EAEC;EACA;EACA;EACA;EACA;EACA;EAIA;EAMA;EAGA,YAEA;;AAqBD;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAKD;EACC;;AAEA;EACC;;AAED;EACC;;AAGD;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAKD;EAGC;EAIA;EACA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;;AAOA;EACC;EACA,aACC;;;AASH;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../style.scss"],"names":[],"mappings":"AACA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EAEC;EAGA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASD;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAKC;;AAIA;EAEC;EACA;EACA;EACA;EAIA;EAGA;EACA;EAGA;;AAGA;EAEC;EACA;EACA;EACA;EACA;EACA;EAIA;EAMA;EAGA,YAEA;;AAqBD;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAKD;EACC;;AAEA;EACC;;AAED;EACC;;AAGD;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAKD;EAGC;EAIA;EACA;EACA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;;AAQA;EACC;EACA,aACC;;;AASH;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/style.scss b/style.scss index 32074ee..93d75f4 100644 --- a/style.scss +++ b/style.scss @@ -1,7 +1,12 @@ // dialogue font (the taller one) @font-face { font-family: "SOADialogue"; - src: url("https://i.eritbh.me/temp/SOADialogue-10-2-6.ttf") format(truetype); + src: url("font/SOADialogue.ttf") format(truetype); +} + +@font-face { + font-family: "SOAUI"; + src: url("font/SOAUI.ttf") format(truetype); } :root { @@ -26,9 +31,16 @@ body { background: var(--gradient-horiz-stripes); min-height: 100vh; margin: 0; - padding: 4rem; + padding: 9rem 4rem; // more or less reasonable default probably - font-size: 8rem; + font-family: 'SOAUI'; + font-size: 10rem; + color:white; +} + +main { + max-width: 256rem; + margin: 0 auto; } // aren't text boxes fun @@ -181,7 +193,8 @@ body { // box shadows because pixelated round corners are hard, so we subtract // that margin width: 224rem; - height: 34rem; + min-height: 34rem; + max-width: calc(100vw - 34rem); // get the slightly off-white region around the text box-shadow: @@ -200,7 +213,8 @@ body { // font setup font-family: "SOADialogue"; // font exported with 10px ascenders, 2px descenders - font-size: calc((10 + 2) * 1rem); + font-size: 12rem; + // trying our goddamn best to make the browser render the pixel font // correctly, except i dont think this actually helps lol // text-rendering: geometricPrecision;