replace gtk buttons with button-accent

campaigns/compute4change/index.html

@@ -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>

campaigns/mappingthailand/index.html

@@ -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>

campaigns/opensourcefund/index.html

@@ -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>

campaigns/openvoice/index.html

@@ -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>

content/ieducal/index.html

@@ -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>

index.html

@@ -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>

linuxapps/boost-controller/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/brushset-extractor/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/dewarper/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/energy-saver/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/fullscreen-clock/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/monitor-test/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/opentype-feature-freeze/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/osm-buildingsize-calculator/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/tasmota-compiler/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

linuxapps/thinkpad-fan-control/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

resources/comingsoon.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>

style.css

@@ -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 {
+.button.accent {
-  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;;
   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;

supportus.html

@@ -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>

webapps/fifty-shades-of-bully/index.html

@@ -1,15 +1,14 @@
 <!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>
-<body>
     <div class="centerscreen">
       <div class="header" >
         <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
@@ -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>
-    
-
-
-</body>
 </html>