maybe better?

This commit is contained in:
2026-07-09 12:21:33 +02:00
parent 45b21066f4
commit cbf0ef55a1
3 changed files with 4 additions and 3 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
<div class="container"> <div class="container">
<h1>Blog</h1> <h1>Blog</h1>
<p class="tag">Updates from my self-hosting and systems administration journey.</p> <p class="tag">Updates from my self-hosting and systems administration journey.</p>
<p class="header-links"><a href="index.html">Home</a><a href="https://git.organic-server.org">Gitea</a></p> <p class="header-links"><a href="index.html">Home</a><a id="git-link" href="https://git.organic-server.org/organic-CPU">Gitea</a></p>
</div> </div>
</header> </header>
+1 -1
View File
@@ -11,7 +11,7 @@
<div class="container"> <div class="container">
<h1>Marcus Sailer</h1> <h1>Marcus Sailer</h1>
<p class="tag">Systems Administrator · Self-Hosting · Network Security</p> <p class="tag">Systems Administrator · Self-Hosting · Network Security</p>
<p class="header-links"><a href="blog.html">Blog</a> <a id="git-link" href="https://git.organic-server.org">Gitea</a></p> <p class="header-links"><a href="blog.html">Blog</a> <a id="git-link" href="https://git.organic-server.org/organic-CPU">Gitea</a></p>
</div> </div>
</header> </header>
+2 -1
View File
@@ -38,8 +38,9 @@ a:hover { color:#991b1b; text-decoration:underline; }
@media (max-width:520px){ h2 { font-size:1.4rem; } .site-header h1 { font-size:1.6rem; } .container { padding:16px; } } @media (max-width:520px){ h2 { font-size:1.4rem; } .site-header h1 { font-size:1.6rem; } .container { padding:16px; } }
.header-links { margin-top:12px; } .header-links { margin-top:12px; }
.header-links a { color:#fff; background:rgba(255,255,255,0.12); padding:8px 14px; border-radius:6px; text-decoration:none; transition:all 0.2s ease; display:inline-block; font-size:0.95rem; font-weight:500; } .header-links a { color:#fff; background:rgba(255,255,255,0.12); padding:0 14px; border-radius:6px; text-decoration:none; transition:all 0.2s ease; display:inline-flex; align-items:center; justify-content:center; height:36px; font-size:0.95rem; font-weight:500; line-height:1; }
.header-links a:hover { background:rgba(255,255,255,0.25); } .header-links a:hover { background:rgba(255,255,255,0.25); }
.header-links a + a { margin-left:10px; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:16px; } .gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:16px; }
.gallery img { width:100%; height:150px; object-fit:cover; border-radius:8px; cursor:pointer; display:block; transition:all 0.3s ease; border:2px solid transparent; } .gallery img { width:100%; height:150px; object-fit:cover; border-radius:8px; cursor:pointer; display:block; transition:all 0.3s ease; border:2px solid transparent; }