From 17dc11dfc259636c7b9a9bb573d52b3c53095f60 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Tue, 20 Aug 2024 23:15:24 +0700
Subject: [PATCH] Add Open Source Fund projects

---
 support.html | 65 ++++++++++++++++++++++++++--------------------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/support.html b/support.html
index b1de34b..5f313af 100644
--- a/support.html
+++ b/support.html
@@ -47,7 +47,8 @@
       
       <h1>สนับสนุนการทำงานของเรา</h1>
       
-      TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เมื่อคุณสนับสนุนโปรเจกต์เหล่านี้ จะถือว่าเป็นการสนับสนุนพวกเราไปพร้อม ๆ กัน
+      <div>TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เราขอเชิญชวนทุกท่านมาร่วมสนับสนุนโปรเจกต์เหล่านี้ไปด้วยกัน</div>
+      <div>โปรเจกต์ที่ได้รับการสนับสนุนจาก TechTransThai Open Source Fund จะแสดงเครื่องหมาย 💵</div>
 
       <h3 style="margin-top: 5vh;">เว็บไซต์และ Hosting</h3>
 
@@ -56,7 +57,7 @@
           <div class="listaction">
             <img src="icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Caddy</h3>
+              <h3>Caddy 💵</h3>
               <p>เว็บเซิร์ฟเวอร์ที่มาพร้อม HTTPS</p>
             </div>
           </div>
@@ -83,7 +84,7 @@
           <div class="listaction">
             <img src="icons/glances.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">  
             <div>
-              <h3>Glances</h3>
+              <h3>Glances 💵</h3>
               <p>ตรวจสอบการทำงานของระบบ</p>
             </div>
           </div>
@@ -92,7 +93,7 @@
           <div class="listaction">
             <img src="icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Hugo</h3>
+              <h3>Hugo 💵</h3>
               <p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</p>
             </div>
           </div>
@@ -119,7 +120,7 @@
           <div class="listaction">
             <img src="icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Uptime Kuma</h3>
+              <h3>Uptime Kuma 💵</h3>
               <p>เครื่องมือมอนิเตอร์สำหรับโฮสต์เอง</p>
             </div>
           </div>
@@ -134,7 +135,7 @@
           <div class="listaction">
             <img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Forgejo</h3>
+              <h3>Forgejo 💵</h3>
               <p>Git forge น้ำนักเบา</p>
             </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"/>
             </svg> 
             <div>
-              <h3>Woodpecker CI</h3>
+              <h3>Woodpecker CI 💵</h3>
               <p>รัน CI/CD ด้วย Docker</p>
             </div>
           </div>
@@ -169,7 +170,7 @@
           <div class="listaction">
             <img src="icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Cinnamon</h3>
+              <h3>Cinnamon 💵</h3>
               <p>เดสก์ท็อปในรูปแบบที่คุณคุ้นเคย</p>
             </div>
           </div>
@@ -315,7 +316,7 @@
                 </g>
               </svg>
             <div>
-              <h3>GNOME</h3>
+              <h3>GNOME 💵</h3>
               <p>ทำงานของคุณอย่างสะดวกสบาย</p>
             </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>
               </svg>
             <div>
-              <h3>KDE Plasma</h3>
+              <h3>KDE Plasma 💵</h3>
               <p>เดสก์ท็อปยุคใหม่สำหรับ Linux</p>
             </div>
           </div>
@@ -379,7 +380,7 @@
           <div class="listaction">
             <img src="icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Inkscape</h3>
+              <h3>Inkscape 💵</h3>
               <p>เครื่องมือออกแบบอันทรงพลัง</p>
             </div>
           </div>
@@ -388,7 +389,7 @@
           <div class="listaction">
             <img src="icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Kdenlive</h3>
+              <h3>Kdenlive 💵</h3>
               <p>โปรแกรมตัดต่อวิดีโอฟรี</p>
             </div>
           </div>
@@ -397,7 +398,7 @@
           <div class="listaction">
             <img src="icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Krita</h3>
+              <h3>Krita 💵</h3>
               <p>โปรแกรมวาดรูปมืออาชีพฟรี</p>
             </div>
           </div>
@@ -406,7 +407,7 @@
           <div class="listaction">
             <img src="icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>LibreOffice</h3>
+              <h3>LibreOffice 💵</h3>
               <p>ซอฟต์แวร์สำนักงานฟรี</p>
             </div>
           </div>
@@ -433,7 +434,7 @@
           <div class="listaction">
             <img src="icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Saber</h3>
+              <h3>Saber 💵</h3>
               <p>แอปพลิเคชันสำหรับจดโน้ตด้วยลายมือ</p>
             </div>
           </div>
