erin/webring-static
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

88x31s are a thing

Browse source
This commit is contained in:
ewin 2024-09-06 07:07:41 -04:00
parent 4c5f6d4d5b
commit f80bea7357
Signed by: erin
SSH key fingerprint: SHA256:clvLPaxKthBet+VUQTKQdDkjaqg2/KnYHQaPASp5pFE
4 changed files with 93 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
out/index.html
View file

File diff suppressed because one or more lines are too long

20
out/style.css
View file

@ -138,6 +138,7 @@ main {
padding: 0 1rem; padding: 0 1rem;
font-family: "SOADialogue"; font-family: "SOADialogue";
font-size: 12rem; font-size: 12rem;
font-weight: normal;
} }
.textbox__advance { .textbox__advance {
--background: #FFF; --background: #FFF;
@ -217,4 +218,23 @@ ul {
margin-bottom: -5rem; 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 */ /*# sourceMappingURL=style.css.map */

2
out/style.css.map
View file

@ -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"} {"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"}

22
style.scss
View file

@ -239,6 +239,8 @@ main {
font-family: "SOADialogue"; font-family: "SOADialogue";
// font exported with 10px ascenders, 2px descenders // font exported with 10px ascenders, 2px descenders
font-size: 12rem; 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 // trying our goddamn best to make the browser render the pixel font
// correctly, except i dont think this actually helps lol // correctly, except i dont think this actually helps lol
@ -371,3 +373,23 @@ ul {
margin-bottom: -5rem; 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;
}