style code block filenames

This commit is contained in:
Joshua Seigler 2025-06-15 16:56:49 -04:00
parent 510a49ec0e
commit 2f85867a05
3 changed files with 44 additions and 9 deletions

View file

@ -6,7 +6,7 @@ pre[class*="language-"] {
word-spacing: normal;
word-break: normal;
word-wrap: normal;
font-size: 1em;
font-size: 0.8rem;
line-height: 1.5em;
color: var(--c-text-dim);
-moz-tab-size: 4;
@ -30,6 +30,15 @@ pre[class*="language-"] {
margin: 0.5em 0;
padding: 1.25em 1em;
}
p:has(+ pre[class*="language-"]) > code {
margin: 0;
padding: 0.1em 1em;
border-radius: none;
background: none;
}
p:has(>code) + pre[class*="language-"] {
margin-top: 0;
}
[class*="language-"] .namespace {
opacity: 0.7;
}

View file

@ -246,9 +246,9 @@ ul.collection {
}
p {
margin: 0;
+ p {
margin-top: 1lh;
}
}
p + p, pre + p {
margin-top: 1lh;
}
blockquote {
position: relative;
@ -485,6 +485,30 @@ h1 {
}
}
@media screen {
p:has(+ pre[class*="language-"] > code) {
position: relative;
font-size: 0.8em;
}
p:has(+ pre[class*="language-"]) > code::after {
content: "";
pointer-events: none;
opacity: 0.5;
position: absolute;
z-index: -1;
bottom: 0;
left: -2rem;
height: 4rem;
width: 20rem;
max-width: 100%;
background: radial-gradient(
ellipse farthest-side at 50% 100%,
var(--c-highlight),
transparent
);
}
}
main {
h1,
h2,

View file

@ -10,18 +10,20 @@ I recently started self-hosting [Forgejo](https://forgejo.org/), but I wanted so
When I push a `gh-pages` branch to any public repository on my Forgejo instance, the name of the repo is used as a domain name (e.g. [marklink.pages.seigler.net](https://marklink.pages.seigler.net/)) and the branch contents are automatically served with SSL. If I push updates to the branch, they are automatically published. If the branch or repo is deleted, the site is taken down.
## How to do it
### Debian server preparation
In case you don't have a basic server setup routine yet, this is a good start:
- Change the default root password
- Create a new user, add it to the sudo group. In my examples below the user is `joshua`.
- Use `ssh-copy-id` to install your ssl pubkey for easier login
- Disable/lock root's password
- Change the default root password.
- Create a new user and add it to the sudo group. In my examples below the user is `joshua`.
- Use `ssh-copy-id` to install your ssl pubkey for easier login.
- Disable/lock root's password.
- Disable root login over ssh and change the SSL port number. Pick a new port lower than 1024.
- Edit your local `~/.ssh/config` so you don't have to specify the port number every time you connect.
- On the server, install and enable `ufw` and `fail2ban`. In addition to allowing your custom SSL port, be sure to enable ports 80 and 443 with `sudo ufw allow "WWW Full"`.
### Caddy
I usually use nginx, but I wanted to give Caddy a shot, and it has been a great experience. I installed Caddy using the [official instructions](https://caddyserver.com/docs/install).
Here is the Caddyfile I made - you will need to change the domains names and the email. Email could be removed, but it is recommended so SSL certificate issues can contact you if there is a problem with your certificates.
Here is the Caddyfile I made---you will need to change the domains names and the email. Email could be removed, but it is recommended so SSL certificate issuers can contact you if there is a problem with your certificates.
`/etc/caddy/Caddyfile`
```undefined