diff options
| author | Ahmed <git@gumx.cc> | 2026-06-14 16:40:51 +0300 |
|---|---|---|
| committer | Ahmed <git@gumx.cc> | 2026-06-14 16:40:51 +0300 |
| commit | 98b5211958fcf4ee992efb80c83c452de094f9d4 (patch) | |
| tree | 9e733ab2871e4d04f3e185b3373c122905135670 /wr | |
| parent | 3296eee590f795022dfae49567860270af5c6d51 (diff) | |
add: hooks and other vibed edits
Diffstat (limited to 'wr')
| -rwxr-xr-x | wr | 37 |
1 files changed, 22 insertions, 15 deletions
@@ -90,23 +90,32 @@ build_webring() { } </script> <style> - html { height:100%; background:white; } - body { background:white; color:black; font-family:monospace; font-size:16px; line-height:1.4; margin:0; padding:4rem 0; min-height:100%; overflow-wrap:break-word; } - main { max-width:640px; margin:0 auto; padding:0 2rem; } - h1 { text-align:center } - ul { display: flow-root; } - li, nav a { width: 40%; float: left; margin: 0 5%; } - nav a { text-decoration: none; display: block; text-align: center; } - body[theme="dark"] { filter:invert(1); } - @media (prefers-color-scheme: dark) { body[theme="auto"] { filter:invert(1); } } - @media (max-width:640px) { li { width: 90%; } } + @font-face { font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Regular.woff2); font-weight: normal; } + @font-face { font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Bold.woff2); font-weight: bold; } + * { unicode-bidi: plaintext; box-sizing: border-box; } + html { color: black; background-color: white; } + body { font-family: "Kawkab Mono", monospace; font-size: 16px; line-height: 1.4; margin: 0; padding: 4rem 0; min-height: 100%; overflow-wrap: break-word; } + main, header, footer { max-width: 800px; margin-inline: auto; padding: 0 2rem; } + h1, header, footer { text-align: center; } + p, h2, h3 { margin: 1em 0 0 0; } + a { color: inherit; } + header { margin-bottom: 1em; } + footer { margin-top: 3em; } + hr { border: none; border-top: 1px solid; margin: 1.25rem 0; } + ul { list-style: none; padding: 0; margin: 1em 0; } + li { padding: 0.25rem 0; } + nav { margin-top: 1.5em; display: flex; justify-content: center; gap: 1.5em; } + @media (max-width: 600px) { body { font-size: 0.9em; } h1 { font-size: 1.8em; } } + @media (max-width: 400px) { body { font-size: 0.8em; } h1 { font-size: 1.6em; } } + @media (prefers-color-scheme: dark) { html { filter: invert(1); } img { filter: invert(1); } } </style> </head> -<body theme="auto"> +<body> + <header> + <h1><a href="https://gumx.cc">gumx</a> / webring</h1> + </header> <main> - <h1>ω webring</h1> - <hr /> <ul> INDEX_PAGE_TOP @@ -137,11 +146,9 @@ INDEX_PAGE_TOP cat << INDEX_PAGE_BOTTOM >> public/index.html </ul> - <hr /> <p>This is an attempt to replicate <a href="https://wiki.xxiivv.com/site/devine_lu_linvega.html">Devine Lu Linvega</a>'s <a href="https://webring.xxiivv.com/">webring</a> in a very minimal way, and with a lower technical bar.</p> <p>To add your site to the webring, follow the instructions <a href="https://git.sr.ht/~gumxcc/webring.gumx.cc#host-your-own">here</a>. For issues, source code, documentation, visit the <a href="https://sr.ht/~a2/webring/">project page on sourcehut</a></p> <p>This project is licensed under <a href="https://git.sr.ht/~gumxcc/webring.gumx.cc/tree/main/item/LICENSE">MIT license</a></p> - <hr /> <nav> <a href="/${DOMAIN}/previous">≺ previous</a> <a href="/${DOMAIN}/next">next ≻</a> |