latenightdef/latenightdef.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

redesign and update works page
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Late Night Defender 2025-03-13 06:44:43 +07:00
parent e01120321a
commit 175a3e4526
15 changed files with 874 additions and 342 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
files/indoor-mapping-osminedit.pdf Normal file
View file

Binary file not shown.

151
works/code/index.html Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Code Projects</h1>
<h3>Intern at i-bitz company limited (2024)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/mongo-replica-initializer">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>MongoDB replica set initializer</h3>
<div style="display: flex;">
<div class="tags">Python</div>
<div class="tags">Go</div>
<div class="tags">MongoDB</div>
<div class="tags">Docker</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/simple-compose-runner">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Simple compose runner</h3>
<div style="display: flex;">
<div class="tags">Go</div>
<div class="tags">Docker</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://codeberg.org/techtransthai/thailinux.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>TLUC Website</h3>
<div style="display: flex;">
<div class="tags">Link Aggregator</div>
<div class="tags">2024</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>TechTransThai Website</h3>
<div style="display: flex;">
<div class="tags">Homepage</div>
<div class="tags">2023</div>
<div class="tags">HTML</div>
<div class="tags">CSS</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Little Lines Frontend</h3>
<div style="display: flex;">
<div class="tags">Web App</div>
<div class="tags">2023</div>
<div class="tags">ViteJS</div>
<div class="tags">Vuetify</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Personal (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://codeberg.org/techtransthai/thailinux.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>BlaCHp's Website</h3>
<div style="display: flex;">
<div class="tags">Homepage</div>
<div class="tags">2024</div>
<div class="tags">HTML</div>
<div class="tags">CSS</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/latenightdef.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>My Own Website</h3>
<div style="display: flex;">
<div class="tags">Homepage</div>
<div class="tags">2023</div>
<div class="tags">HTML</div>
<div class="tags">CSS</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/cursedsnakegame">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>CursedSnakeGame</h3>
<div style="display: flex;">
<div class="tags">ProFund</div>
<div class="tags">2021</div>
<div class="tags">C++</div>
<div class="tags">ncurses</div>
<div class="tags">Linux</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

79
works/devops/index.html Normal file
View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>DevOps Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Deployment pipeline for websites</h3>
<div style="display: flex;">
<div class="tags">Forgejo</div>
<div class="tags">Woodpecker CI</div>
<div class="tags">Docker</div>
<div class="tags">MkDocs</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/latenightdef/language-learning-flashcards">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Synapz - Language Learning Flashcards</h3>
<div style="display: flex;">
<div class="tags">ToC</div>
<div class="tags">2023</div>
<div class="tags">GitLab CI</div>
<div class="tags">Podman</div>
<div class="tags">systemd</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/QUIC-GEAR">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>QUICGEAR - Gaming gear trading and auction</h3>
<div style="display: flex;">
<div class="tags">SoftDev</div>
<div class="tags">2023</div>
<div class="tags">Podman</div>
<div class="tags">systemd</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

111
works/docs/index.html Normal file
View file

@ -0,0 +1,111 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Documentation Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/blog">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>C4C This Week in BOINC</h3>
<div style="display: flex;">
<div class="tags">Blog</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/latenightdef/language-learning-flashcards">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Synapz - Language Learning Flashcards</h3>
<div style="display: flex;">
<div class="tags">ToC</div>
<div class="tags">2023</div>
<div class="tags">Readme</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/QUIC-GEAR">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>QUICGEAR - Gaming gear trading and auction</h3>
<div style="display: flex;">
<div class="tags">WebAppDev</div>
<div class="tags">2023</div>
<div class="tags">Readme</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/KMITLFOOD_miniproject">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>KMITLfood - Food delivery</h3>
<div style="display: flex;">
<div class="tags">WebAppDev</div>
<div class="tags">2023</div>
<div class="tags">Readme</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/LibreDog">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>LibreDog - A web browser in Java</h3>
<div style="display: flex;">
<div class="tags">OOP</div>
<div class="tags">2022</div>
<div class="tags">Readme</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">PGTechs (2017-2023)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/blog">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>PGVC+ This Week in BOINC</h3>
<div style="display: flex;">
<div class="tags">Blog</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

34
works/icondesign/index.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>_ Projects</h1>
<h3>h3</h3>
<div class="section">
</div>
</div>
</div>
</body>
</html>

56
works/index.html
View file

@ -8,7 +8,7 @@
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="icons/icon.webp">
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
@ -48,64 +48,64 @@
<h3>Works by type</h3>
<div class="section">
<a class="itemcard-works" href="/works/devops" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/devops" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">DevOps</h3>
<h3>DevOps</h3>
</div>
</a>
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">SysAdmin</h3>
<h3>SysAdmin</h3>
</div>
</a>
<a class="itemcard-works" href="/works/uidesign" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/uidesign" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/c4c.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">UI Design</h3>
<h3>UI Design</h3>
</div>
</a>
<a class="itemcard-works" href="/works/icondesign" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<!-- <a class="itemcard-works" href="/works/icondesign" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/c4c.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Icon Design</h3>
<img src="resources/icons/c4c.svg" width="36" height="36" style="margin: 0.3cm;">
<h3>Icon Design</h3>
</div>
</a>
<a class="itemcard-works" href="/works/opendata" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
</a> -->
<a class="itemcard-works" href="/works/opendata" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/mappingthailand.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Open Data</h3>
<h3>Open Data</h3>
</div>
</a>
<a class="itemcard-works" href="/work/l10n" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/l10n" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/opensourcefund.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Translation</h3>
<h3>Translation</h3>
</div>
</a>
<a class="itemcard-works" href="/works/code" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/code" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Code</h3>
<h3>Code</h3>
</div>
</a>
<a class="itemcard-works" href="/works/docs" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/docs" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Documentation</h3>
<h3>Documentation</h3>
</div>
</a>
<a class="itemcard-works" href="/works/video" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/video" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Video</h3>
<h3>Video</h3>
</div>
</a>
<a class="itemcard-works" href="/works/other" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 0%,rgba(60, 60, 60, 1) 100%);">
<a class="itemcard-works" href="/works/other" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3 style="color: white;">Other</h3>
<h3>Other</h3>
</div>
</a>
</div>
@ -122,6 +122,16 @@
<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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://eventyay.com/e/4c0e0c27/session/9520">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Indoor Mapping Using OsmInEdit and indoor=</p>
<p class="row-subtitle">FOSSASIA Summit, 2025</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>
</div>
</a>
</div>
</div>

