add works, colors and insta
This commit is contained in:
parent
6d7e090c73
commit
c265d079d4
1 changed files with 98 additions and 16 deletions
|
@ -44,8 +44,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://weblate.org" class="headerbutton">
|
<a class="headerbutton">
|
||||||
Weblate
|
Localization
|
||||||
</a>
|
</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/HTML" class="headerbutton">
|
<a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/HTML" class="headerbutton">
|
||||||
HTML
|
HTML
|
||||||
|
@ -139,15 +139,24 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="separator"></div>
|
<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">
|
<a class="listinfo">
|
||||||
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
|
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
|
||||||
<p>Favorite colors</p>
|
<p>Favorite colors</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
|
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; ">
|
||||||
<div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
|
<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: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></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: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></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: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></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>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
@ -156,7 +165,7 @@
|
||||||
<h3>Works & contributions as a student at KMITL (2021-now)</h3>
|
<h3>Works & contributions as a student at KMITL (2021-now)</h3>
|
||||||
|
|
||||||
<div class="list" >
|
<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 style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
|
||||||
<div>
|
<div>
|
||||||
<p>QUICGEAR - A gaming trading and auction platform</p>
|
<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>
|
<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>
|
||||||
<div class="separator"></div>
|
<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 style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
|
||||||
<div>
|
<div>
|
||||||
<p>Language Learning Flashcards</p>
|
<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>
|
<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>
|
||||||
<div class="separator"></div>
|
<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 style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
|
||||||
<div>
|
<div>
|
||||||
<p>KMITLfood - Food delivery platform</p>
|
<p>KMITLfood - Food delivery platform</p>
|
||||||
|
@ -186,18 +195,83 @@
|
||||||
<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>
|
<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>
|
||||||
|
|
||||||
|
<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>
|
</div>
|
||||||
|
|
||||||
<h3>Other works</h3>
|
<h3>Other works</h3>
|
||||||
|
|
||||||
<div class="list" >
|
<div class="list" >
|
||||||
<a class="listinfo">
|
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
|
||||||
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
|
<div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
|
||||||
<p>...</p>
|
<div>
|
||||||
|
<p>This Week in BOINC articles and the BOINC team.</p>
|
||||||
|
<p class="description">TechTransThai - Compute4Change</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;">
|
</div>
|
||||||
<p>...</p>
|
<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>
|
||||||
|
</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>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -292,6 +366,14 @@
|
||||||
<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>
|
<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>
|
||||||
|
|
||||||
|
<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>
|
<div class="separator"></div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue