Compare commits

..

2 commits

Author SHA1 Message Date
pepaskopec-blip
5ea4af3767 Add 2 services 2026-09-02 07:46:52 +02:00
pepaskopec-blip
3763673a80 Fixed Quipee icon 2026-09-02 07:41:08 +02:00
2 changed files with 17 additions and 10 deletions

View file

@ -209,6 +209,18 @@
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li>
<div class="service-item">
<span class="service-name">NAS</span>
<span class="service-host">local only</span>
</div>
</li>
<li>
<div class="service-item">
<span class="service-name">Pi-hole</span>
<span class="service-host">local only</span>
</div>
</li>
</ul> </ul>
</div> </div>
</section> </section>
@ -311,7 +323,7 @@
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4.7L12 13.75 4 8.7V6.55l8 5.05 8-5.05V8.7z"/></svg> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4.7L12 13.75 4 8.7V6.55l8 5.05 8-5.05V8.7z"/></svg>
</a> </a>
<a class="social-link" href="https://quipee.me/u/skopcaak_1" target="_blank" rel="noopener noreferrer" aria-label="Quipee" title="Quipee"> <a class="social-link" href="https://quipee.me/u/skopcaak_1" target="_blank" rel="noopener noreferrer" aria-label="Quipee" title="Quipee">
<img src="icons/quipee.png" alt="" width="20" height="20"> <svg viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10a9.96 9.96 0 0 0 6.928-2.778l2.425 2.425 1.414-1.414-2.425-2.425A9.96 9.96 0 0 0 22 12c0-5.523-4.477-10-10-10Zm0 2.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"/></svg>
</a> </a>
</div> </div>
</div> </div>

View file

@ -377,7 +377,8 @@ a:hover {
border-top: 1px solid var(--line-strong); border-top: 1px solid var(--line-strong);
} }
.service-list a { .service-list a,
.service-item {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto auto; grid-template-rows: auto auto;
@ -431,7 +432,8 @@ a:hover {
} }
@media (min-width: 640px) { @media (min-width: 640px) {
.service-list a { .service-list a,
.service-item {
grid-template-columns: 11rem minmax(0, 1fr) auto; grid-template-columns: 11rem minmax(0, 1fr) auto;
grid-template-rows: auto; grid-template-rows: auto;
} }
@ -526,13 +528,6 @@ a:hover {
fill: currentColor; fill: currentColor;
} }
.social-link img {
width: 1.25rem;
height: 1.25rem;
display: block;
border-radius: 0.25rem;
}
.connect-note { .connect-note {
margin: 1rem 0 0; margin: 1rem 0 0;
font-size: 0.9rem; font-size: 0.9rem;