44
works/l10n/index.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Translation Projects</h1>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://hosted.weblate.org/user/latenightdef">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>1100+ Thai translations across multiple OSS projects</h3>
<div style="display: flex;">
<div class="tags">Hosted Weblate</div>
<div class="tags">2022-now</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

55
works/opendata/index.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Open Data Projects</h1>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/dashboard/stats">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>15,000+ clips validated for Thai language</h3>
<div style="display: flex;">
<div class="tags">Mozilla Common Voice</div>
<div class="tags">2021-now</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://hdyc.neis-one.org/?latenightdef">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>30,000+ Map changes</h3>
<div style="display: flex;">
<div class="tags">OpenStreetMap</div>
<div class="tags">2021-now</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

98
works/other/index.html Normal file
View file

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Other Projects</h1>
<h3>Intern at i-bitz company limited (2024)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="/files/i-bitz-internship-presentation.pdf">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Infrastructure Internship Presentation</h3>
<div style="display: flex;">
<div class="tags">Presentation</div>
<div class="tags">Click to download</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/4490872244/projectList">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Computing power for various BOINC projects</h3>
<div style="display: flex;">
<div class="tags">BOINC</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/blog">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>C4C This Week in BOINC</h3>
<div style="display: flex;">
<div class="tags">Blog</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">PGTechs (2017-2023)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/4490872244/projectList">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Computing power for various BOINC projects</h3>
<div style="display: flex;">
<div class="tags">BOINC</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/blog">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>PGVC+ This Week in BOINC</h3>
<div style="display: flex;">
<div class="tags">Blog</div>
<div class="tags">Hugo</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

74
works/sysadmin/index.html Normal file
View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>System Administration Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Reverse proxy server with Caddy and Caddyfile</h3>
<div style="display: flex;">
<div class="tags">Web Server</div>
<div class="tags">HTTPS</div>
<div class="tags">Caddy</div>
<div class="tags">Podman</div>
<div class="tags">systemd</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>On-premise and cloud web app hosting</h3>
<div style="display: flex;">
<div class="tags">Amazon EC2</div>
<div class="tags">Azure</div>
<div class="tags">PikaPods</div>
<div class="tags">Podman</div>
<div class="tags">systemd</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Transactional email system</h3>
<div style="display: flex;">
<div class="tags">Amazon SES</div>
<div class="tags">SMTP2GO</div>
<div class="tags">Postal</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

