www.techtransthai.org/index.html
Late Night Defender 3cf8c4d4d0
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Add website carbon badge from websitecarbon.com
Even though this will make the site contain JS, all other parts will remain functional even if the user doesn't have JS enabled in their browser.
2024-11-09 05:21:30 +07:00

399 lines
20 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<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>TechTransThai</title>
<link rel="icon" type="image/svg" href="resources/icons/ttt-org.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a style="display: flex; align-items: center; text-decoration: none;">
<img src="resources/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" class="headerbutton">
ทีม
</a>
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
วงแหวนเว็บ
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
สถานะการให้บริการ
</a>
</div>
</div>
</div>
<div class="header" style="margin-top: 2cm;">
</div>
<div class="grid-container">
<div class="middle-large">
<h1>TechTransThai</h1>
ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
ติดตามบน Fediverse
</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://matrix.to/#/#techtransthai:matrix.org">
พูดคุยผ่าน Matrix
</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai">
โปรไฟล์ TTT-Forge
</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://codeberg.org/techtransthai">
โปรไฟล์ Codeberg
</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">
ส่งอีเมล
</a>
</div>
<h3 style="margin-top: 5vh;">แคมเปญ</h3>
<div class="section">
<a class="itemcard" href="/campaigns/applocalization">
<div class="listaction">
<img src="resources/icons/applocalization.svg" alt="App localization" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>App Localization</h3>
<p>แปลแอปดี ๆ ให้มีเมนูภาษาไทย</p>
</div>
</div>
</a>
<a class="itemcard" href="/campaigns/compute4change">
<div class="listaction">
<img src="resources/icons/c4c.png" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Compute4Change</h3>
<p>สนับสนุนงานวิจัยด้วยอุปกรณ์ในมือคุณ</p>
</div>
</div>
</a>
<a class="itemcard" href="/campaigns/mappingthailand">
<div class="listaction">
<img src="resources/icons/mappingthailand.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Mapping Thailand</h3>
<p>เติมแผนที่ที่หายไปในประเทศไทย</p>
</div>
</div>
</a>
<a class="itemcard" href="/campaigns/opensourcefund">
<div class="listaction">
<img src="resources/icons/opensourcefund.svg" alt="openLKB" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Open Source Fund</h3>
<p>สนับสนุนโปรเจกต์ที่ทำให้เราเติบโต</p>
</div>
</div>
</a>
<a class="itemcard" href="/campaigns/openvoice">
<div class="listaction">
<img src="resources/icons/openvoice.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Open Voice Datasets</h3>
<p>ร่วมสร้างชุดข้อมูลเสียงของพวกเราทุกคน</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">งานพัฒนาแอปสำหรับ Linux</h3>
<div class="section">
<a class="itemcard" href="/linuxapps/boost-controller/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Boost Controller</h3>
<p>ควบคุมการทำงานของ Turbo Boost</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/brushset-extractor/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Brushset Extractor</h3>
<p>นำบรัชจากไฟล์ Brushset ไปใช้กับแอปอื่น ๆ</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/dewarper/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Dewarper</h3>
<p>ปรับแต่งรูปเอกสารที่ถ่ายด้วยกล้อง</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/energy-saver/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Energy saver</h3>
<p>คำแนะนำในการประหยัดแบตเตอรี่</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/fullscreen-clock/">
<div class="listaction">
<img src="resources/icons/fullscreenclock.Devel.svg" alt="Fullscreen clock" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Fullscreen clock</h3>
<p>นาฬิกาเต็มจอ แรงบันดาลใจจากห้องสอบ</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/monitor-test/">
<div class="listaction">
<img src="resources/icons/monitortest.Devel.svg" alt="Monitor Test" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Monitor Test</h3>
<p>ค้นหา Dead pixels บนหน้าจอของคุณ</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/opentype-feature-freeze/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>OpenType Feature Freeze</h3>
<p>Coming soon - you can help</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/osm-buildingsize-calculator/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>OSM Building size calculator</h3>
<p>คำนวณขนาดของอาคารใน OpenStreetMap</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/tasmota-compiler/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Tasmota Compiler</h3>
<p>ตัวช่วยคอมไพล์ Tasmota สำหรับอุปกรณ์ IoT</p>
</div>
</div>
</a>
<a class="itemcard" href="/linuxapps/thinkpad-fan-control/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>ThinkPad Fan Control</h3>
<p>ควบคุมความเร็วพัดลมบนโน้ตบุ๊ค ThinkPad</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh;">งานพัฒนาเว็บไซต์/เว็บแอป</h3>
<div class="section">
<a class="itemcard" href="/webapps/fifty-shades-of-bully/">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Fifty Shades of Bully</h3>
<p>สร้างความตระหนักรู้เกี่ยวกับการบูลลี่ในสังคมไทย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://little-lines.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/ll.svg" alt="little-lines" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Little Lines</h3>
<p>ระบบนำทางสำหรับล้อขนาดเล็ก</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://thailinux.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/tux.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TLUC Website</h3>
<p>รวมชุมชนผู้ใช้ Linux ในประเทศไทย</p>
</div>
</div>
</a>
</div>
<h3 style="margin-top: 5vh">คอนเทนต์</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="listaction">
<img src="resources/icons/f4c.svg" alt="FOSS4Change" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>FOSS4Change</h3>
<p>สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
</div>
</div>
</a>
<a class="itemcard" href="/content/ieducal">
<div class="listaction">
<img src="resources/icons/iEduCal.svg" alt="iEduCal" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>iEduCal for KMITL</h3>
<p>ปฏิทินการศึกษาในรูปแบบ iCalendar</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/openlkb-slides">
<div class="listaction">
<img src="resources/icons/slides-openlkb.svg" alt="openLKB Slides" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>openLKB Slides</h3>
<p>คอนเทนต์สุดพิเศษสำหรับชุมชน</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/blog.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Blog</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://test.techtransthai.org/">
<div class="listaction">
<img src="resources/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://relays.syncthing.net/">
<div class="listaction">
<img src="resources/icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Syncthing Relay</h3>
<p>Relay server แห่งแรกในไทย</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.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>TechTransThai CI</h3>
<p>Woodpecker CI instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://cloud.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/nextcloud.png" alt="Nextcloud" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Cloud</h3>
<p>Nextcloud instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://feeds.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/freshrss.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Feeds</h3>
<p>FreshRSS instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Forge</h3>
<p>Forgejo instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai F-Social</h3>
<p>Sharkey instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://home.techtransthai.org">
<div class="listaction">
<img src="resources/icons/homeassistant.svg" alt="Home Assistant" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Home</h3>
<p>Home Assistant instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pixels.techtransthai.org/">
<div class="listaction">
<img src="resources/icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Pixels</h3>
<p>Pixelfed instance ของเรา</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://video.techtransthai.org">
<div class="listaction">
<img src="resources/icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Video</h3>
<p>รับชมวิดีโอในเครือของเราได้ที่นี่</p>
</div>
</div>
</a>
</div>
<p style="margin-top: 5vh;text-align: center;">© 2024 TechTransThai</p>
<p style="text-align: center">เว็บไซต์นี้อยู่ภายใต้สัญญาอนุญาต CC BY-SA 4.0</p>
<div id="wcb" class="carbonbadge"></div>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
<a href="https://en.pronouns.page/@latenightdef" rel="me"></a>
<a href="https://f-social.techtransthai.org/@latenightdef" rel="me"></a>
<a href="https://webring.wonderful.software#techtransthai.org"><a/>
</div>
</div>
</body>
</html>