www.techtransthai.org/support.html

686 lines
50 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Home of TechTransThai's available services">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>สนับสนุนการทำงานของเรา</title>
<link rel="icon" type="image/svg" href="../icons/ttt-org.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
<img src="../icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center">
<a href="/team.html" class="headerbutton">
ทีม
</a>
<a target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/website" class="headerbutton">
ซอร์สโคด
</a>
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
วงแหวนเว็บ
</a>
<a class="headerbutton">
สนับสนุน
</a>
</div>
</div>
</div>
<div class="header" style="margin-top: 2cm;">
</div>
<div class="grid-container">
<div class="middle-large">
<h1>สนับสนุนการทำงานของเรา</h1>
TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เมื่อคุณสนับสนุนโปรเจกต์เหล่านี้ จะถือว่าเป็นการสนับสนุนพวกเราไปพร้อม ๆ กัน
<h3 style="margin-top: 5vh;">เว็บไซต์และ Hosting</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://gohugo.io/">
<div class="listaction">
<img src="icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Hugo</h3>
<p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://podman.io/">
<div class="listaction">
<img src="icons/podman.svg" alt="Podman" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Podman</h3>
<p>เครื่องมือสำหรับคอนเทนเนอร์</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://fedoraproject.org/">
<div class="listaction">
<img src="icons/fedora.svg" alt="Fedora" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Fedora Linux</h3>
<p>ระบบปฏิบัติการ Linux ชั้นนำ</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://centos.org/">
<div class="listaction">
<img src="icons/centos.svg" alt="CentOS" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>The CentOS Project</h3>
<p>แพลตฟอร์มฐานฟรีโดยชุมชน</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/louislam/uptime-kuma">
<div class="listaction">
<img src="icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Uptime Kuma</h3>
<p>เครื่องมือมอนิเตอร์สำหรับโฮสต์เอง</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://caddyserver.com/">
<div class="listaction">
<img src="icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Caddy</h3>
<p>เว็บเซิร์ฟเวอร์ที่มาพร้อม HTTPS</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">การพัฒนาซอฟต์แวร์</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forgejo.org/">
<div class="listaction">
<img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Forgejo</h3>
<p>Git forge น้ำนักเบา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://woodpecker-ci.org/">
<div class="listaction">
<svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
<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>
<p>รัน CI/CD ด้วย Docker</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://vscodium.com/">
<div class="listaction">
<img src="icons/codium.svg" alt="VSCodium" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>VSCodium</h3>
<p>VS Code เวอร์ชันเสรี</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">Desktop Environments</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.gnome.org/">
<div class="listaction">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="80"
height="80"
id="svg1903"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
viewBox="0 0 97.966095 138.95122"
style="margin: 0.3cm;"
sodipodi:docname="gnome-logo-text-dark.svg">
<metadata
id="metadata24">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1011"
id="namedview22"
showgrid="false"
inkscape:zoom="2.0645911"
inkscape:cx="6.1022513"
inkscape:cy="68.392751"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1903"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:document-rotation="0" />
<defs
id="defs1905">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 244.11613 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="401.74014 : 244.11613 : 1"
inkscape:persp3d-origin="200.87007 : 162.74409 : 1"
id="perspective26" />
</defs>
<g
transform="matrix(0.30686102,0,0,0.30686102,-57.94673,-76.524295)"
id="layer1"
style="fill:currentColor">
<g
transform="translate(925.8326,120.8762)"
id="g3963"
style="fill:currentColor">
<g
transform="matrix(2.914897,0,0,2.914897,-717.5904,128.5015)"
style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="g3771">
<g
style="fill:currentColor;fill-opacity:1"
id="g3773">
<path
d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"
style="fill:currentColor;fill-opacity:1"
id="path3775"
inkscape:connector-curvature="0" />
<path
d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 45.217,30.699 Z"
style="fill:currentColor;fill-opacity:1"
id="path3777"
inkscape:connector-curvature="0" />
<path
d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 11.445,48.453 Z"
style="fill:currentColor;fill-opacity:1"
id="path3779"
inkscape:connector-curvature="0" />
<path
d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 26.212,36.642 Z"
style="fill:currentColor;fill-opacity:1"
id="path3781"
inkscape:connector-curvature="0" />
<path
d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 Z"
style="fill:currentColor;fill-opacity:1"
id="path3783"
inkscape:connector-curvature="0" />
</g>
</g>
<g
transform="matrix(1.098291,0,0,1.098291,41.06056,-50.07504)"
id="g3956"
style="fill:currentColor">
<path
d="m -565.99523,509.46063 c -8.08731,0.21792 -14.47394,3.12448 -19.17071,8.69866 -4.86385,5.80101 -7.31024,13.81651 -7.31024,24.03862 0,10.19394 2.44651,18.18745 7.31024,23.98846 4.88761,5.801 11.59815,8.69866 20.15764,8.69866 8.5831,0 15.3105,-2.89766 20.17436,-8.69866 4.86373,-5.80101 7.29358,-13.79452 7.29353,-23.98846 -5e-5,-10.22211 -2.4298,-18.23761 -7.29353,-24.03862 -4.86386,-5.80075 -11.59131,-8.69866 -20.17436,-8.69866 -0.33434,0 -0.6582,-0.009 -0.98693,0 z m 0.60221,11.77669 c 0.12927,-0.003 0.25357,0 0.38472,0 4.21998,0 7.48996,1.8261 9.8028,5.48697 2.31266,3.66086 3.47944,8.82788 3.47949,15.47362 0,6.61757 -1.16692,11.74604 -3.47949,15.40691 -2.31274,3.66086 -5.58286,5.50352 -9.8028,5.50352 -4.19632,0 -7.43983,-1.84266 -9.75257,-5.50352 -2.31274,-3.66087 -3.47944,-8.78934 -3.47949,-15.40691 0,-6.64574 1.16684,-11.81276 3.47949,-15.47362 2.24035,-3.54647 5.35963,-5.37604 9.36785,-5.48697 z"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.7px;line-height:125%;font-family:'Bitstream Vera Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:currentColor;fill-opacity:1;stroke:none"
id="path3787"
inkscape:connector-curvature="0" />
<path
d="m -657.35432,568.97161 c -7.12362,5.98235 -17.72219,5.91366 -22.13752,5.91366 -8.8932,0 -15.93855,-2.92879 -21.13613,-8.78612 -5.19765,-5.88525 -7.7964,-13.85456 -7.7964,-23.90791 0,-10.16578 2.64646,-18.16325 7.93945,-23.99241 5.293,-5.82892 12.54098,-8.74363 21.74413,-8.74363 3.55245,0 6.94991,0.39433 10.19254,1.18273 3.26638,0.78841 6.34203,1.95706 9.22697,3.50595 l -3.70487,10.9527 c -1.62185,-0.88773 -3.4788,-1.76286 -5.20022,-2.37807 -2.93262,-0.98557 -5.87712,-1.47823 -8.83351,-1.47823 -5.48379,0 -9.71581,1.81623 -12.69601,5.44892 -2.95649,3.60454 -4.4347,8.7718 -4.4347,15.50204 0,6.67415 1.4305,11.82733 4.29167,15.46003 2.86099,3.6327 7.16068,5.44892 12.19522,5.44892 5.11476,0 8.28269,-1.28922 9.97226,-2.64762 v -10.91144 h -11.08087 v -10.89809 h 21.45799"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.7px;line-height:125%;font-family:'Bitstream Vera Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:currentColor;fill-opacity:1;stroke:none"
id="path3789"
inkscape:connector-curvature="0" />
<path
d="m -528.50252,510.59568 h 17.5241 l 12.15952,39.37066 12.23105,-39.37066 h 14.81181 l 6.69132,63.06461 h -13.01787 l -4.0148,-39.4349 -12.30257,39.62391 h -8.72628 l -12.30263,-40.9623 -4.01479,40.77329 h -13.05365 l 6.69132,-63.06461"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.7px;line-height:125%;font-family:'Bitstream Vera Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:currentColor;fill-opacity:1;stroke:none"
id="path3793"
inkscape:connector-curvature="0" />
<path
d="m -455.68828,510.59568 h 37.15811 v 12.29183 h -23.38928 v 13.08097 h 17.97969 v 10.95369 h -17.97969 v 14.44629 h 24.17608 v 12.29183 h -37.94491 v -63.06461"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.7px;line-height:125%;font-family:'Bitstream Vera Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:currentColor;fill-opacity:1;stroke:none"
id="path3795"
inkscape:connector-curvature="0" />
<path
d="m -647.94283,510.59568 h 8.6869 l 27.44915,37.90083 v -37.90083 h 11.71533 v 63.06461 h -8.6869 l -27.4491,-37.90083 v 37.90083 h -11.71538 v -63.06461"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.7px;line-height:125%;font-family:'Bitstream Vera Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:currentColor;fill-opacity:1;stroke:none"
id="path3791"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
</svg>
<div>
<h3>GNOME</h3>
<p>ทำงานของคุณอย่างสะดวกสบาย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://kde.org/">
<div class="listaction">
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" style="margin: 0.3cm;" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" height="80" width="80" viewBox="0 0 44 60" version="1.1" id="svg43" sodipodi:docname="kde-logo-blue-w-slug-vectorized.svg" inkscape:version="0.92.4 5da689c313, 2019-01-14">
<metadata id="metadata49">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs id="defs47">
<linearGradient id="linearGradient1079" gradientTransform="matrix(1.0454421,0,0,1.0298842,46.076843,3.856842)" gradientUnits="userSpaceOnUse" x1="-45.221867" x2="0.69172603" y1="-4.91011" y2="41.697075">
<stop offset="0" stop-color="#2bc0ff" id="stop10-6"/>
<stop offset="1" stop-color="#1d99f3" id="stop12-1"/>
</linearGradient>
</defs>
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="2560" inkscape:window-height="1026" id="namedview45" showgrid="false" showborder="false" inkscape:snap-text-baseline="true" inkscape:current-layer="svg43" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="3.4766084" inkscape:cx="13.339215" inkscape:cy="-26.573891" inkscape:window-x="1920" inkscape:window-y="0" inkscape:window-maximized="1">
<inkscape:grid type="xygrid" id="grid950" originx="-2" originy="14"/>
</sodipodi:namedview>
<linearGradient id="a">
<stop offset="0" id="stop2"/>
<stop offset="1" stop-opacity="0" id="stop4"/>
</linearGradient>
<linearGradient id="b" gradientUnits="userSpaceOnUse" x1="16" x2="34.942001" xlink:href="#a" y1="11" y2="29.941999"/>
<linearGradient id="c" gradientTransform="rotate(45)" gradientUnits="userSpaceOnUse" x1="31.021" x2="43.104" xlink:href="#a" y1="-9.8959999" y2="-9.8959999"/>
<linearGradient id="d" gradientUnits="userSpaceOnUse" x1="23.716" x2="26.348" xlink:href="#a" y1="13.219" y2="15.851"/>
<linearGradient id="e" gradientTransform="matrix(1.0454421,0,0,1.0298842,46.076843,3.856842)" gradientUnits="userSpaceOnUse" x1="-45.221867" x2="0.69172603" y1="-4.91011" y2="41.697075">
<stop offset="0" stop-color="#2bc0ff" id="stop10"/>
<stop offset="1" stop-color="#1d99f3" id="stop12"/>
</linearGradient>
<rect style="fill:#1d99f3;fill-opacity:1;fill-rule:evenodd;stroke-width:1" id="rect970" width="44" height="60" x="0" y="0" rx="5" ry="5"/>
<g id="g982" transform="translate(-2,-2)">
<path id="path37" d="m 15.208984,14.617188 c -0.123062,-0.0059 -0.241909,0.03097 -0.339843,0.128906 l -2.123047,2.123047 c -0.195869,0.195869 -0.195869,0.511162 0,0.707031 l 2.193359,3.445312 c -0.175549,0.354193 -0.327571,0.719568 -0.455078,1.09375 L 10.5,23 C 10.223,23 10,23.223 10,23.5 v 3 c 0,0.277 0.229596,0.43991 0.5,0.5 l 3.986328,0.886719 c 0.12346,0.370523 0.270907,0.732616 0.441406,1.083984 l -2.197265,3.453125 c -0.148715,0.233695 -0.195869,0.511162 0,0.707031 l 2.121093,2.123047 c 0.19587,0.195869 0.511163,0.195869 0.707032,0 l 3.453125,-2.199218 c 0.357212,0.177942 0.725864,0.331927 1.103515,0.460937 L 21,37.5 c 0,0.277 0.223,0.5 0.5,0.5 h 3 c 0.277,0 0.43991,-0.229596 0.5,-0.5 l 0.886719,-3.986328 c 0.376029,-0.125362 0.743365,-0.275428 1.099609,-0.449219 l 3.4375,2.189453 c 0.195869,0.195869 0.511162,0.195869 0.707031,0 l 2.123047,-2.123047 c 0.195869,-0.195869 0.148715,-0.473336 0,-0.707031 l -0.9375,-1.472656 -0.699218,0.279297 -2.240235,-3.359375 C 28.247974,30.381473 25.752561,31.997186 23,32 c -3.865993,0 -7,-3.134007 -7,-7 0.0031,-2.700827 1.559779,-5.15891 4,-6.316406 V 16.53125 c -0.336475,0.11516 -0.665829,0.250162 -0.986328,0.404297 l -3.4375,-2.189453 c -0.116848,-0.07436 -0.244125,-0.123012 -0.367188,-0.128906 z" inkscape:connector-curvature="0" style="fill:#ffffff"/>
<path id="path39" d="m 26,10 -5,0.462891 V 30 l 5,-1 v -8 l 6,9 5,-2 L 30.5,19.585938 37.003906,11 31.767578,10 26,18.5 Z" inkscape:connector-curvature="0" style="fill:#ffffff"/>
</g>
<g aria-label="KDE" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.33333302px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code';letter-spacing:0px;word-spacing:0px;fill:#fcfcfc;fill-opacity:1;stroke:none;stroke-width:0.99999994" id="text819-3">
<path d="M 16.352,52 H 14.656 L 10.608,46.544 9.44,47.568 V 52 H 8 V 40.576 h 1.44 v 5.632 q 0.48,-0.544 0.976,-1.088 0.496,-0.544 0.992,-1.088 l 3.088,-3.456 h 1.68 l -4.528,4.976 z" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans';fill:#fcfcfc;stroke-width:0.99999994" id="path8503" inkscape:connector-curvature="0"/>
<path d="m 27.055992,46.176 q 0,2.896 -1.584,4.368 -1.568,1.456 -4.384,1.456 h -3.184 V 40.576 h 3.52 q 1.728,0 2.992,0.64 1.264,0.64 1.952,1.888 0.688,1.232 0.688,3.072 z m -1.52,0.048 q 0,-2.288 -1.136,-3.344 -1.12,-1.072 -3.184,-1.072 h -1.872 v 8.96 h 1.552 q 4.64,0 4.64,-4.544 z" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans';fill:#fcfcfc;stroke-width:0.99999994" id="path8505" inkscape:connector-curvature="0"/>
<path d="m 35.967984,52 h -6.384 V 40.576 h 6.384 v 1.264 h -4.944 v 3.568 h 4.656 v 1.248 h -4.656 v 4.08 h 4.944 z" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans';fill:#fcfcfc;stroke-width:0.99999994" id="path8507" inkscape:connector-curvature="0"/>
</g>
<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>
<p>เดสก์ท็อปยุคใหม่สำหรับ Linux</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://projects.linuxmint.com/cinnamon/">
<div class="listaction">
<img src="icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Cinnamon</h3>
<p>เดสก์ท็อปในรูปแบบที่คุณคุ้นเคย</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">เครื่องมือ</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://nextcloud.com/">
<div class="listaction">
<img src="icons/nextcloud.png" alt="Nextcloud" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Nextcloud</h3>
<p>ทำงานร่วมกันระยะไกลอย่างง่ายดาย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.libreoffice.org/">
<div class="listaction">
<img src="icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>LibreOffice</h3>
<p>ซอฟต์แวร์สำนักงานฟรี</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.onlyoffice.com/">
<div class="listaction">
<img src="icons/onlyoffice.png" alt="ONLYOFFICE" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>ONLYOFFICE</h3>
<p>ซอฟต์แวร์สำนักงาน</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://krita.org/">
<div class="listaction">
<img src="icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Krita</h3>
<p>โปรแกรมวาดรูปมืออาชีพฟรี</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://kdenlive.org/">
<div class="listaction">
<img src="icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Kdenlive</h3>
<p>โปรแกรมตัดต่อวิดีโอฟรี</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://inkscape.org/">
<div class="listaction">
<img src="icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Inkscape</h3>
<p>เครื่องมือออกแบบอันทรงพลัง</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://saber.adil.hanney.org/">
<div class="listaction">
<img src="icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Saber</h3>
<p>แอปพลิเคชันสำหรับจดโน้ตด้วยลายมือ</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://xournalpp.github.io/">
<div class="listaction">
<img src="icons/xournalpp.svg" alt="Xournal++" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Xournal++</h3>
<p>จดโน้ตด้วยลายมืออย่างง่ายดาย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://simplemobiletools.com/">
<div class="listaction">
<img src="icons/simplemobiletools.png" alt="SimpleMobileTools" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Simple Mobile Tools</h3>
<p>แอป Android เพื่อความเป็นส่วนตัว</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">โซเชียลและการสื่อสาร</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://activitypub.software/TransFem-org/Sharkey">
<div class="listaction">
<img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Sharkey</h3>
<p>แพลตฟอร์ม Microblogging</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://joinmastodon.org/">
<div class="listaction">
<img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Mastodon</h3>
<p>เครือข่ายสังคมกระจายศูนย์</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://mstdn.in.th/">
<div class="listaction">
<img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>mstdn.in.th</h3>
<p>สื่อสังคมที่ขับเคลื่อนด้วย Mastodon</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pixelfed.org/">
<div class="listaction">
<img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Pixelfed</h3>
<p>สำรวจและแบ่งปันรูปภาพที่สวยงาม</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://matrix.org/">
<div class="listaction">
<svg width="80px" height="80px" viewBox="0 0 75 32" style="margin: 0.3cm;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
<title>matrix logo white</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="matrix-logo-white" fill="currentColor" fill-rule="nonzero">
<polygon id="Path" points="0.936314791 0.73220178 0.936314791 31.2495668 3.12942478 31.2495668 3.12942478 31.9817685 0.094721871 31.9817685 0.094721871 9.49554896e-05 3.12942478 9.49554896e-05 3.12942478 0.73220178"/>
<path d="M9.38571429,10.4066469 L9.38571429,11.951003 L9.42961441,11.951003 C9.8409292,11.3631335 10.3363464,10.9066825 10.9167193,10.5830742 C11.496713,10.2600356 12.1615676,10.0978516 12.9104298,10.0978516 C13.6298989,10.0978516 14.287263,10.237911 14.8819532,10.5170801 C15.4768331,10.796724 15.9285398,11.2891632 16.2369785,11.9952522 C16.5745259,11.4953116 17.0334387,11.0539585 17.6138116,10.6715727 C18.1938053,10.2893769 18.8803729,10.0978516 19.6736094,10.0978516 C20.2757901,10.0978516 20.8335967,10.1715371 21.3480721,10.3186231 C21.8617889,10.4657092 22.302402,10.7010089 22.6696271,11.0245223 C23.0364728,11.3483205 23.3228192,11.7711573 23.5288559,12.2928427 C23.7343236,12.8154777 23.8372946,13.4438932 23.8372946,14.1795134 L23.8372946,21.8126053 L20.7089128,21.8125104 L20.7089128,15.3485104 C20.7089128,14.9663145 20.694311,14.6059585 20.664823,14.2674421 C20.6351454,13.9294006 20.5547408,13.6354184 20.4225664,13.3850208 C20.2902971,13.1351929 20.0954488,12.936451 19.83878,12.78927 C19.581732,12.6427537 19.2328066,12.5687834 18.7922882,12.5687834 C18.3517699,12.5687834 17.9955436,12.6538635 17.723799,12.8224095 C17.4518647,12.9918101 17.2390961,13.2125816 17.085019,13.4843442 C16.930847,13.7567715 16.8279709,14.0654718 16.7766751,14.4112997 C16.725,14.7567478 16.6994943,15.106184 16.6994943,15.4591335 L16.6994943,21.8126053 L13.571397,21.8126053 L13.571397,15.4149792 C13.571397,15.0767478 13.5637168,14.7420297 13.5495891,14.4112997 C13.5346081,14.0801899 13.4724083,13.7750979 13.3620417,13.495454 C13.2518647,13.2162849 13.0682048,12.9918101 12.8112516,12.8224095 C12.5542035,12.6538635 12.1760746,12.5687834 11.6767699,12.5687834 C11.5297092,12.5687834 11.3351454,12.6019228 11.0930784,12.6682967 C10.8507269,12.7344807 10.6155815,12.859727 10.3881163,13.043276 C10.160177,13.2272997 9.96580278,13.4920356 9.80423515,13.8373887 C9.64257269,14.1832166 9.56188369,14.6352047 9.56188369,15.1940178 L9.56188369,21.8125104 L6.43388116,21.8126053 L6.43388116,10.4066469 L9.38571429,10.4066469 Z" id="Path"/>
<path d="M25.8417193,12.0835608 C26.1645702,11.5980534 26.5759798,11.208546 27.0754741,10.914089 C27.5745891,10.6200119 28.1360936,10.4105401 28.7604614,10.2853887 C29.3845449,10.1605223 30.0125158,10.0977567 30.6439949,10.0977567 C31.2168774,10.0977567 31.7967762,10.1383976 32.3842604,10.2190148 C32.9716498,10.3002018 33.5078382,10.4584926 33.9925411,10.6935074 C34.4771492,10.9287122 34.8735777,11.2562136 35.1821113,11.6751573 C35.4905499,12.0942908 35.6447219,12.6495905 35.6447219,13.3409614 L35.6447219,19.2751098 C35.6447219,19.7905282 35.674115,20.2826825 35.7329962,20.7532819 C35.7913085,21.2241662 35.8942794,21.5771157 36.0412453,21.8123205 L32.869153,21.8123205 C32.8102718,21.6357033 32.7623894,21.4557626 32.725885,21.2717389 C32.6889064,21.0881899 32.6632111,20.9006528 32.648799,20.7093175 C32.1493995,21.2241662 31.5617257,21.5845223 30.8866308,21.7904807 C30.2108723,21.9958694 29.5206068,22.099181 28.8156448,22.099181 C28.2720607,22.099181 27.7653603,22.0329021 27.2954488,21.900724 C26.8253477,21.7682611 26.4143173,21.5624926 26.0618837,21.2825638 C25.7093552,21.0035846 25.4340076,20.6505401 25.2357459,20.224095 C25.0374842,19.7976499 24.9382111,19.2897329 24.9382111,18.7016736 C24.9382111,18.0547418 25.0518963,17.5213769 25.2799305,17.1026231 C25.5073957,16.6832047 25.8009482,16.3487715 26.1612516,16.0984688 C26.5208913,15.848546 26.9320164,15.6610089 27.3948167,15.5360475 C27.8573325,15.411181 28.3235461,15.3121424 28.7935525,15.2381721 C29.2635588,15.1648665 29.7260746,15.1058991 30.1814791,15.0618398 C30.6366941,15.0175905 31.040708,14.9513116 31.3931416,14.8630979 C31.74567,14.7748843 32.0244311,14.6464095 32.2302781,14.4771039 C32.4355563,14.3079881 32.5310367,14.0616736 32.5166245,13.7378754 C32.5166245,13.3998338 32.4616308,13.1312047 32.3514539,12.9327478 C32.2413717,12.7342908 32.0944058,12.5796083 31.9109355,12.469365 C31.7272756,12.3591217 31.5143173,12.2855312 31.2721555,12.2485935 C31.0297092,12.2123205 30.7687737,12.1935193 30.4901075,12.1935193 C29.8732301,12.1935193 29.388622,12.3259822 29.0360936,12.5907181 C28.6837547,12.855454 28.4777181,13.2969021 28.4192162,13.9143976 L25.2911188,13.9143976 C25.3349241,13.1792522 25.5182048,12.5685935 25.8417193,12.0835608 Z M32.0208281,16.5068724 C31.8226612,16.5729614 31.6096081,16.6279407 31.3821429,16.6721899 C31.1543932,16.7163442 30.9158344,16.7531869 30.666182,16.7824332 C30.4163401,16.8121543 30.1666877,16.8487122 29.917225,16.8928665 C29.6820796,16.9366409 29.4508217,16.9959881 29.2234513,17.0691988 C28.995512,17.1431691 28.7972503,17.2422077 28.6285714,17.3671691 C28.4594185,17.4922255 28.323641,17.6506113 28.2208597,17.8413769 C28.1179836,18.0326172 28.0666877,18.2754184 28.0666877,18.5694955 C28.0666877,18.8486647 28.1179836,19.0843442 28.2208597,19.2751098 C28.323641,19.466635 28.4634008,19.6173294 28.6395702,19.7275727 C28.8157396,19.837816 29.0212073,19.9152047 29.2565424,19.9590742 C29.4912137,20.0033234 29.7335651,20.0253531 29.9833123,20.0253531 C30.6000948,20.0253531 31.0772124,19.9226113 31.4153287,19.7164629 C31.7529709,19.5107893 32.0024336,19.2642849 32.1642857,18.9772344 C32.3256637,18.6905638 32.4249368,18.4006647 32.4617257,18.1061128 C32.4981353,17.8120356 32.5167193,17.5766409 32.5167193,17.4002136 L32.5167193,16.2307418 C32.3843552,16.3487715 32.2191846,16.4405935 32.0208281,16.5068724 Z" id="Shape"/>
<path d="M43.8835335,10.4066469 L43.8835335,12.5025045 L41.5926675,12.5025045 L41.5926675,18.150362 C41.5926675,18.679549 41.6806574,19.0326884 41.8570164,19.2090208 C42.0329962,19.385543 42.3857143,19.4737567 42.9144121,19.4737567 C43.0906764,19.4737567 43.2593552,19.4665401 43.4210177,19.451727 C43.5824905,19.4372938 43.7367573,19.4148843 43.8835335,19.385638 L43.8835335,21.8124154 C43.6191846,21.8565697 43.3253477,21.885816 43.002402,21.900819 C42.6793616,21.9149674 42.363622,21.9226588 42.0551833,21.9226588 C41.5705752,21.9226588 41.1114728,21.8894243 40.6783502,21.8231454 C40.2449431,21.7571513 39.8632111,21.6287715 39.5328698,21.4373412 C39.2023388,21.2463858 38.9415929,20.9739585 38.7508217,20.6210089 C38.5596713,20.2683442 38.4643805,19.8048665 38.4643805,19.2309555 L38.4643805,12.5025045 L36.5699431,12.5025045 L36.5699431,10.4066469 L38.4643805,10.4066469 L38.4643805,6.98710979 L41.5925727,6.98710979 L41.5925727,10.4066469 L43.8835335,10.4066469 Z" id="Path"/>
<path d="M48.3553729,10.4066469 L48.3553729,12.5246291 L48.3994627,12.5246291 C48.5460493,12.1713947 48.7442162,11.8444629 48.994153,11.5426944 C49.2439001,11.2414955 49.5300569,10.9838813 49.8531922,10.7706113 C50.176043,10.5577211 50.5213654,10.3922136 50.8888748,10.274184 C51.2556258,10.156724 51.637737,10.0976617 52.0343552,10.0976617 C52.2399178,10.0976617 52.4672882,10.1346944 52.717225,10.208095 L52.717225,13.1203798 C52.5701643,13.0907537 52.3939001,13.0649258 52.1885272,13.0430861 C51.982775,13.0209614 51.7846081,13.0098516 51.5936473,13.0098516 C51.0208597,13.0098516 50.5362516,13.1057567 50.1399178,13.2967122 C49.7433944,13.4879525 49.4240518,13.7487953 49.1816056,14.0798101 C48.9393489,14.4109199 48.7664033,14.796724 48.6637168,15.2380772 C48.5610303,15.6791454 48.5096397,16.1574362 48.5096397,16.672095 L48.5096397,21.8123205 L45.3815424,21.8123205 L45.3815424,10.4066469 L48.3553729,10.4066469 Z" id="Path"/>
<path d="M54.0388748,8.64161424 L54.0388748,6.06043917 L57.1672566,6.06043917 L57.1672566,8.64161424 L54.0388748,8.64161424 Z M57.1672566,10.4066469 L57.1672566,21.8124154 L54.0388748,21.8124154 L54.0388748,10.4066469 L57.1672566,10.4066469 Z" id="Shape"/>
<polygon id="Path" points="58.7972503 10.4066469 62.365866 10.4066469 64.37067 13.3849258 66.3533818 10.4066469 69.8119153 10.4066469 66.0670354 15.7456142 70.2747155 21.8125104 66.7058154 21.8125104 64.3265803 18.216546 61.9472503 21.8125104 58.4449115 21.8125104 62.542225 15.8119881"/>
<polygon id="Path" points="74.0938369 31.2495668 74.0938369 0.73220178 71.9007269 0.73220178 71.9007269 9.49554896e-05 74.9356195 9.49554896e-05 74.9356195 31.9817685 71.9007269 31.9817685 71.9007269 31.2495668"/>
</g>
</g>
</svg>
<div>
<h3>Matrix.org</h3>
<p>เครือข่ายเพื่อการสื่อสารแบบกระจายศูนย์</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org/">
<div class="listaction">
<img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Peertube</h3>
<p>แพลตฟอร์มวิดีโอทดแทน</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://t2bot.io/">
<div class="listaction">
<img src="icons/t2bot.png" alt="t2bot" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>t2bot.io</h3>
<p>Matrix bridges เพื่อชุมชนฟรี</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">อื่น ๆ</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://boinc.berkeley.edu/">
<div class="listaction">
<img src="icons/boinc.svg" alt="BOINC" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>BOINC</h3>
<p>ร่วมงานวิจัยด้วยอุปกรณ์ของคุณ</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.davx5.com/">
<div class="listaction">
<img src="icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>DAVx⁵</h3>
<p>โซลูชัน DAV สำหรับ Android</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.wireguard.com/">
<div class="listaction">
<img src="icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Wireguard VPN</h3>
<p>VPN ความเร็วสูงสำหรับยุคใหม่</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://archive.org/">
<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>
<p>ประวัติศาสตร์ของอินเทอร์เน็ต</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.winehq.org/">
<div class="listaction">
<img src="icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>WineHQ</h3>
<p>รันแอป Windows บน POSIX</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://wiki.archiveteam.org/">
<div class="listaction">
<img src="icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>ArchiveTeam</h3>
<p>ร่วมเก็บรักษามรดกทางดิจิทัลไปด้วยกัน</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://flatpak.org/">
<div class="listaction">
<img src="icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Flatpak</h3>
<p>อนาคตของแอปบน Linux</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://coreos.github.io/rpm-ostree/">
<div class="listaction">
<img src="icons/coreos.png" alt="CoreOS" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>rpm-ostree</h3>
<p>ระบบกึ่งอิมเมจ/แพ็กเกจสำหรับ Fedora</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/nicolargo/glances">
<div class="listaction">
<img src="icons/glances.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Glances</h3>
<p>ตรวจสอบการทำงานของระบบ</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.borgbackup.org/">
<div class="listaction">
<img src="icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;">
<div>
<h3>BorgBackup</h3>
<p>สำรองข้อมูลอย่างปลอดภัย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://syncthing.net/">
<div class="listaction">
<img src="icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Syncthing</h3>
<p>ซิงค์ไฟล์ต่อเนื่องอย่างปลอดภัย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.home-assistant.io/">
<div class="listaction">
<img src="icons/homeassistant.svg" alt="Home Assistant" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Home Assistant</h3>
<p>Home automation โอเพนซอร์ส</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://invidious.io/">
<div class="listaction">
<img src="icons/inv.svg" alt="Invidious" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Invidious</h3>
<p>ดูวิดีโอจากเว็บไซต์ดังไร้โฆษณากวนใจ</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://librespeed.org/">
<div class="listaction">
<img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>LibreSpeed</h3>
<p>ทดสอบความเร็วอินเทอร์เน็ต</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pipewire.org/">
<div class="listaction">
<img src="icons/pipewire.svg" alt="LibreSpeed" width="80" style="margin: 0.3cm;">
<div>
<h3>PipeWire</h3>
<p>ระบบเสียงสำหรับ Linux</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-droid.org/">
<div class="listaction">
<img src="icons/fdroid.svg" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>F-Droid</h3>
<p>แหล่งรวม FOSS สำหรับ Android</p>
</div>
</div>
</a>
</div>
</div>
</div>
</body>
</html>