114
works/uidesign/index.html Normal file
View file

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>UI Design Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=43783616-4a2d-81cf-8002-bd505bad8f47&page-id=c456883d-bf92-80fa-8002-b6ace0bb23b2&section=interactions&index=0&share-id=9cff1166-2265-80f2-8005-29d450ef9780">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Little Lines - Micromobility Navigation</h3>
<div style="display: flex;">
<div class="tags">2023</div>
<div class="tags">Penpot</div>
<div class="tags">Web+Mobile App</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=5ad806a9-4cd3-8108-8005-c6b9278a3bd5&page-id=5ad806a9-4cd3-8108-8005-c6b9278a3bd6&section=interactions&index=0&share-id=2fba00dd-ccda-80a0-8005-de734d40d929">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Traveling Salesman in Bangkok Visualization</h3>
<div style="display: flex;">
<div class="tags">AI</div>
<div class="tags">2024</div>
<div class="tags">Penpot</div>
<div class="tags">Web App</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=9cff1166-2265-80f2-8005-2abcb7b93be4&page-id=9cff1166-2265-80f2-8005-2abcb7b93be5&section=interactions&index=24&share-id=9cff1166-2265-80f2-8005-2bd5ac7b30d4">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Tower Traverse - AR Indoor Navigation</h3>
<div style="display: flex;">
<div class="tags">CE Project</div>
<div class="tags">2024</div>
<div class="tags">Penpot</div>
<div class="tags">Mobile App</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.figma.com/design/mbxShlytNc3Xi18qfsL0hE/Go-Opensource!?node-id=0-1&t=0LaAndcrKeHmlUzN-1">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Go Opensource! - Exploring FOSS</h3>
<div style="display: flex;">
<div class="tags">UX/UI</div>
<div class="tags">2024</div>
<div class="tags">Figma</div>
<div class="tags">Mobile App</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://design.penpot.app/#/view?file-id=c90c47b6-234f-801c-8003-054b193cca68&page-id=c456883d-bf92-80fa-8002-b6ace0bb23b2&section=interactions&index=19&share-id=a4bd9c8f-7f2b-8072-8005-de12be2a9cb2">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>QUICGEAR - Gaming gear trading and auction</h3>
<div style="display: flex;">
<div class="tags">SoftDev</div>
<div class="tags">2023</div>
<div class="tags">Penpot</div>
<div class="tags">Web App</div>
</div>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="/files/kmitlfood.excalidraw">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>KMITLfood - Food delivery</h3>
<div style="display: flex;">
<div class="tags">WebAppDev</div>
<div class="tags">2023</div>
<div class="tags">Excalidraw</div>
<div class="tags">Web App</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

81
works/video/index.html Normal file
View file

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<link rel="stylesheet" href="/overrides.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Pongpeera Wongprasitthiporn's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pongpeera Wongprasitthiporn's profile</title>
<link rel="icon" type="image/webp" href="/icons/icon.webp">
</head>
<body>
<div class="topbar stealth">
<div>
<a href="/works" class="button header">
<svg style="margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 8.292969 12.707031 l -4 -4 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 l 4 -4 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 s 0.390625 1.023437 0 1.414062 l -3.292969 3.292969 l 3.292969 3.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 z m 0 0" fill="currentColor" fill-rule="evenodd"/></svg>
<p style="margin-left: 5px;">Back to Works</p>
</a>
</div>
</div>
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>Video Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>FOSS4Change - Open source software videos</h3>
<div style="display: flex;">
<div class="tags">Video</div>
<div class="tags">Kdenlive</div>
<div class="tags">Inkscape</div>
<div class="tags">LibreOffice</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Student at KMITL (2021-now)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://youtu.be/XsBgzaa-Iq8">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>ServerTricks: Setting up Fedora Server</h3>
<div style="display: flex;">
<div class="tags">SPA</div>
<div class="tags">2022</div>
<div class="tags">Kdenlive</div>
<div class="tags">Fedora Linux</div>
</div>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">PGTechs (2017-2023)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Open source software videos</h3>
<div style="display: flex;">
<div class="tags">Video</div>
<div class="tags">Kdenlive</div>
<div class="tags">PowerDirector</div>
<div class="tags">Movavi</div>
<div class="tags">Krita</div>
<div class="tags">Photoshop</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

