Compare commits

...

2 commits

Author SHA1 Message Date
Late Night Defender 6b92f81594 Update remaining alt texts 2024-08-20 23:16:58 +07:00
Late Night Defender 17dc11dfc2 Add Open Source Fund projects 2024-08-20 23:15:24 +07:00

View file

@ -47,7 +47,8 @@
<h1>สนับสนุนการทำงานของเรา</h1> <h1>สนับสนุนการทำงานของเรา</h1>
TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เมื่อคุณสนับสนุนโปรเจกต์เหล่านี้ จะถือว่าเป็นการสนับสนุนพวกเราไปพร้อม ๆ กัน <div>TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เราขอเชิญชวนทุกท่านมาร่วมสนับสนุนโปรเจกต์เหล่านี้ไปด้วยกัน</div>
<div>โปรเจกต์ที่ได้รับการสนับสนุนจาก TechTransThai Open Source Fund จะแสดงเครื่องหมาย 💵</div>
<h3 style="margin-top: 5vh;">เว็บไซต์และ Hosting</h3> <h3 style="margin-top: 5vh;">เว็บไซต์และ Hosting</h3>
@ -56,7 +57,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Caddy</h3> <h3>Caddy 💵</h3>
<p>เว็บเซิร์ฟเวอร์ที่มาพร้อม HTTPS</p> <p>เว็บเซิร์ฟเวอร์ที่มาพร้อม HTTPS</p>
</div> </div>
</div> </div>
@ -81,9 +82,9 @@
</a> </a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/nicolargo/glances"> <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/nicolargo/glances">
<div class="listaction"> <div class="listaction">
<img src="icons/glances.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/glances.svg" alt="Glances" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Glances</h3> <h3>Glances 💵</h3>
<p>ตรวจสอบการทำงานของระบบ</p> <p>ตรวจสอบการทำงานของระบบ</p>
</div> </div>
</div> </div>
@ -92,7 +93,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Hugo</h3> <h3>Hugo 💵</h3>
<p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</p> <p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</p>
</div> </div>
</div> </div>
@ -119,7 +120,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Uptime Kuma</h3> <h3>Uptime Kuma 💵</h3>
<p>เครื่องมือมอนิเตอร์สำหรับโฮสต์เอง</p> <p>เครื่องมือมอนิเตอร์สำหรับโฮสต์เอง</p>
</div> </div>
</div> </div>
@ -134,7 +135,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Forgejo</h3> <h3>Forgejo 💵</h3>
<p>Git forge น้ำนักเบา</p> <p>Git forge น้ำนักเบา</p>
</div> </div>
</div> </div>
@ -154,7 +155,7 @@
<path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/> <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
</svg> </svg>
<div> <div>
<h3>Woodpecker CI</h3> <h3>Woodpecker CI 💵</h3>
<p>รัน CI/CD ด้วย Docker</p> <p>รัน CI/CD ด้วย Docker</p>
</div> </div>
</div> </div>
@ -169,7 +170,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Cinnamon</h3> <h3>Cinnamon 💵</h3>
<p>เดสก์ท็อปในรูปแบบที่คุณคุ้นเคย</p> <p>เดสก์ท็อปในรูปแบบที่คุณคุ้นเคย</p>
</div> </div>
</div> </div>
@ -315,7 +316,7 @@
</g> </g>
</svg> </svg>
<div> <div>
<h3>GNOME</h3> <h3>GNOME 💵</h3>
<p>ทำงานของคุณอย่างสะดวกสบาย</p> <p>ทำงานของคุณอย่างสะดวกสบาย</p>
</div> </div>
</div> </div>
@ -365,7 +366,7 @@
<flowRoot xml:space="preserve" id="flowRoot4792" style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" transform="translate(-2,-2)"><flowRegion id="flowRegion4794"><rect id="rect4796" width="93.966103" height="112.67796" x="-121.62712" y="-33.559322"/></flowRegion><flowPara id="flowPara4798"/></flowRoot> <flowRoot xml:space="preserve" id="flowRoot4792" style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none" transform="translate(-2,-2)"><flowRegion id="flowRegion4794"><rect id="rect4796" width="93.966103" height="112.67796" x="-121.62712" y="-33.559322"/></flowRegion><flowPara id="flowPara4798"/></flowRoot>
</svg> </svg>
<div> <div>
<h3>KDE Plasma</h3> <h3>KDE Plasma 💵</h3>
<p>เดสก์ท็อปยุคใหม่สำหรับ Linux</p> <p>เดสก์ท็อปยุคใหม่สำหรับ Linux</p>
</div> </div>
</div> </div>
@ -379,7 +380,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Inkscape</h3> <h3>Inkscape 💵</h3>
<p>เครื่องมือออกแบบอันทรงพลัง</p> <p>เครื่องมือออกแบบอันทรงพลัง</p>
</div> </div>
</div> </div>
@ -388,7 +389,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Kdenlive</h3> <h3>Kdenlive 💵</h3>
<p>โปรแกรมตัดต่อวิดีโอฟรี</p> <p>โปรแกรมตัดต่อวิดีโอฟรี</p>
</div> </div>
</div> </div>
@ -397,7 +398,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Krita</h3> <h3>Krita 💵</h3>
<p>โปรแกรมวาดรูปมืออาชีพฟรี</p> <p>โปรแกรมวาดรูปมืออาชีพฟรี</p>
</div> </div>
</div> </div>
@ -406,7 +407,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>LibreOffice</h3> <h3>LibreOffice 💵</h3>
<p>ซอฟต์แวร์สำนักงานฟรี</p> <p>ซอฟต์แวร์สำนักงานฟรี</p>
</div> </div>
</div> </div>
@ -433,7 +434,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Saber</h3> <h3>Saber 💵</h3>
<p>แอปพลิเคชันสำหรับจดโน้ตด้วยลายมือ</p> <p>แอปพลิเคชันสำหรับจดโน้ตด้วยลายมือ</p>
</div> </div>
</div> </div>
@ -465,7 +466,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Mastodon</h3> <h3>Mastodon 💵</h3>
<p>เครือข่ายสังคมกระจายศูนย์</p> <p>เครือข่ายสังคมกระจายศูนย์</p>
</div> </div>
</div> </div>
@ -490,7 +491,7 @@
</g> </g>
</svg> </svg>
<div> <div>
<h3>Matrix.org</h3> <h3>Matrix.org 💵</h3>
<p>เครือข่ายเพื่อการสื่อสารแบบกระจายศูนย์</p> <p>เครือข่ายเพื่อการสื่อสารแบบกระจายศูนย์</p>
</div> </div>
</div> </div>
@ -508,7 +509,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Peertube</h3> <h3>Peertube 💵</h3>
<p>แพลตฟอร์มวิดีโอทดแทน</p> <p>แพลตฟอร์มวิดีโอทดแทน</p>
</div> </div>
</div> </div>
@ -517,7 +518,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Pixelfed</h3> <h3>Pixelfed 💵</h3>
<p>สำรวจและแบ่งปันรูปภาพที่สวยงาม</p> <p>สำรวจและแบ่งปันรูปภาพที่สวยงาม</p>
</div> </div>
</div> </div>
@ -526,7 +527,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Sharkey</h3> <h3>Sharkey 💵</h3>
<p>แพลตฟอร์ม Microblogging</p> <p>แพลตฟอร์ม Microblogging</p>
</div> </div>
</div> </div>
@ -535,7 +536,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/t2bot.png" alt="t2bot" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/t2bot.png" alt="t2bot" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>t2bot.io</h3> <h3>t2bot.io 💵</h3>
<p>Matrix bridges เพื่อชุมชนฟรี</p> <p>Matrix bridges เพื่อชุมชนฟรี</p>
</div> </div>
</div> </div>
@ -549,7 +550,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>ArchiveTeam</h3> <h3>ArchiveTeam 💵</h3>
<p>ร่วมเก็บรักษามรดกทางดิจิทัลไปด้วยกัน</p> <p>ร่วมเก็บรักษามรดกทางดิจิทัลไปด้วยกัน</p>
</div> </div>
</div> </div>
@ -567,7 +568,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;"> <img src="icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;">
<div> <div>
<h3>BorgBackup</h3> <h3>BorgBackup 💵</h3>
<p>สำรองข้อมูลอย่างปลอดภัย</p> <p>สำรองข้อมูลอย่างปลอดภัย</p>
</div> </div>
</div> </div>
@ -576,7 +577,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>DAVx⁵</h3> <h3>DAVx⁵ 💵</h3>
<p>โซลูชัน DAV สำหรับ Android</p> <p>โซลูชัน DAV สำหรับ Android</p>
</div> </div>
</div> </div>
@ -585,16 +586,16 @@
<div class="listaction"> <div class="listaction">
<img src="icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Flatpak</h3> <h3>Flatpak 💵</h3>
<p>อนาคตของแอปบน Linux</p> <p>อนาคตของแอปบน Linux</p>
</div> </div>
</div> </div>
</a> </a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-droid.org/"> <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-droid.org/">
<div class="listaction"> <div class="listaction">
<img src="icons/fdroid.svg" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/fdroid.svg" alt="F-Droid" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>F-Droid</h3> <h3>F-Droid 💵</h3>
<p>แหล่งรวม FOSS สำหรับ Android</p> <p>แหล่งรวม FOSS สำหรับ Android</p>
</div> </div>
</div> </div>
@ -612,7 +613,7 @@
<div class="listaction"> <div class="listaction">
<svg height="80" viewBox="0 0 76 86" width="80" style="margin: 0.3cm;" xmlns="http://www.w3.org/2000/svg"><path d="m76 82v4h-76l.00080851-4zm-3-6v5h-70v-5zm-62.6696277-54 .8344146.4217275.4176066 6.7436084.4176065 10.9576581v10.5383496l-.4176065 13.1364492-.0694681 8.8498268-1.1825531.3523804h-4.17367003l-1.25202116-.3523804-.48627608-8.8498268-.41840503-13.0662957v-10.5375432l.41840503-11.028618.38167482-6.7798947.87034634-.3854412zm60.0004653 0 .8353798.4217275.4168913 6.7436084.4168913 10.9576581v10.5383496l-.4168913 13.1364492-.0686832 8.8498268-1.1835879.3523804h-4.1737047l-1.2522712-.3523804-.4879704-8.8498268-.4168913-13.0662957v-10.5375432l.4168913-11.028618.3833483-6.7798947.8697215-.3854412zm-42.000632 0 .8344979.4217275.4176483 6.7436084.4176482 10.9576581v10.5383496l-.4176482 13.1364492-.0686764 8.8498268-1.1834698.3523804h-4.1740866l-1.2529447-.3523804-.4863246-8.8498268-.4168497-13.0662957v-10.5375432l.4168497-11.028618.38331-6.7798947.8688361-.3854412zm23 0 .8344979.4217275.4176483 6.7436084.4176482 10.9576581v10.5383496l-.4176482 13.1364492-.0686764 8.8498268-1.1834698.3523804h-4.1740866l-1.2521462-.3523804-.4871231-8.8498268-.4168497-13.0662957v-10.5375432l.4168497-11.028618.38331-6.7798947.8696347-.3854412zm21.6697944-9v7h-70v-7zm-35.7200748-13 36.7200748 8.4088317-1.4720205 2.5911683h-70.32799254l-2.19998696-2.10140371z" fill="currentColor" fill-rule="evenodd"/></svg> <svg height="80" viewBox="0 0 76 86" width="80" style="margin: 0.3cm;" xmlns="http://www.w3.org/2000/svg"><path d="m76 82v4h-76l.00080851-4zm-3-6v5h-70v-5zm-62.6696277-54 .8344146.4217275.4176066 6.7436084.4176065 10.9576581v10.5383496l-.4176065 13.1364492-.0694681 8.8498268-1.1825531.3523804h-4.17367003l-1.25202116-.3523804-.48627608-8.8498268-.41840503-13.0662957v-10.5375432l.41840503-11.028618.38167482-6.7798947.87034634-.3854412zm60.0004653 0 .8353798.4217275.4168913 6.7436084.4168913 10.9576581v10.5383496l-.4168913 13.1364492-.0686832 8.8498268-1.1835879.3523804h-4.1737047l-1.2522712-.3523804-.4879704-8.8498268-.4168913-13.0662957v-10.5375432l.4168913-11.028618.3833483-6.7798947.8697215-.3854412zm-42.000632 0 .8344979.4217275.4176483 6.7436084.4176482 10.9576581v10.5383496l-.4176482 13.1364492-.0686764 8.8498268-1.1834698.3523804h-4.1740866l-1.2529447-.3523804-.4863246-8.8498268-.4168497-13.0662957v-10.5375432l.4168497-11.028618.38331-6.7798947.8688361-.3854412zm23 0 .8344979.4217275.4176483 6.7436084.4176482 10.9576581v10.5383496l-.4176482 13.1364492-.0686764 8.8498268-1.1834698.3523804h-4.1740866l-1.2521462-.3523804-.4871231-8.8498268-.4168497-13.0662957v-10.5375432l.4168497-11.028618.38331-6.7798947.8696347-.3854412zm21.6697944-9v7h-70v-7zm-35.7200748-13 36.7200748 8.4088317-1.4720205 2.5911683h-70.32799254l-2.19998696-2.10140371z" fill="currentColor" fill-rule="evenodd"/></svg>
<div> <div>
<h3>Internet Archive</h3> <h3>Internet Archive 💵</h3>
<p>ประวัติศาสตร์ของอินเทอร์เน็ต</p> <p>ประวัติศาสตร์ของอินเทอร์เน็ต</p>
</div> </div>
</div> </div>
@ -630,16 +631,16 @@
<div class="listaction"> <div class="listaction">
<img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>LibreSpeed</h3> <h3>LibreSpeed 💵</h3>
<p>ทดสอบความเร็วอินเทอร์เน็ต</p> <p>ทดสอบความเร็วอินเทอร์เน็ต</p>
</div> </div>
</div> </div>
</a> </a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pipewire.org/"> <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pipewire.org/">
<div class="listaction"> <div class="listaction">
<img src="icons/pipewire.svg" alt="LibreSpeed" width="80" style="margin: 0.3cm;"> <img src="icons/pipewire.svg" alt="PipeWire" width="80" style="margin: 0.3cm;">
<div> <div>
<h3>PipeWire</h3> <h3>PipeWire 💵</h3>
<p>ระบบเสียงสำหรับ Linux</p> <p>ระบบเสียงสำหรับ Linux</p>
</div> </div>
</div> </div>
@ -648,7 +649,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Syncthing</h3> <h3>Syncthing 💵</h3>
<p>ซิงค์ไฟล์ต่อเนื่องอย่างปลอดภัย</p> <p>ซิงค์ไฟล์ต่อเนื่องอย่างปลอดภัย</p>
</div> </div>
</div> </div>
@ -657,7 +658,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>WineHQ</h3> <h3>WineHQ 💵</h3>
<p>รันแอป Windows บน POSIX</p> <p>รันแอป Windows บน POSIX</p>
</div> </div>
</div> </div>
@ -666,7 +667,7 @@
<div class="listaction"> <div class="listaction">
<img src="icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;"> <img src="icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;">
<div> <div>
<h3>Wireguard VPN</h3> <h3>Wireguard 💵</h3>
<p>VPN ความเร็วสูงสำหรับยุคใหม่</p> <p>VPN ความเร็วสูงสำหรับยุคใหม่</p>
</div> </div>
</div> </div>