Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed mobile crimes I think, slightly wonky on desktop but oh well

Browse source
This commit is contained in:
Pagwin 2025-01-25 12:01:51 -05:00
parent 313d230169
commit bb8f60337f
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 10 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
static/css/layout.css
View file

@ -10,11 +10,11 @@ dt{
:root {
--base-text-size: 1.1rem;
font-size: 18px;
}
body {
padding: 0px;
margin: 0px;
font-size: 1.75rem;
font-family: "Atkinson Hyperlegible", sans-serif;
-webkit-font-smoothing: antialiased;
@ -88,25 +88,6 @@ dt {
/*needed to fix the outline vanishing due to overflow hidden*/
padding: 2px;
}
/*font sizes*/
h1 {
font-size:1.2em;
}
h2 {
font-size: 0.9em;
}
h3 {
font-size: 0.8em;
}
h4 {
font-size: 0.65em;
}
h5 {
font-size: 0.6em;
}
ul, ol {
font-size: calc(2em/3);
}
h1, h2, h3, h4, h5, h6 {
font-family: "Courier Prime", Georgia, serif;
@ -114,22 +95,22 @@ h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
p{
font-size: var(--base-text-size);
text-wrap: pretty;
}
a {
font-size: var(--base-text-size);
font-size: inherit;
}
pre {
font-size: var(--base-text-size);
font-size: inherit;
}
time {
font-size: var(--base-text-size);
font-size: inherit;
}
.sourceCode {
font-size: var(--base-text-size);
font-size: inherit;
}
.info {
font-size: var(--base-text-size);
font-size: inherit;
}
@ -153,7 +134,8 @@ header#header {
/*https://ux.stackexchange.com/a/34148*/
/*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/
max-width: 55ch;
/*or maybe not, https://en.wikipedia.org/wiki/Line_length#Electronic_text*/
max-width: 66ch;
border-radius: 0.5rem;

2
templates/default.html
View file

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<!-- not sure if this is good or bad for mobile -->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{{title}}} · Pagwin's website</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>