skopcaak/skopec.dev
1
1
Fork 0
mirror of https://github.com/pepaskopec-blip/skopec.dev.git synced 2026-10-27 07:04:33 +00:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: skopcaak:0b497ea165792e930efae4adf4bf3072958f6b4d
Branches Tags
skopcaak:main
..
compare: skopcaak:5ea4af376707bac885e91c87b40fefbe7faf99c1
Branches Tags
skopcaak:main

2 commits
0b497ea165 ... 5ea4af3767

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
Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -209,6 +209,18 @@
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</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>
</div>
</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>
</a>
<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>
</div>
</div>

13
style.css
View file

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