2025-02-24 03:59:29 +07:00
<!DOCTYPE html>
< html >
< head >
< link rel = "stylesheet" href = "https://www.techtransthai.org/style.css" >
2025-02-24 04:09:38 +07:00
< link rel = "stylesheet" href = "/overrides.css" >
2025-02-24 03:59:29 +07:00
< 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 >
2025-03-13 06:44:43 +07:00
< link rel = "icon" type = "image/webp" href = "/icons/icon.webp" >
2025-02-24 03:59:29 +07:00
< / head >
< body >
< div class = "topbar stealth" >
< div style = "display: flex; align-items: center;" >
< a href = "/" class = "button header" >
< svg height = "20px" viewBox = "0 0 16 16" width = "20px" > < path d = "m 8 1 c -1.65625 0 -3 1.34375 -3 3 s 1.34375 3 3 3 s 3 -1.34375 3 -3 s -1.34375 -3 -3 -3 z m -1.5 7 c -2.492188 0 -4.5 2.007812 -4.5 4.5 v 1.5 c 0 1 1 1 1 1 h 10 s 1 0 1 -1 v -1.5 c 0 -2.492188 -2.007812 -4.5 -4.5 -4.5 z m 0 0" fill = "currentColor" / > < / svg >
< p style = "margin-left: 5px;" > About< / p >
< / a >
< a class = "button header selected" >
< svg height = "20px" viewBox = "0 0 16 16" width = "20px" > < g fill = "currentColor" > < path d = "m 1.5 2 h 2 c 0.277344 0 0.5 0.222656 0.5 0.5 v 12 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -2 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -12 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0" / > < path d = "m 5.5 4 h 1 c 0.277344 0 0.5 0.222656 0.5 0.5 v 10 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -1 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -10 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0" / > < path d = "m 8.5 3 h 1 c 0.277344 0 0.5 0.222656 0.5 0.5 v 11 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -1 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -11 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0" / > < path d = "m 10.707031 1.460938 l 0.964844 -0.261719 c 0.265625 -0.070313 0.539063 0.089843 0.613281 0.355469 l 3.363282 12.558593 c 0.070312 0.265625 -0.085938 0.539063 -0.351563 0.609375 l -0.96875 0.261719 c -0.265625 0.070313 -0.539063 -0.089844 -0.613281 -0.355469 l -3.363282 -12.554687 c -0.070312 -0.269531 0.085938 -0.542969 0.355469 -0.613281 z m 0 0" / > < / g > < / svg >
< p style = "margin-left: 5px;" > Works< / p >
< / a >
< a href = "/links" class = "button header" >
< svg height = "20px" viewBox = "0 0 16 16" width = "20px" > < g fill = "currentColor" > < path d = "m 4 11.992188 c -2.199219 0 -4 -1.800782 -4 -4 c 0 -2.199219 1.800781 -4 4 -4 h 3 c 2.199219 0 4 1.800781 4 4 c 0 1.640624 -0.992188 3.070312 -2.421875 3.679687 l -0.785156 -1.839844 c 0.710937 -0.304687 1.207031 -1 1.207031 -1.839843 c 0 -1.125 -0.875 -2 -2 -2 h -3 c -1.125 0 -2 0.875 -2 2 s 0.875 2 2 2 z m 0 0" / > < path d = "m 9 13.992188 c -2.199219 0 -4 -1.800782 -4 -4 c 0 -1.621094 0.96875 -3.03125 2.367188 -3.65625 l 0.816406 1.828124 c -0.699219 0.3125 -1.183594 1 -1.183594 1.828126 c 0 1.125 0.875 2 2 2 h 3 c 1.125 0 2 -0.875 2 -2 s -0.875 -2 -2 -2 v -2 c 2.199219 0 4 1.800781 4 4 c 0 2.199218 -1.800781 4 -4 4 z m 0 0" / > < / g > < / svg >
< p style = "margin-left: 5px;" > Links< / p >
< / a >
< / div >
< / div >
< div style = "margin-top: 2cm;" >
< / div >
< div class = "quickbuttons" style = "display: flex; justify-content: center;" >
< / div >
< div class = "grid-container" >
2025-02-24 04:36:12 +07:00
< div class = "middle large" >
2025-02-24 03:59:29 +07:00
2025-02-24 04:36:12 +07:00
< h3 > Works by type< / h3 >
2025-02-24 03:59:29 +07:00
2025-02-24 04:36:12 +07:00
< div class = "section" >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > DevOps< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > SysAdmin< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/c4c.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > UI Design< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
<!-- <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%);">
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
2025-03-13 06:44:43 +07:00
< img src = "resources/icons/c4c.svg" width = "36" height = "36" style = "margin: 0.3cm;" >
< h3 > Icon Design< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
2025-03-13 06:44:43 +07:00
< / 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/mappingthailand.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Open Data< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/opensourcefund.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Translation< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Code< / h3 >
2025-02-24 04:36:12 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Documentation< / h3 >
2025-02-24 03:59:29 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Video< / h3 >
2025-02-24 03:59:29 +07:00
< / div >
< / a >
2025-03-13 06:44:43 +07:00
< 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%);" >
2025-02-24 04:36:12 +07:00
< div class = "listaction" >
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
2025-03-13 06:44:43 +07:00
< h3 > Other< / h3 >
2025-02-24 03:59:29 +07:00
< / div >
< / a >
< / div >
2025-02-24 04:36:12 +07:00
< h3 style = "margin-top: 5vh;" > Talks< / h3 >
2025-02-24 03:59:29 +07:00
< div class = "list" >
< a style = "text-decoration: none;" target = "_blank" rel = "noopener noreferrer" href = "https://forge.techtransthai.org/techtransthai/openlkb-slides/raw/branch/main/Improving%20accessibility%20data%20on%20OpenStreetMap.pdf" >
< div class = "row" style = "margin-left: 0.5cm; " >
< div class = "propertyrow" >
< p class = "row-title" > Improving accessibility data on OpenStreetMap< / p >
< p class = "row-subtitle" > Bangkok Open Source Hackathon, 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 >
2025-03-13 06:44:43 +07:00
< 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 >
2025-02-24 03:59:29 +07:00
< / div >
< / div >
< / div >
< / body >
< / html >
