Late Night Defender
509f83c87f
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
146 lines
11 KiB
HTML
146 lines
11 KiB
HTML
<!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 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">
|
|
|
|
<div class="middle large">
|
|
|
|
<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%);">
|
|
<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, 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>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%);">
|
|
<div class="listaction">
|
|
<!-- <img src="resources/icons/c4c.svg" width="36" height="36" style="margin: 0.3cm;"> -->
|
|
<h3>UI Design</h3>
|
|
</div>
|
|
</a>
|
|
<!-- <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>Icon Design</h3>
|
|
</div>
|
|
</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>Open Data</h3>
|
|
</div>
|
|
</a>
|
|
<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>Translation</h3>
|
|
</div>
|
|
</a>
|
|
<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>Code</h3>
|
|
</div>
|
|
</a>
|
|
<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>Documentation</h3>
|
|
</div>
|
|
</a>
|
|
<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>Video</h3>
|
|
</div>
|
|
</a>
|
|
<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>Other</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<h3 style="margin-top: 5vh;">Talks</h3>
|
|
|
|
<div class="list" >
|
|
|
|
<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>
|
|
<a class="button stealth" style="width: 1.2cm;" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=Omrpksg3NH0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 16 16" width="20px"><path d="m 4 4.070312 v 7.859376 c 0 1.070312 0.90625 1.066406 0.90625 1.066406 h 0.09375 c 0.171875 0 0.347656 -0.039063 0.5 -0.125 l 7 -4 c 0.308594 -0.171875 0.46875 -0.523438 0.46875 -0.875 c 0 -0.351563 -0.160156 -0.703125 -0.46875 -0.875 l -7 -4 c -0.152344 -0.085938 -0.328125 -0.125 -0.5 -0.125 h -0.09375 s -0.90625 0 -0.90625 1.074218 z m 0 0" fill="currentColor"/></svg>
|
|
</a>
|
|
<a class="button stealth" style="width: 1.2cm;" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/openlkb-slides/raw/branch/main/Improving%20accessibility%20data%20on%20OpenStreetMap.pdf">
|
|
<svg height="20px" viewBox="0 0 16 16" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="m 1.082031 1.988281 c -0.554687 0 -0.9999998 0.445313 -0.9999998 1 c 0.0039063 0.507813 0.3945308 0.933594 0.9062498 0.984375 l 0.011719 8.027344 h 6 l -0.011719 1.742188 l -1.804687 1.378906 c -0.222656 0.167968 -0.261719 0.480468 -0.09375 0.703125 c 0.167968 0.21875 0.480468 0.257812 0.703125 0.089843 l 1.6875 -1.292968 l 1.695312 1.324218 c 0.21875 0.167969 0.535157 0.128907 0.707031 -0.085937 c 0.167969 -0.21875 0.128907 -0.535156 -0.089843 -0.703125 l -1.804688 -1.414062 l 0.011719 -1.742188 h 6 l -0.011719 -8.054688 c 0.425781 -0.125 0.722657 -0.515624 0.722657 -0.957031 c 0 -0.554687 -0.449219 -1 -1 -1 z m 6.90625 2 c 1.101563 0 2 0.894531 2 2 h -2 z m -1 1 v 2 h 2 c 0 1.101563 -0.898437 2 -2 2 c -1.105469 0 -2 -0.898437 -2 -2 c 0 -1.105469 0.894531 -2 2 -2 z m 0 0" fill="currentColor"/></svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="separator"></div>
|
|
<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>
|
|
<a></a>
|
|
<a class="button stealth" style="width: 1.2cm;" target="_blank" rel="noopener noreferrer" href="https://eventyay.com/e/4c0e0c27/session/9520">
|
|
<svg height="20px" viewBox="0 0 16 16" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="m 1.082031 1.988281 c -0.554687 0 -0.9999998 0.445313 -0.9999998 1 c 0.0039063 0.507813 0.3945308 0.933594 0.9062498 0.984375 l 0.011719 8.027344 h 6 l -0.011719 1.742188 l -1.804687 1.378906 c -0.222656 0.167968 -0.261719 0.480468 -0.09375 0.703125 c 0.167968 0.21875 0.480468 0.257812 0.703125 0.089843 l 1.6875 -1.292968 l 1.695312 1.324218 c 0.21875 0.167969 0.535157 0.128907 0.707031 -0.085937 c 0.167969 -0.21875 0.128907 -0.535156 -0.089843 -0.703125 l -1.804688 -1.414062 l 0.011719 -1.742188 h 6 l -0.011719 -8.054688 c 0.425781 -0.125 0.722657 -0.515624 0.722657 -0.957031 c 0 -0.554687 -0.449219 -1 -1 -1 z m 6.90625 2 c 1.101563 0 2 0.894531 2 2 h -2 z m -1 1 v 2 h 2 c 0 1.101563 -0.898437 2 -2 2 c -1.105469 0 -2 -0.898437 -2 -2 c 0 -1.105469 0.894531 -2 2 -2 z m 0 0" fill="currentColor"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|