ari/arimelody-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

blog style improvements; fix connection pool drain

Browse source
This commit is contained in:
ari melody 2025-11-08 18:42:02 +00:00
parent 0a75216aaf
commit 1d98a6fdca
Signed by: ari
GPG key ID: CF99829C92678188
8 changed files with 51 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

46
public/style/blogpost.css
View file

@ -6,7 +6,7 @@
}
main {
width: min(calc(100% - 4rem), 1200px);
width: min(calc(100% - 4rem), 800px);
margin: 0 auto 1rem auto;
}
@ -70,24 +70,26 @@ main {
margin: 0;
}
article#blog p:hover,
#blog p:hover,
.comment p:hover {
background: inherit;
}
article#blog {
#blog {
font-size: 22px;
}
article#blog h1 {
#blog h1 {
margin-bottom: 0;
font-size: 1.8em;
}
#blog h2::before { content: "## " }
#blog h3::before { content: "### " }
.blog-author {
margin: .2em 0;
}
article#blog .blog-author img {
#blog .blog-author img {
width: 1.3em;
height: 1.3em;
display: inline-block;
@ -104,11 +106,11 @@ article#blog .blog-author img {
opacity: .75;
}
article#blog {
#blog {
font-family: 'Lora', serif;
}
article#blog header {
#blog header {
position: relative;
width: auto;
font-family: 'Monaspace Argon', monospace;
@ -117,20 +119,20 @@ article#blog header {
z-index: 0;
}
article#blog p {
line-height: 1.5em;
#blog p {
line-height: 1.25em;
}
article#blog p.no-content {
#blog p.no-content {
font-style: italic;
opacity: .66;
}
article#blog sub {
#blog sub {
opacity: .75;
}
article#blog pre {
#blog pre {
max-height: 15em;
padding: .5em;
font-size: .9em;
@ -140,7 +142,7 @@ article#blog pre {
background: var(--background-alt);
}
article#blog p code {
#blog p code {
padding: .2em .3em;
font-size: .9em;
border: 1px solid #8884;
@ -148,20 +150,30 @@ article#blog p code {
background: var(--background-alt);
}
article#blog blockquote {
#blog blockquote {
margin: 1em 0;
padding: 0 0 0 1em;
border-left: .2em solid #8888;
}
article#blog img {
#blog img {
max-height: 50%;
max-width: 100%;
display: block;
}
article#blog i.end-mark {
#blog figure {
margin: 1em 0;
padding: 0 1em;
}
#blog figure.quote {
border-left: 4px solid color-mix(in srgb, var(--on-background), transparent 75%);
color: color-mix(in srgb, var(--on-background), transparent 25%);
}
#blog i.end-mark {
width: 1.2em;
height: 1.2em;
margin-top: -.2em;
@ -236,7 +248,7 @@ article#blog i.end-mark {
}
.comment-callout {
margin: 0 0 0 1em;
margin: 0 0 0 .5em;
}
.comment-callout:hover {
background: none;