mbk/twopn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use header instead of a div + fancier dark mode header

Browse source
This commit is contained in:
mehbark 2026-01-25 20:44:58 -05:00
parent df49cba938
commit f0ab10899a
Signed by: mbk
GPG key ID: E333EC1335FFCCDB
3 changed files with 33 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
site-src/layout/badges.njk
View file

@ -55,7 +55,7 @@ hi cefqrn hi hi hi hi hi hi hi hi
<a href="https://deerz.one"><img title="the (ida) deer zone" src="https://deerz.one/img/88x31/deerzone.gif"></a> <a href="https://deerz.one"><img title="the (ida) deer zone" src="https://deerz.one/img/88x31/deerzone.gif"></a>
<a href="https://moonbase.lgbt" title="Moonbase Dot LGBT"><img src="https://moonbase.lgbt/88x31/moonbase.gif" alt="Moonbase Dot LGBT" width="88" height="31" /></a> <a href="https://moonbase.lgbt" title="Moonbase Dot LGBT"><img src="https://moonbase.lgbt/88x31/moonbase.gif" alt="Moonbase Dot LGBT" width="88" height="31" /></a>
<a href="https://easrng.net"><img title="em's net" src="https://badges.easrng.net/easrng.gif"></a> <a href="https://easrng.net"><img title="em's net" src="https://badges.easrng.net/easrng.gif"></a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" title="Lebsite Weague"><img src="/res/88x31/lebsite-weague.png" alt="lebsite weague" /></a> <a href="https://weague.awful.cloud/mehbark" title="my Lebsite Weague account"><img src="/res/88x31/lebsite-weague.png" alt="lebsite weague" /></a>
<a href="https://moonbase.lgbt/blog/nes-pictionary-in-memoriam/" title="NES Pictionary"><img src="https://moonbase.lgbt/88x31/nes-pictionary.png" alt="NES Pictionary" width="88" height="31"></a> <a href="https://moonbase.lgbt/blog/nes-pictionary-in-memoriam/" title="NES Pictionary"><img src="https://moonbase.lgbt/88x31/nes-pictionary.png" alt="NES Pictionary" width="88" height="31"></a>
<a href="https://nixos.org" title="fixes this"><img src="/res/88x31/nixos-88x31.png" alt="nixos logo" /></a> <a href="https://nixos.org" title="fixes this"><img src="/res/88x31/nixos-88x31.png" alt="nixos logo" /></a>
<iframe src="https://incr.easrng.net/badge?key=terezi.pyrope.net" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe> <iframe src="https://incr.easrng.net/badge?key=terezi.pyrope.net" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>

2
site-src/layout/page.njk
View file

@ -29,7 +29,7 @@ title: terezi.pyrope.net
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="terezi.pyrope.net atom feed"> <link rel="alternate" type="application/atom+xml" href="/feed.xml" title="terezi.pyrope.net atom feed">
</head> </head>
<body> <body>
<h1 id="site-title"><a href="/">T3R3Z1.PYROP3.N3T</a></h1> <header><a href="/">T3R3Z1.PYROP3.N3T</a></header>
<main> <main>
{% if title != "terezi.pyrope.net" %} {% if title != "terezi.pyrope.net" %}

47
site-src/res/main.css
View file

@ -3,6 +3,25 @@
padding: 0; padding: 0;
} }
header {
width: 100%;
font-family:
Courier New,
Courier,
monospace;
background: var(--accent2);
margin: 0;
grid-area: header;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
}
header > a {
color: var(--accent);
text-decoration: none;
}
body { body {
font-size: 14pt; font-size: 14pt;
line-height: 1.3; line-height: 1.3;
@ -47,6 +66,16 @@ main {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
header {
background: url(/res/prospit-extended.webp);
background-position-y: 65%;
background-clip: text;
}
header > a {
color: transparent;
}
body { body {
--fg: #f6f6f6; --fg: #f6f6f6;
--bg: #040402; --bg: #040402;
@ -121,7 +150,7 @@ h2 {
hyphens: none; hyphens: none;
} }
h1:not(#site-title) > a, h1 > a,
h2 > a { h2 > a {
text-decoration: none; text-decoration: none;
color: var(--fg); color: var(--fg);
@ -275,22 +304,6 @@ video {
margin-block-end: 1rem; margin-block-end: 1rem;
} }
#site-title {
width: 100%;
font-family:
Courier New,
Courier,
monospace;
background: var(--accent2);
margin: 0;
grid-area: header;
}
#site-title > a {
color: var(--accent);
text-decoration: none;
}
/*.badges a, marquee a, header a { /*.badges a, marquee a, header a {
border: none; border: none;
background-color: #00000000; background-color: #00000000;