www.techtransthai.org/content/foss4change/index.html
Late Night Defender a9f92a20f6
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Add F4C page
2024-11-28 01:56:10 +07:00

50 lines
2.4 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="สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS4Change - TechTransThai</title>
<link rel="icon" type="image/svg" href="/resources/icons/f4c.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a href="/" 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="button header">ทีม</a>
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="button header">วงแหวนเว็บ</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="button header">สถานะการให้บริการ</a>
</div>
</div>
</div>
<div class="grid-container">
<div class="middle large">
<div class="header" style="margin-top: 2cm;">
</div>
<h1>FOSS4Change</h1>
คอนเทนต์ How-to เกี่ยวกับซอฟต์แวร์โอเพนซอร์สและระบบปฏิบัติการ GNU/Linux ที่เน้นการเปลี่ยนแปลงและพัฒนาคุณภาพชีวิตให้กับผู้ใช้
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://video.techtransthai.org/c/foss4change">ดูบน TechTransThai Video</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">ดูบน YouTube</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://matrix.to/#/#ttt-f4c:matrix.org">พูดคุยบน Matrix</a>
</div>
</div>
</div>
</body>
</html>