emilis
/
werewolves
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bake in liberation serif font

This commit is contained in:
emilis 2025-11-18 15:31:55 +00:00
parent fff3c5e366
commit 2595c96cb8
No known key found for this signature in database
3 changed files with 41 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
werewolves/assets/fonts/liberation-serif.css Normal file
View File

File diff suppressed because one or more lines are too long

1
werewolves/index.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>werewolves</title> <title>werewolves</title>
<link rel="icon" href="/img/wolf.svg" /> <link rel="icon" href="/img/wolf.svg" />
<link rel="stylesheet" href="/assets/fonts/liberation-serif.css" />
<link data-trunk rel="sass" href="index.scss" /> <link data-trunk rel="sass" href="index.scss" />
<link data-trunk rel="copy-dir" href="img"> <link data-trunk rel="copy-dir" href="img">
<link data-trunk rel="copy-dir" href="assets"> <link data-trunk rel="copy-dir" href="assets">

15
werewolves/index.scss
View File

@ -83,6 +83,7 @@ body {
max-width: 100vw; max-width: 100vw;
top: 0px; top: 0px;
left: 0px; left: 0px;
font-family: 'Liberation Serif';
font-size: 1.5vh; font-size: 1.5vh;
user-select: none; user-select: none;
@ -198,7 +199,6 @@ nav.host-nav {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
font-family: 'Cute Font';
&.marked { &.marked {
filter: hue-rotate(90deg); filter: hue-rotate(90deg);
@ -318,7 +318,6 @@ nav.host-nav {
button { button {
font-size: 1rem; font-size: 1rem;
font-family: 'Cute Font';
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
@ -341,7 +340,6 @@ button {
position: absolute; position: absolute;
margin-top: 100px; margin-top: 100px;
min-width: 20vw; min-width: 20vw;
font: 'Cute Font';
color: rgba(255, 0, 0, 1); color: rgba(255, 0, 0, 1);
background-color: black; background-color: black;
border: 1px solid rgba(255, 0, 0, 0.3); border: 1px solid rgba(255, 0, 0, 0.3);
@ -356,7 +354,6 @@ button {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
font-family: 'Cute Font';
font-size: 1.5em; font-size: 1.5em;
overflow-y: hidden; overflow-y: hidden;
} }
@ -364,7 +361,6 @@ button {
.settings { .settings {
list-style: none; list-style: none;
font-family: 'Cute Font';
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 20px; margin-left: 20px;
@ -489,7 +485,6 @@ button.confirm {
.role-list { .role-list {
list-style: none; list-style: none;
font-family: 'Cute Font';
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
@ -648,7 +643,6 @@ bool_role {
client { client {
list-style: none; list-style: none;
font-family: 'Cute Font';
// font-size: 0.7rem; // font-size: 0.7rem;
display: flex; display: flex;
// flex-wrap: wrap; // flex-wrap: wrap;
@ -664,7 +658,6 @@ client {
clients { clients {
list-style: none; list-style: none;
font-family: 'Cute Font';
// font-size: 0.7rem; // font-size: 0.7rem;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -675,7 +668,6 @@ clients {
.role-reveal-cards { .role-reveal-cards {
list-style: none; list-style: none;
font-family: 'Cute Font';
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
@ -736,7 +728,6 @@ clients {
.row-list { .row-list {
list-style: none; list-style: none;
font-family: 'Cute Font';
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
@ -769,8 +760,6 @@ clients {
align-content: center; align-content: center;
align-items: center; align-items: center;
font-family: 'Cute Font';
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: 2rem; font-size: 2rem;
@ -908,7 +897,6 @@ error {
.identity { .identity {
list-style: none; list-style: none;
font-family: 'Cute Font';
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0px; gap: 0px;
@ -1484,7 +1472,6 @@ input {
filter: saturate(40%); filter: saturate(40%);
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
font-weight: bolder;
&.wakes { &.wakes {
border: 2px solid yellow; border: 2px solid yellow;