replace gtk buttons with button-accent
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Late Night Defender 2024-11-20 13:55:56 +07:00
parent c47ce2c364
commit 48ec74b44c
20 changed files with 64 additions and 167 deletions

View file

@ -38,7 +38,7 @@
ร่วมสนับสนุนงานวิจัยระดับโลกง่าย ๆ ด้วยอุปกรณ์ในมือคุณมาตลอดตั้งแต่ปี 2019
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/4490872244/projectList">ดูสถิติบน BOINCstats</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/4490872244/projectList">ดูสถิติบน BOINCstats</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://www.boincstats.com/stats/-1/team/detail/3334726356/projectList">ดูสถิติบน BOINCstats (ทีมเก่า)</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://stats.foldingathome.org/team/262867">ดูสถิติบน Folding@home</a>
</div>

View file

@ -39,7 +39,7 @@
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/public-floorplans">แปลนต้นทางสำหรับแผนที่ในอาคาร</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/public-floorplans">แปลนต้นทางสำหรับแผนที่ในอาคาร</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://www.openstreetmap.org">เปิดเว็บไซต์ OpenStreetMap</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://matrix.to/#/#ttt-mapping:matrix.org">พูดคุยผ่าน Matrix</a>
</div>

View file

@ -39,7 +39,7 @@
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://opencollective.com/techtransthai">ดูโปรไฟล์ของเราบน Open Collective</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://opencollective.com/techtransthai">ดูโปรไฟล์ของเราบน Open Collective</a>
</div>
<h3 style="margin-top: 5vh;">โปรเจกต์ที่ได้รับการคัดเลือก</h3>

View file

@ -38,7 +38,7 @@
ร่วมสร้างชุดข้อมูลเสียงภาษาไทยที่เป็นสาธารณสมบัติของพวกเราทุกคน ซึ่งสามารถนำไปต่อยอดใช้งานกับระบบอย่าง Automatic Speech Recognition และ Text-To-Speech ได้ต่อไปผ่านโครงการ Common Voice
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/listen">ช่วยเราตรวจสอบเสียง</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/listen">ช่วยเราตรวจสอบเสียง</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/speak">บริจาคเสียงของคุณ</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/write">เพิ่มประโยค</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://commonvoice.mozilla.org/th/review">ตรวจทานประโยค</a>

View file

@ -38,7 +38,7 @@
ปฏิทินการศึกษา 2567 ในรูปแบบ iCalendar ทำด้วย ❤️ โดยผู้มีส่วนร่วมจากอดีตชุมชน openLKB และทีมงาน TechTransThai
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://cloud.techtransthai.org/remote.php/dav/public-calendars/nZrSHzKwRByzctnY?export">ดาวน์โหลดไฟล์ .ics</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="https://cloud.techtransthai.org/remote.php/dav/public-calendars/nZrSHzKwRByzctnY?export">ดาวน์โหลดไฟล์ .ics</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://devicetests.com/how-to-add-ics-files-to-iphone-calendar">วิธีใช้งาน (iOS/iPadOS Calendar)</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://support.google.com/calendar/answer/37118">วิธีใช้งาน (Google Calendar PC)</a>
<a class="button" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">แจ้งความผิดพลาดของข้อมูล</a>

View file

@ -40,7 +40,7 @@
ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด ร่วมสร้างเทคโนโลยีที่จะเปลี่ยนแปลงให้ประเทศไทย (และทั่วโลก) น่าอยู่ยิ่งขึ้น
<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 accent" 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>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>

View file

@ -87,9 +87,10 @@ h1 {margin-top: 3vh;}
.button {
border-radius: 6px;
height: 1.2cm;
text-decoration: none;
font-weight: bold;
padding: 10px 10px;
padding: 0cm 0.25cm 0cm 0.25cm;
margin-right: 0.25cm;
margin-bottom: 0.25cm;
transition-duration: 0.2s;
@ -97,37 +98,17 @@ h1 {margin-top: 3vh;}
align-items: center;
}
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgb(var(--accent3));
color: rgb(var(--white));
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
flex-wrap: nowrap;
}
.gtk-button {
border-radius: 6px;
text-decoration: none;
font-weight: bold;
padding: 10px 10px;
margin-right: 0.25cm;
margin-bottom: 0.25cm;
transition-duration: 0.2s;;
.button.accent {
background-color: rgb(var(--accent3));
color: rgb(var(--white));
}
.gtk-button:hover {background-color: rgba(var(--accent3), 0.9);}
.button.accent:hover {background-color: rgba(var(--accent3), 0.9);}
.button.accent.pill {
border-radius: 0.6cm;
padding: 0cm 0.75cm 0cm 0.75cm;
}
.itemcard {
display: grid;

View file

@ -40,7 +40,7 @@
<div class="quickbuttons" style="margin-top: 5vh;">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">ติดต่อแอดมินผ่านทางอีเมล</a>
<a class="button accent" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">ติดต่อแอดมินผ่านทางอีเมล</a>
</div>
<h3 style="margin-top: 5vh;">ค่าใช้จ่ายของเรา</h3>

View file

@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<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="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
@ -17,15 +16,9 @@
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>
</div>
<div class="header" style="margin-top: 1cm;">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
<a href="https://www.techtransthai.org" class="button accent pill">Go back</a>
</div>
</div>
</body>
</html>