63
works/work-i-bitz.html
View file

@ -1,63 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Late Night Defender's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intern at i-bitz company limited (2024)</title>
<link rel="icon" type="image/webp" href="icons/icon.webp">
</head>
<body>
<div class="topbar simple">
<a href="index.html" class="button back">
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path fill="currentColor" d="m 10.9375 0.996094 c -0.292969 0 -0.558594 0.128906 -0.742188 0.328125 l -6.671874 6.671875 l 6.671874 6.675781 c 0.011719 0.011719 0.023438 0.023437 0.035157 0.03125 c 0.179687 0.183594 0.429687 0.292969 0.707031 0.292969 h 1 v -1 c 0 -0.273438 -0.113281 -0.523438 -0.292969 -0.707032 c -0.011719 -0.007812 -0.019531 -0.019531 -0.035156 -0.03125 l -5.257813 -5.261718 l 5.292969 -5.292969 c 0.179688 -0.179687 0.292969 -0.429687 0.292969 -0.707031 v -1 z m 0 0"/></svg>
</a>
<div style="display: flex; align-items:start; justify-content: center; margin-top: -0.25cm;">
<h4>Intern at i-bitz company limited (2024)</h4>
</div>
</div>
<div class="grid-container">
<div class="middle">
<div class="list" style="margin-top: 1.5cm;">
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/mongo-replica-initializer" >
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">MongoDB replica set initializer</p>
<p class="row-subtitle">Python, Go, MongoDB, Docker</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/simple-compose-runner" >
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Simple compose runner</p>
<p class="row-subtitle">Go, Docker</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="files/i-bitz-internship-presentation.pdf" >
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Infrastructure Internship Presentation</p>
<p class="row-subtitle">PDF, click to download</p>
</div>
<svg height="20px" viewBox="0 0 16 16" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="m 8 0 c -0.550781 0 -1 0.449219 -1 1 v 8.585938 l -2.292969 -2.292969 c -0.1875 -0.1875 -0.441406 -0.292969 -0.707031 -0.292969 s -0.519531 0.105469 -0.707031 0.292969 c -0.390625 0.390625 -0.390625 1.023437 0 1.414062 l 4 4 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 4 -4 c 0.390625 -0.390625 0.390625 -1.023437 0 -1.414062 s -1.023437 -0.390625 -1.414062 0 l -2.292969 2.292969 v -8.585938 c 0 -0.550781 -0.449219 -1 -1 -1 z m -6 14 v 2 h 12 v -2 z m 0 0" fill="currentColor"/></svg>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

103
works/work-kmitl.html
View file

@ -1,103 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Late Night Defender's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student at KMITL (2021-now)</title>
<link rel="icon" type="image/webp" href="icons/icon.webp">
</head>
<body>
<div class="topbar simple">
<a href="index.html" class="button back">
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path fill="currentColor" d="m 10.9375 0.996094 c -0.292969 0 -0.558594 0.128906 -0.742188 0.328125 l -6.671874 6.671875 l 6.671874 6.675781 c 0.011719 0.011719 0.023438 0.023437 0.035157 0.03125 c 0.179687 0.183594 0.429687 0.292969 0.707031 0.292969 h 1 v -1 c 0 -0.273438 -0.113281 -0.523438 -0.292969 -0.707032 c -0.011719 -0.007812 -0.019531 -0.019531 -0.035156 -0.03125 l -5.257813 -5.261718 l 5.292969 -5.292969 c 0.179688 -0.179687 0.292969 -0.429687 0.292969 -0.707031 v -1 z m 0 0"/></svg>
</a>
<div style="display: flex; align-items:start; justify-content: center; margin-top: -0.3cm;">
<h4>Student at KMITL (2021-now)</h4>
</div>
</div>
<div class="grid-container">
<div class="middle">
<div class="list" style="margin-top: 1.5cm;">
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.figma.com/design/mbxShlytNc3Xi18qfsL0hE/Go-Opensource!?node-id=0-1&t=0LaAndcrKeHmlUzN-1">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Go Opensource! - An app for exploring open source software</p>
<p class="row-subtitle">USER EXPERIENCE AND USER INTERFACE DESIGN, 2024</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/QUIC-GEAR">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">QUICGEAR - A gaming gear trading and auction platform</p>
<p class="row-subtitle">PRINCIPLE OF SOFTWARE DEVELOPMENT PROCESS, 2023</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/latenightdef/language-learning-flashcards">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Synapz - Language Learning Flashcards</p>
<p class="row-subtitle">THEORY OF COMPUTATION, 2023</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/KMITLFOOD_miniproject">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">KMITLfood - Food delivery platform</p>
<p class="row-subtitle">WEB APPPLICATION DEVELOPMENT, 2023</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://youtu.be/XsBgzaa-Iq8">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">ServerTricks: Setting up our server with Fedora Server Edition</p>
<p class="row-subtitle">SYSTEM PLATFORM ADMINISTRATION, 2022</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://github.com/latenightdef/LibreDog">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">LibreDog - A web browser written in Java</p>
<p class="row-subtitle">OBJECT ORIENTED PROGRAMMING, 2022</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/latenightdef/cursedsnakegame">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">CursedSnakeGame - A snake game in C++ and (n)curses</p>
<p class="row-subtitle">PROGRAMMING FUNDAMENTALS, 2021</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>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

