2023-09-10 06:32:03 +00:00
<!DOCTYPE html>
< html >
< head >
< link rel = "stylesheet" href = "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" >
< title > Pongpeera Wongprasitthiporn's profile< / title >
< link rel = "icon" type = "image/png" href = "../icons/ttt-org.png" >
< / head >
< body >
< div class = "topbar" >
< a href = "/" class = "backbutton" >
< 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 > Profile< / h4 >
< / div >
< / div >
< div class = "pfp" >
< img src = "../icons/latenightdef.jpg" alt = "latenightdef" width = "160" height = "160" style = "border-radius: 80px" >
< / div >
< div class = "name" >
2023-09-10 10:09:45 +00:00
< h1 class = "logo" > Pongpeera Wongprasitthiporn< / h1 >
2023-09-10 06:32:03 +00:00
< / div >
< div class = "header" >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://kernel.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Linux
< / a >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://www.qemu.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
QEMU/KVM
< / a >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://podman.io" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Podman
< / a >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://www.networkmanager.dev" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
NetworkManager
< / a >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://flatpak.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Flatpak
< / a >
< / div >
< div class = "header" >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://weblate.org" class = "headerbutton" >
Weblate
< / a >
< a target = "_blank" rel = "noopener noreferrer" href = "https://en.wikipedia.org/wiki/HTML" class = "headerbutton" >
HTML
< / a >
< a target = "_blank" rel = "noopener noreferrer" href = "https://en.wikipedia.org/wiki/CSS" class = "headerbutton" >
CSS
< / a >
< a target = "_blank" rel = "noopener noreferrer" href = "https://www.openstreetmap.org" class = "headerbutton" >
OpenStreetMap
< / a >
< a target = "_blank" rel = "noopener noreferrer" href = "https://boinc.berkeley.edu" class = "headerbutton" >
BOINC
< / a >
< / div >
< div class = "header" >
< a target = "_blank" rel = "noopener noreferrer" href = "https://penpot.app" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Penpot
< / a >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://kdenlive.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Kdenlive
< / a >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://www.libreoffice.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
LibreOffice
< / a >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://krita.org/en" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Krita
< / a >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://inkscape.org" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
Inkscape
< / a >
< / div >
< div class = "header" >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://gitlab.com" class = "headerbutton" >
2023-09-10 06:32:03 +00:00
GitLab CI/CD
< / a >
2023-09-13 19:13:44 +00:00
< a class = "headerbutton" >
Web hosting
2023-09-10 10:09:45 +00:00
< / a >
2023-09-13 19:13:44 +00:00
< a class = "headerbutton" >
DDNS
2023-09-10 06:32:03 +00:00
< / a >
2023-09-13 19:13:44 +00:00
< a target = "_blank" rel = "noopener noreferrer" href = "https://www.cloudflare.com" class = "headerbutton" >
Cloudflare
2023-09-10 06:32:03 +00:00
< / a >
2023-09-13 19:13:44 +00:00
< / div >
2023-09-10 06:32:03 +00:00
< div class = "grid-container" >
< div class = "middle" >
< h3 > Basic information< / h3 >
< div class = "list" >
2023-09-10 10:09:45 +00:00
2023-09-10 06:32:03 +00:00
< a class = "listinfo" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;" >
2023-09-10 10:09:45 +00:00
< p > Also known as< / p >
2023-09-10 06:32:03 +00:00
< / div >
2023-09-10 10:09:45 +00:00
< div style = "display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5" >
2023-09-13 19:13:44 +00:00
< p style = "text-align: right;" > latenightdef, Late Night Defender, VRSasha, SashaPGT, pongpeera054< / p >
2023-09-10 06:32:03 +00:00
< / div >
< / a >
2023-09-10 10:09:45 +00:00
< div class = "separator" > < / div >
< a class = "listinfo" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;" >
< p > Pronouns< / p >
< / div >
< div style = "display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5" >
< p > she/they< / 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 > MBTI< / p >
< / div >
< div style = "display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5" >
< p > ESTJ< / 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 > Location< / p >
< / div >
< div style = "display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5" >
< p > Bangkok, Thailand< / p >
< / div >
< / a >
2023-09-13 19:13:44 +00:00
< 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 >
< / a >
2023-09-10 10:09:45 +00:00
2023-09-10 06:32:03 +00:00
< / div >
2023-09-10 10:09:45 +00:00
< h3 > Works & contributions as a student at KMITL (2021-now)< / h3 >
2023-09-10 06:32:03 +00:00
< div class = "list" >
2023-09-13 19:13:44 +00:00
< 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 > QUICGEAR - A gaming trading and auction platform< / p >
< p class = "description" > PRINCIPLE OF SOFTWARE DEVELOPMENT PROCESS, 2023< / p >
< / div >
2023-09-10 06:32:03 +00:00
< / div >
2023-09-13 19:13:44 +00:00
< 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 > Language Learning Flashcards< / p >
< p class = "description" > THEORY OF COMPUTATION, 2023< / 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 > KMITLfood - Food delivery platform< / p >
< p class = "description" > WEB APPPLICATION DEVELOPMENT, 2023< / p >
2023-09-10 06:32:03 +00:00
< / div >
2023-09-13 19:13:44 +00:00
< / 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 >
2023-09-10 06:32:03 +00:00
< / a >
< / div >
2023-09-10 10:09:45 +00:00
< h3 > Other works< / h3 >
2023-09-10 06:32:03 +00:00
< div class = "list" >
< a class = "listinfo" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;" >
< p > ...< / p >
< / div >
< div style = "display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;" >
< p > ...< / p >
< / div >
< / a >
< / div >
< h3 > Talks< / h3 >
< div class = "list" >
2023-09-10 10:09:45 +00:00
< a target = "_blank" rel = "noopener noreferrer" class = "listaction" href = "https://gitlab.com/openKMITL/Slides/-/raw/main/Improving%20accessibility%20data%20on%20OpenStreetMap.pdf" >
< div style = "display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left" >
< div >
< p > Improving accessibility data on OpenStreetMap< / p >
2023-09-13 19:13:44 +00:00
< p class = "description" > Bangkok Open Source Hackathon, 2023< / p >
2023-09-10 10:09:45 +00:00
< / div >
2023-09-10 06:32:03 +00:00
< / div >
2023-09-10 10:09:45 +00:00
< 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 >
2023-09-10 06:32:03 +00:00
< / a >
< / div >
2023-09-10 10:09:45 +00:00
< h3 > Links/Contact< / h3 >
2023-09-10 06:32:03 +00:00
< div class = "list" >
< a target = "_blank" rel = "noopener noreferrer" class = "listaction" href = "https://t.me/latenightdef" >
2023-09-10 10:09:45 +00:00
< div style = "display: flex; margin-left: 0.5cm; align-items: center; " >
2023-09-10 06:32:03 +00:00
< p > Telegram< / 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 >
2023-09-10 10:09:45 +00:00
2023-09-10 06:32:03 +00:00
< / a >
< div class = "separator" > < / div >
< a target = "_blank" rel = "noopener noreferrer" class = "listaction" href = "mailto:pongpeera054@protonmail.com" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Email< / 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://mastodon.in.th/@sashapgt" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Mastodon< / 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://codeberg.org/latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Codeberg< / 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://gitlab.com/latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > GitLab< / 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://github.com/latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > GitHub< / 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://en.pronouns.page/@latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Pronouns.page< / 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://web.facebook.com/pongpeera054" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Facebook< / 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://soundcloud.com/latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Soundcloud< / 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://steamcommunity.com/id/latenightdef" >
< div style = "display: flex; margin-left: 0.5cm; align-items: center;" >
< p > Steam< / 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 >
< / div >
< / div >
< / body >
< / html >
