diff --git a/index.html b/index.html
index 0c0ee0b..7d870ff 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/style.css b/style.css
index a016bca..df27bfb 100644
--- a/style.css
+++ b/style.css
@@ -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;