153
works/work-others.html
View file

@ -1,153 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Late Night Defender's profile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Other works</title>
<link rel="icon" type="image/webp" href="icons/icon.webp">
</head>
<body>
<div class="topbar simple">
<a href="index.html" class="button back">
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path fill="currentColor" d="m 10.9375 0.996094 c -0.292969 0 -0.558594 0.128906 -0.742188 0.328125 l -6.671874 6.671875 l 6.671874 6.675781 c 0.011719 0.011719 0.023438 0.023437 0.035157 0.03125 c 0.179687 0.183594 0.429687 0.292969 0.707031 0.292969 h 1 v -1 c 0 -0.273438 -0.113281 -0.523438 -0.292969 -0.707032 c -0.011719 -0.007812 -0.019531 -0.019531 -0.035156 -0.03125 l -5.257813 -5.261718 l 5.292969 -5.292969 c 0.179688 -0.179687 0.292969 -0.429687 0.292969 -0.707031 v -1 z m 0 0"/></svg>
</a>
<div style="display: flex; align-items:start; justify-content: center; margin-top: -0.25cm;">
<h4>Other works</h4>
</div>
</div>
<div class="grid-container">
<div class="middle">
<div class="list" style="margin-top: 1.5cm;">
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/www.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Web development in plain HTML and CSS</p>
<p class="row-subtitle">TechTransThai (2023-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">On-premise and cloud hosting with Podman and systemd</p>
<p class="row-subtitle">TechTransThai (2023-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Transactional email with Amazon SES</p>
<p class="row-subtitle">TechTransThai (2024)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Transactional email with SMTP2GO</p>
<p class="row-subtitle">TechTransThai (2024-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">TechTransThai Blog website using Hugo framework</p>
<p class="row-subtitle">TechTransThai (2023-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">FOSS4Change - Open source software videos</p>
<p class="row-subtitle">PGTechs (2019-2023), TechTransThai (2023-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://little-lines.techtransthai.org/">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Little Lines (Hosting)</p>
<p class="row-subtitle">TechTransThai, OpenTech Thailand Community (2023)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/dashboard/stats">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">10,000+ clips validated for Thai language</p>
<p class="row-subtitle">Mozilla Common Voice (2021-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.openstreetmap.org/user/latenightdef">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">20,000+ Map changes</p>
<p class="row-subtitle">OpenStreetMap (2021-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://hosted.weblate.org/user/latenightdef">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">900+ Thai translations across multiple OSS projects</p>
<p class="row-subtitle">Hosted Weblate (2022-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Reverse proxy server with Caddy and Caddyfile</p>
<p class="row-subtitle">TechTransThai (2023-now)</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>
</div>
</a>
<div class="separator"></div>
<a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/4490872244/projectList">
<div class="row" style="margin-left: 0.5cm; ">
<div class="propertyrow">
<p class="row-title">Computing power for various BOINC projects</p>
<p class="row-subtitle">PGTechs (2019-2023), TechTransThai (2023-now)</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>
</div>
</a>
</div>
</div>
</div>
</body>
</html>