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 { :root {
--base-text-size: 1.1rem; --base-text-size: 1.1rem;
font-size: 18px;
} }
body { body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-size: 1.75rem;
font-family: "Atkinson Hyperlegible", sans-serif; font-family: "Atkinson Hyperlegible", sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -88,25 +88,6 @@ dt {
/*needed to fix the outline vanishing due to overflow hidden*/ /*needed to fix the outline vanishing due to overflow hidden*/
padding: 2px; 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 { h1, h2, h3, h4, h5, h6 {
font-family: "Courier Prime", Georgia, serif; font-family: "Courier Prime", Georgia, serif;
@ -114,22 +95,22 @@ h1, h2, h3, h4, h5, h6 {
font-weight: normal; font-weight: normal;
} }
p{ p{
font-size: var(--base-text-size); text-wrap: pretty;
} }
a { a {
font-size: var(--base-text-size); font-size: inherit;
} }
pre { pre {
font-size: var(--base-text-size); font-size: inherit;
} }
time { time {
font-size: var(--base-text-size); font-size: inherit;
} }
.sourceCode { .sourceCode {
font-size: var(--base-text-size); font-size: inherit;
} }
.info { .info {
font-size: var(--base-text-size); font-size: inherit;
} }
@ -153,7 +134,8 @@ header#header {
/*https://ux.stackexchange.com/a/34148*/ /*https://ux.stackexchange.com/a/34148*/
/*https://pearsonified.com/golden-ratio-typography-intro/*/ /*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/ /*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; border-radius: 0.5rem;

2
templates/default.html
View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- not sure if this is good or bad for mobile --> <!-- 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> <title>{{{title}}} · Pagwin's website</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>