From 93be5b8d4a8ad74bccf55cb3c11c4f6ae96f0c63 Mon Sep 17 00:00:00 2001 From: erin Date: Fri, 6 Sep 2024 07:07:41 -0400 Subject: [PATCH] 88x31s are a thing --- out/index.html | 50 +++++++++++++++++++++++++++++++++++++++++++++++ out/style.css | 20 +++++++++++++++++++ out/style.css.map | 2 +- style.scss | 22 +++++++++++++++++++++ 4 files changed, 93 insertions(+), 1 deletion(-) diff --git a/out/index.html b/out/index.html index c1e083f..300444b 100644 --- a/out/index.html +++ b/out/index.html @@ -4,6 +4,8 @@ webring.umbreon.online + + @@ -87,6 +89,54 @@ Security: security@ewin.moe

+

+ umbreon.online + + + + the jukebox at loveshock.xyz + + + + + tempest.dev + + + lunar eclipse zone + + + elke.cafe + +

+

+ (the 88x31 for this site isnt really done yet please dont + include it on your site unless youre gonna check back here in + like a month to get the updated one when i eventually do + that) +

diff --git a/out/style.css b/out/style.css index a7789cf..d3a70ba 100644 --- a/out/style.css +++ b/out/style.css @@ -138,6 +138,7 @@ main { padding: 0 1rem; font-family: "SOADialogue"; font-size: 12rem; + font-weight: normal; } .textbox__advance { --background: #FFF; @@ -217,4 +218,23 @@ ul { margin-bottom: -5rem; } +.eightyeightbythirtyones { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: calc(2px * var(--pixel-scale)); + gap: calc(2px * var(--pixel-scale)); +} +.eightyeightbythirtyones img { + display: block; + box-shadow: 0 0 0 calc(1px * var(--pixel-scale)) rgba(255, 255, 255, 0.5); +} + +small { + display: inline-block; + font-size: 10px; + line-height: 1.5; +} + /*# sourceMappingURL=style.css.map */ diff --git a/out/style.css.map b/out/style.css.map index f6d4464..f24f096 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;EACC;EACA;;AAGD;EAEC;EAGA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASD;EACC;EACA,aACC;;;AAMF;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;;AAMA;EAdD;IAeE;;;;AAIF;EACC;EACA;EACA;;;AAID;EAKC;EAEA;EACA;;AAIA;EAEC;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;;AAOD;EAGC;EAIA;EACA;EAGA;EAEA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;;AAUE;EACF;EACM;EACA;EAEN;EACM;EACA;EACA;EACA;EACA;EACA,YAGI;;AAkCV;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAGF;EAjEE;IAkED;;;;AASF;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAKD;EACC;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,aACC;;;AAMF;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;;AAMA;EAdD;IAeE;;;;AAIF;EACC;EACA;EACA;;;AAID;EAKC;EAEA;EACA;;AAIA;EAEC;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;;AAOD;EAGC;EAIA;EACA;EAGA;EAEA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;EAEA;;AAUE;EACF;EACM;EACA;EAEN;EACM;EACA;EACA;EACA;EACA;EACA,YAGI;;AAkCV;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAGF;EAjEE;IAkED;;;;AASF;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/style.scss b/style.scss index 7d96a40..582126e 100644 --- a/style.scss +++ b/style.scss @@ -239,6 +239,8 @@ main { font-family: "SOADialogue"; // font exported with 10px ascenders, 2px descenders font-size: 12rem; + // this element might be a heading; we don't care + font-weight: normal; // trying our goddamn best to make the browser render the pixel font // correctly, except i dont think this actually helps lol @@ -371,3 +373,23 @@ ul { margin-bottom: -5rem; } } + +.eightyeightbythirtyones { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: calc(2px * var(--pixel-scale)); + gap: calc(2px * var(--pixel-scale)); + + img { + display: block; + box-shadow: 0 0 0 calc(1px * var(--pixel-scale)) rgb(255 255 255 / 0.5) + } +} + +small { + display: inline-block; + font-size: 10px; + line-height: 1.5; +}