Compare commits

..

No commits in common. "5ea4af376707bac885e91c87b40fefbe7faf99c1" and "0b497ea165792e930efae4adf4bf3072958f6b4d" have entirely different histories.

2 changed files with 10 additions and 17 deletions

View file

@ -209,18 +209,6 @@
<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>
@ -323,7 +311,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">
<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> <img src="icons/quipee.png" alt="" width="20" height="20">
</a> </a>
</div> </div>
</div> </div>

View file

@ -377,8 +377,7 @@ 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;
@ -432,8 +431,7 @@ 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;
} }
@ -528,6 +526,13 @@ 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;