add works, colors and insta

This commit is contained in:
Late Night Defender 2023-09-21 02:02:44 +07:00
parent 6d7e090c73
commit c265d079d4

View file

@ -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>