From c265d079d4ee01ca0dc9a44bd8c86d594f638fc2 Mon Sep 17 00:00:00 2001
From: VRSasha <pongpeera054@protonmail.com>
Date: Thu, 21 Sep 2023 02:02:44 +0700
Subject: [PATCH] add works, colors and insta

---
 latenightdef/profile.html | 114 ++++++++++++++++++++++++++++++++------
 1 file changed, 98 insertions(+), 16 deletions(-)

diff --git a/latenightdef/profile.html b/latenightdef/profile.html
index 10fbf89..c0b44bf 100644
--- a/latenightdef/profile.html
+++ b/latenightdef/profile.html
@@ -44,8 +44,8 @@
     </div>
 
     <div class="header">
-      <a target="_blank" rel="noopener noreferrer" href="https://weblate.org" class="headerbutton">
-        Weblate
+      <a class="headerbutton">
+        Localization
       </a>
       <a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/HTML" class="headerbutton">
         HTML
@@ -139,15 +139,24 @@
               </div>
           </a>
           <div class="separator"></div>
+          <a class="listinfo">
+            <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
+              <p>Languages</p>
+            </div>
+            <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
+              <p>en_US, th_TH</p>
+            </div>
+        </a>
+        <div class="separator"></div>
           <a class="listinfo">
               <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
                 <p>Favorite colors</p>
               </div>
-              <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
-                <div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
-                <div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
-                <div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
-                <div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
+              <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; ">
+                <div style="background-color: #FAFAFA; width: 1.7cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm; display: flex; align-items: center; justify-content: center; color: #000; font-size: small;">#FAFAFA</div>
+                <div style="background-color: #E7C09D; width: 1.7cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm; display: flex; align-items: center; justify-content: center; color: #000; font-size: small;">#E7C09D</div>
+                <div style="background-color: #CD7C87; width: 1.7cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: small;">#CD7C87</div>
+                <div style="background-color: #222222; width: 1.7cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: small;">#222222</div>
               </div>
           </a>
 
@@ -156,7 +165,7 @@
         <h3>Works & contributions as a student at KMITL (2021-now)</h3>
 
         <div class="list" >
-          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/worachote1/QUIC-GEAR">
               <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
                 <div>
                   <p>QUICGEAR - A gaming trading and auction platform</p>
@@ -166,7 +175,7 @@
               <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://quicgear.techtransthai.org">
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://gitlab.com/latenightdef/language-learning-flashcards">
             <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
               <div>
                 <p>Language Learning Flashcards</p>
@@ -176,7 +185,7 @@
             <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://quicgear.techtransthai.org">
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/SaranthornP/KMITLFOOD_miniproject">
             <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
               <div>
                 <p>KMITLfood - Food delivery platform</p>
@@ -185,19 +194,84 @@
             </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://inv.techtransthai.org/XsBgzaa-Iq8">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>ServerTricks: เซ็ตอัปเซิร์ฟเวอร์ของเราด้วย Fedora Server Edition</p>
+                <p class="description">SYSTEM PLATFORM ADMINISTRATION, 2022</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://github.com/latenightdef/LibreDog">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>LibreDog - A web browser written in Java</p>
+                <p class="description">OBJECT ORIENTED PROGRAMMING, 2022</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://codeberg.org/latenightdef/cursedsnakegame">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>CursedSnakeGame - เกมงูที่เขียนด้วย C++ และ (n)curses</p>
+                <p class="description">PROGRAMMING FUNDAMENTALS, 2021</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>
 
         <h3>Other works</h3>
 
         <div class="list" >
-          <a class="listinfo">
-              <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
-                <p>...</p>
+          <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>This Week in BOINC articles and the BOINC team.</p>
+                <p class="description">TechTransThai - Compute4Change</p>
               </div>
-              <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;">
-                <p>...</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://quicgear.techtransthai.org">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>Little Lines hosting</p>
+                <p class="description">openKMITL & OpenTech Thailand Community</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://quicgear.techtransthai.org">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>10,000+ clips validated for Thai language</p>
+                <p class="description">Mozilla Common Voice</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://quicgear.techtransthai.org">
+            <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
+              <div>
+                <p>19,000+ Map changes</p>
+                <p class="description">OpenStreetMap</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>
@@ -291,7 +365,15 @@
           </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>