From a40fb870533aea0f69fcd90e2773d9b5d5d4dd56 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Mon, 24 Jun 2024 16:04:54 +0700
Subject: [PATCH] Update contact list

---
 index.html      | 113 +++++++++++++++++++++++++++++++++++-------------
 more-links.html |  40 -----------------
 style.css       |   2 +-
 3 files changed, 83 insertions(+), 72 deletions(-)

diff --git a/index.html b/index.html
index d9e4119..058e679 100644
--- a/index.html
+++ b/index.html
@@ -266,50 +266,102 @@
 
         <div class="list" >
 
-        <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://t.me/latenightdef">
-            <div style="display: flex; margin-left: 0.5cm; align-items: center; ">
-              <p>Telegram</p>
-            </div>
-            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-        </a>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://t.me/latenightdef">
+              <div style="display: flex; margin-left: 0.5cm; align-items: center; ">
+                <p>Telegram</p>
+              </div>
+              <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
   
         <div class="separator"></div>
         
-        <a target="_blank" rel="noopener noreferrer" class="listaction" href="mailto:pongpeera_w@proton.me">
-          <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-            <p>Email</p>
-          </div>
-          <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-        </a>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="mailto:pongpeera_w@proton.me">
+            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
+              <p>Email</p>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
 
         <div class="separator"></div>
         
-        <a target="_blank" rel="noopener noreferrer" class="listaction" href="tel:0982891252">
-          <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-            <p>Phone</p>
-          </div>
-          <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-        </a>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="tel:0982891252">
+            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
+              <p>Phone</p>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
         
         <div class="separator"></div>
 
-        <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://f-social.techtransthai.org/@latenightdef">
-          <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-            <p>Fediverse</p>
-          </div>
-          <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-        </a>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://f-social.techtransthai.org/@latenightdef">
+            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
+              <p>Fediverse</p>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
 
         <div class="separator"></div>
 
-        <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://matrix.to/#/@latenightdef:matrix.org">
-          <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-            <p>Matrix</p>
-          </div>
-          <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-        </a>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://matrix.to/#/@latenightdef:matrix.org">
+            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
+              <p>Matrix</p>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
 
         <div class="separator"></div>
+  
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.instagram.com/latenightdef/">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>Instagram</p>
+                <p class="description">Discouraged; Privacy issues</p>
+              </div>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
+
+        <div class="separator"></div>
+  
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://web.facebook.com/pongpeera054">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>Facebook</p>
+                <p class="description">Discouraged; Privacy issues</p>
+              </div>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+          </a>
+
+      <div class="separator"></div>
+
+        <a class="listaction">
+          <div style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+            <div>
+              <p>Discord username</p>
+              <p class="description">Discouraged; Anti-features</p>
+            </div>
+          </div>
+          <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
+            <p>latenightdef</p>
+          </div>
+        </a>
+
+      <div class="separator"></div>
+
+        <a class="listaction">
+          <div style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+            <div>
+              <p>LINE (line.me) ID</p>
+              <p class="description">Discouraged; No Linux support</p>
+            </div>
+          </div>
+          <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
+            <p>pongpeera054</p>
+          </div>
+        </a>
+
+      <div class="separator"></div>
 
         <a  class="listaction" href="more-links.html">
           <div style="display: flex; margin-left: 0.5cm; align-items: center;">
@@ -318,7 +370,6 @@
           <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px" ><path fill="currentColor" d="m 4 0.996094 v 1 c 0 0.296875 0.125 0.558594 0.328125 0.742187 l 5.257813 5.257813 l -5.257813 5.261718 l -0.035156 0.03125 c -0.179688 0.183594 -0.292969 0.433594 -0.292969 0.707032 v 1 h 1 c 0.277344 0 0.527344 -0.109375 0.707031 -0.292969 l 0.035157 -0.03125 l 6.671874 -6.675781 l -6.671874 -6.671875 c -0.183594 -0.199219 -0.449219 -0.328125 -0.742188 -0.328125 z m 0 0"/></svg>
         </a>
           
-          
         </div>
       </div>
     </div>
diff --git a/more-links.html b/more-links.html
index 744adc9..a87b329 100644
--- a/more-links.html
+++ b/more-links.html
@@ -69,46 +69,6 @@
             </div>
             <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
           </a>
-  
-          <div class="separator"></div>
-
-          <a class="listinfo">
-            <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
-              <p>Discord username</p>
-            </div>
-            <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
-              <p>latenightdef</p>
-            </div>
-          </a>
-
-          <div class="separator"></div>
-  
-          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://web.facebook.com/pongpeera054">
-            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-              <p>Facebook</p>
-            </div>
-            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-          </a>
-  
-          <div class="separator"></div>
-  
-          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.instagram.com/latenightdef/">
-            <div style="display: flex; margin-left: 0.5cm; align-items: center;">
-              <p>Instagram</p>
-            </div>
-            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
-          </a>
-  
-          <div class="separator"></div>
-
-          <a class="listinfo">
-            <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
-              <p>LINE (line.me) ID</p>
-            </div>
-            <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
-              <p>pongpeera054</p>
-            </div>
-          </a>
 
           <div class="separator"></div>
   
diff --git a/style.css b/style.css
index 477da06..26fb3a9 100644
--- a/style.css
+++ b/style.css
@@ -40,7 +40,7 @@ html *
 } 
 
 .description {
-  font-size: 10pt;
+  font-size: 9pt;
   margin-top: -0.3cm;
   opacity: 0.5;
 }