@@ -465,7 +466,7 @@
           <div class="listaction">
             <img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Mastodon</h3>
+              <h3>Mastodon 💵</h3>
               <p>เครือข่ายสังคมกระจายศูนย์</p>
             </div>
           </div>
@@ -490,7 +491,7 @@
               </g>
           </svg>
             <div>
-              <h3>Matrix.org</h3>
+              <h3>Matrix.org 💵</h3>
               <p>เครือข่ายเพื่อการสื่อสารแบบกระจายศูนย์</p>
             </div>
           </div>
@@ -508,7 +509,7 @@
           <div class="listaction">
             <img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Peertube</h3>
+              <h3>Peertube 💵</h3>
               <p>แพลตฟอร์มวิดีโอทดแทน</p>
             </div>
           </div>
@@ -517,7 +518,7 @@
           <div class="listaction">
             <img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Pixelfed</h3>
+              <h3>Pixelfed 💵</h3>
               <p>สำรวจและแบ่งปันรูปภาพที่สวยงาม</p>
             </div>
           </div>
@@ -526,7 +527,7 @@
           <div class="listaction">
             <img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Sharkey</h3>
+              <h3>Sharkey 💵</h3>
               <p>แพลตฟอร์ม Microblogging</p>
             </div>
           </div>
@@ -535,7 +536,7 @@
           <div class="listaction">
             <img src="icons/t2bot.png" alt="t2bot" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>t2bot.io</h3>
+              <h3>t2bot.io 💵</h3>
               <p>Matrix bridges เพื่อชุมชนฟรี</p>
             </div>
           </div>
@@ -549,7 +550,7 @@
           <div class="listaction">
             <img src="icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;">  
             <div>
-              <h3>ArchiveTeam</h3>
+              <h3>ArchiveTeam 💵</h3>
               <p>ร่วมเก็บรักษามรดกทางดิจิทัลไปด้วยกัน</p>
             </div>
           </div>
@@ -567,7 +568,7 @@
           <div class="listaction">
             <img src="icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;">  
             <div>
-              <h3>BorgBackup</h3>
+              <h3>BorgBackup 💵</h3>
               <p>สำรองข้อมูลอย่างปลอดภัย</p>
             </div>
           </div>
@@ -576,7 +577,7 @@
           <div class="listaction">
             <img src="icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>DAVx⁵</h3>
+              <h3>DAVx⁵ 💵</h3>
               <p>โซลูชัน DAV สำหรับ Android</p>
             </div>
           </div>
@@ -585,7 +586,7 @@
           <div class="listaction">
             <img src="icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">  
             <div>
-              <h3>Flatpak</h3>
+              <h3>Flatpak 💵</h3>
               <p>อนาคตของแอปบน Linux</p>
             </div>
           </div>
@@ -594,7 +595,7 @@
           <div class="listaction">
             <img src="icons/fdroid.svg" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>F-Droid</h3>
+              <h3>F-Droid 💵</h3>
               <p>แหล่งรวม FOSS สำหรับ Android</p>
             </div>
           </div>
@@ -612,7 +613,7 @@
           <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>
             <div>
-              <h3>Internet Archive</h3>
+              <h3>Internet Archive 💵</h3>
               <p>ประวัติศาสตร์ของอินเทอร์เน็ต</p>
             </div>
           </div>
@@ -630,7 +631,7 @@
           <div class="listaction">
             <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>LibreSpeed</h3>
+              <h3>LibreSpeed 💵</h3>
               <p>ทดสอบความเร็วอินเทอร์เน็ต</p>
             </div>
           </div>
@@ -639,7 +640,7 @@
           <div class="listaction">
             <img src="icons/pipewire.svg" alt="LibreSpeed" width="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>PipeWire</h3>
+              <h3>PipeWire 💵</h3>
               <p>ระบบเสียงสำหรับ Linux</p>
             </div>
           </div>
@@ -648,7 +649,7 @@
           <div class="listaction">
             <img src="icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;">  
             <div>
-              <h3>Syncthing</h3>
+              <h3>Syncthing 💵</h3>
               <p>ซิงค์ไฟล์ต่อเนื่องอย่างปลอดภัย</p>
             </div>
           </div>
@@ -657,7 +658,7 @@
           <div class="listaction">
             <img src="icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;">  
             <div>
-              <h3>WineHQ</h3>
+              <h3>WineHQ 💵</h3>
               <p>รันแอป Windows บน POSIX</p>
             </div>
           </div>
@@ -666,7 +667,7 @@
           <div class="listaction">
             <img src="icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Wireguard VPN</h3>
+              <h3>Wireguard 💵</h3>
               <p>VPN ความเร็วสูงสำหรับยุคใหม่</p>
             </div>
           </div>