William
/
willy.club
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Unify fonts or something

This commit is contained in:
William 2023-01-22 12:42:45 +01:00
parent 8a0135ac54
commit f0ab15e3e4
5 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/static/style/fonts.css Normal file
View File

@ -0,0 +1,9 @@
body {
font-size: 1rem;
font-family: DejaVu Serif, Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
line-height: 1.5;
}
code, pre {
font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}

4
public/static/style/main.css
View File

@ -5,11 +5,8 @@ html, body {
body { body {
background-color: darkblue; background-color: darkblue;
background: url('../img/stars.png'); background: url('../img/stars.png');
font-size: 1rem;
text-align: center; text-align: center;
color: white; color: white;
line-height: 1.5;
font-family: serif;
image-rendering: pixelated; image-rendering: pixelated;
} }
@ -35,7 +32,6 @@ code {
display: block; display: block;
max-width: min-content; max-width: min-content;
margin: auto; margin: auto;
font-family: monospace;
background: black; background: black;
color: greenyellow; color: greenyellow;
padding: .75rem; padding: .75rem;

3
views/pages/willychat/index.php
View File

@ -16,6 +16,9 @@
display: flex; display: flex;
flex-flow: column; flex-flow: column;
color: white; color: white;
font-size: 1rem;
font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
body .messages { body .messages {
flex: 1 1 auto; flex: 1 1 auto;

9
views/pages/willychat/messages.php
View File

@ -4,13 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?=url('/static/style/fonts.css')?>">
</head> </head>
<body> <body>
<style> <style>
div { div {
border: 1px solid silver; border: 1px solid silver;
margin-bottom: 8px; margin-bottom: .5rem;
padding: 8px; padding: .5rem;
background: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.75);
color: white; color: white;
} }
@ -19,13 +20,13 @@
} }
div > p { div > p {
margin: 0; margin: 0;
margin-top: 8px; margin-top: .5rem;
} }
</style> </style>
<?php foreach($messages as $message): ?> <?php foreach($messages as $message): ?>
<div> <div>
<small><?=gmdate("D M j G:i:s Y", $message['date']);?> <?=htmlspecialchars($message['nick'])?> says:</small> <small><?=gmdate("D M j G:i:s Y", $message['date']);?> <span style="color: yellow"><?=htmlspecialchars($message['nick'])?></span> says:</small>
<p><?=htmlspecialchars($message['text'])?></p> <p><?=htmlspecialchars($message['text'])?></p>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>

1
views/templates/header.php
View File

@ -13,6 +13,7 @@ function special_events(): string {
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?=htmlspecialchars($title)?> - the Willy Club</title> <title><?=htmlspecialchars($title)?> - the Willy Club</title>
<link rel="stylesheet" href="<?=url('/static/style/fonts.css')?>">
<link rel="stylesheet" href="<?=url('/static/style/main.css')?>"> <link rel="stylesheet" href="<?=url('/static/style/main.css')?>">
<link rel="shortcut icon" href="<?=url('/static/img/3d-spinning-toilet-smiley-emoticon-small.gif')?>" type="image/x-icon"> <link rel="shortcut icon" href="<?=url('/static/img/3d-spinning-toilet-smiley-emoticon-small.gif')?>" type="image/x-icon">
</head> </head>