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

150 lines
11 KiB
HTML
Raw Normal View History

Add new work page
2025-02-24 03:59:29 +07:00
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
rename customwidgets to overrides
2025-02-24 04:09:38 +07:00
<link rel="stylesheet" href="/overrides.css">
Add new work page
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>
redesign and update works page
2025-03-13 06:44:43 +07:00
<link rel="icon" type="image/webp" href="/icons/icon.webp">
Add new work page
2025-02-24 03:59:29 +07:00
</head>
move global css overrides for row to works page
2025-03-25 03:52:57 +07:00
<style>
.row {grid-template-columns: 1fr 1.25cm 1.5cm;}
</style>
Add new work page
2025-02-24 03:59:29 +07:00
<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">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="middle large">
Add new work page
2025-02-24 03:59:29 +07:00
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<h3>Works by type</h3>
Add new work page
2025-02-24 03:59:29 +07:00
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="section">
redesign and update works page
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%);">
add bespoke itemcard style for works page
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;"> -->
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>DevOps</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgb(28, 113, 216) 0%,rgb(129, 61, 156) 100%);">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="listaction">
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<img src="/icons/sysadmin.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">SysAdmin</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
redesign and update works page
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%);">
add bespoke itemcard style for works page
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;"> -->
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>UI Design</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
redesign and update works page
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%);">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="listaction">
redesign and update works page
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>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
redesign and update works page
2025-03-13 06:44:43 +07:00
</a> -->
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<a class="itemcard-works" href="/works/opendata" style="background: linear-gradient(to bottom, rgb(246, 211, 45) 0%,rgb(255, 120, 0) 100%);">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="listaction">
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<img src="/icons/opendata.svg" width="36" height="36" style="margin: 0.3cm;">
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>Open Data</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
redesign and update works page
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%);">
add bespoke itemcard style for works page
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;"> -->
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>Translation</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
redesign and update works page
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%);">
add bespoke itemcard style for works page
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;"> -->
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>Code</h3>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
</div>
</a>
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<a class="itemcard-works" href="/works/docs" style="background: linear-gradient(to bottom, rgb(46, 194, 126) 0%,rgb(28, 113, 216) 100%);">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="listaction">
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<img src="/icons/docs.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">Documentation</h3>
Add new work page
2025-02-24 03:59:29 +07:00
</div>
</a>
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<a class="itemcard-works" href="/works/video" style="background: linear-gradient(to bottom, rgb(224, 27, 36) 0%,rgb(165, 29, 45) 100%);">
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<div class="listaction">
add theming for works by type buttons
2025-03-25 04:13:03 +07:00
<img src="/icons/video.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">Video</h3>
Add new work page
2025-02-24 03:59:29 +07:00
</div>
</a>
redesign and update works page
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%);">
add bespoke itemcard style for works page
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;"> -->
redesign and update works page
2025-03-13 06:44:43 +07:00
<h3>Other</h3>
Add new work page
2025-02-24 03:59:29 +07:00
</div>
</a>
</div>
add bespoke itemcard style for works page
2025-02-24 04:36:12 +07:00
<h3 style="margin-top: 5vh;">Talks</h3>
Add new work page
2025-02-24 03:59:29 +07:00
<div class="list" >
add videos for talks
2025-03-25 03:45:23 +07:00
<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>
Add new work page
2025-02-24 03:59:29 +07:00
</div>
add videos for talks
2025-03-25 03:45:23 +07:00
<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>
redesign and update works page
2025-03-13 06:44:43 +07:00
<div class="separator"></div>
add videos for talks
2025-03-25 03:45:23 +07:00
<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>
redesign and update works page
2025-03-13 06:44:43 +07:00
</div>
add indoor OSM talk link
2025-03-29 22:58:22 +07:00
<a class="button stealth" style="width: 1.2cm;" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=3qdRpIK6kd8">
<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>
add videos for talks
2025-03-25 03:45:23 +07:00
<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>
Add new work page
2025-02-24 03:59:29 +07:00
</div>
</div>
</div>
</body>
</html>
Reference in a new issue Copy permalink