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

merge devops and sysadmin categories and add new work
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Late Night Defender 2025-04-08 22:52:13 +07:00
parent f68a87aa39
commit 61b56cacb1
3 changed files with 103 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

105
works/devops/index.html → works/devops-sysadmin/index.html
View file

@ -24,13 +24,43 @@
<div class="grid-container" style="margin-top: 2cm;">
<div class="middle large">
<h1>DevOps Projects</h1>
<h3>TechTransThai (2023-now)</h3>
<h1>DevOps & SysAdmin Projects</h1>
<h3>Intern at i-bitz company limited (2024)</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.techtransthai.org">
<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>Deployment pipeline for websites</h3>
<h3>Website load testing with wrk</h3>
<div style="display: flex;">
<div class="tags">Load testing</div>
<div class="tags">wrk</div>
</div>
</div>
</div>
</a>
<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>Hosting Invidious locally with Kubernetes</h3>
<div style="display: flex;">
<div class="tags">Kubernetes</div>
<div class="tags">K3s</div>
<div class="tags">K8s</div>
<div class="tags">minikube</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://forge.techtransthai.org/techtransthai/www.techtransthai.org/src/branch/main/.woodpecker.yml">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>CI/CD pipeline for TechTransThai websites</h3>
<div style="display: flex;">
<div class="tags">Forgejo</div>
<div class="tags">Woodpecker CI</div>
@ -44,7 +74,7 @@
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/little-lines/frontend/-/blob/7882ec28e774c099e29dce5fd7e0d29ff2b0d590/.gitlab-ci.yml">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>Deployment pipeline for Little Lines Web App</h3>
<h3>CI/CD pipeline for Little Lines Web App</h3>
<div style="display: flex;">
<div class="tags">GitLab</div>
<div class="tags">GitLab CI</div>
@ -54,10 +84,75 @@
</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>Reverse proxy and HTTPS with Caddy</h3>
<div style="display: flex;">
<div class="tags">Web Server</div>
<div class="tags">HTTPS</div>
<div class="tags">Caddy</div>
<div class="tags">Let's Encrypt</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>Cloud VPS/IaaS and PaaS 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>
</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 microservices-style app hosting</h3>
<div style="display: flex;">
<div class="tags">Docker</div>
<div class="tags">Microservices</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>
<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/src/branch/main/.travis.yml">
<div class="listaction">
<div style="margin-left: 0.5cm;">
<h3>CE-SDPX CI/CD Assignment and load testing</h3>
<div style="display: flex;">
<div class="tags">SDPX</div>
<div class="tags">2024</div>
<div class="tags">Jenkins</div>
<div class="tags">jMeter</div>
<div class="tags">Robot</div>
<div class="tags">Unit Tests</div>
</div>
</div>
</div>
</a>
<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;">

12
works/index.html
View file

@ -50,16 +50,10 @@
<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, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<a class="itemcard-works" href="/works/devops-sysadmin" style="background: linear-gradient(to bottom, rgb(28, 113, 216) 0%,rgb(129, 61, 156) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3>DevOps</h3>
</div>
</a>
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgb(28, 113, 216) 0%,rgb(129, 61, 156) 100%);">
<div class="listaction">
<img src="/icons/sysadmin.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">SysAdmin</h3>
<img src="/icons/sysadmin.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">DevOps & SysAdmin</h3>
</div>
</a>
<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%);">

74
works/sysadmin/index.html
View file

@ -1,74 +0,0 @@
<!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>