Add AI Tutor PoC
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Late Night Defender 2025-05-27 22:49:39 +07:00
parent 794c2a4b21
commit 067b805369
2 changed files with 73 additions and 0 deletions

View file

@ -0,0 +1,64 @@
<!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>AI English Tutor - TechTransThai</title>
<link rel="icon" type="image/webp" href="https://dl.techtransthai.org/resources/icons/ai-english-tutor.webp">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
<img src="https://dl.techtransthai.org/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="/about" class="button header">เกี่ยวกับเรา</a>
<a href="/team" 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>
<div style="display: flex; justify-content: center; margin: 3vh;">
<img src="https://dl.techtransthai.org/resources/icons/ai-english-tutor.webp" alt="eng-tutor" width="80" height="80" style="margin-right: 0.1cm;">
<div style="font-weight: bold; font-size: 24pt; display: flex; align-items: center;">AI English Tutor</div>
</div>
<div style="text-align: center;">
<h2>Improve your English</h2>
<h2 style="margin-top: -2vh;">While still having fun!</h2>
</div>
<div class="quickbuttons" style="margin-top: 5vh; display: flex; justify-content: center;">
<a class="button pill accent" target="_blank" rel="noopener noreferrer" href="https://ai-tutor-poc.techtransthai.org/">เปิดเว็บแอป Proof-of-Concept</a>
<a class="button pill" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/ai-english-tutor-poc">ดูซอร์สโคด</a>
</div>
<div style="margin-top: 5vh; margin-bottom: 1vh; text-align: center;">
© 2025 TechTransThai Contributors<br>
<a href="https://forge.techtransthai.org/techtransthai/www.techtransthai.org">Website source</a>
<nbsp>·</nbsp>
<a href="https://dl.techtransthai.org">Download center</a>
<nbsp>·</nbsp>
<a href="https://docs.techtransthai.org">Docs</a>
</div>
</div>
</div>
</body>
</html>

View file

@ -142,6 +142,15 @@
<h3 style="margin-top: 5vh;">TechTransThai Incubator</h3> <h3 style="margin-top: 5vh;">TechTransThai Incubator</h3>
<div class="section"> <div class="section">
<a class="itemcard" href="/incubator/ai-english-tutor/">
<div class="listaction">
<img src="https://dl.techtransthai.org/resources/icons/ai-english-tutor.webp" alt="ai-eng-tutor" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>AI English Tutor</h3>
<p>Improve your English while still having fun</p>
</div>
</div>
</a>
<a class="itemcard" href="/incubator/fifty-shades-of-bully/"> <a class="itemcard" href="/incubator/fifty-shades-of-bully/">
<div class="listaction"> <div class="listaction">
<img src="https://dl.techtransthai.org/resources/icons/fsob.webp" alt="fsob" width="80" height="80" style="margin: 0.3cm;"> <img src="https://dl.techtransthai.org/resources/icons/fsob.webp" alt="fsob" width="80" height="80" style="margin: 0.3cm;">