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

get the other font working as well

Browse source
This commit is contained in:
erin 2023-07-17 23:54:15 -04:00
parent e1eb83c73c
commit df4f67ce8f
6 changed files with 46 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
out/font/SOAUI.ttf Normal file
View file

Binary file not shown.

14
out/index.html
View file

@ -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>

18
out/style.css
View file

@ -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;

2
out/style.css.map
View file

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