Make Linux apps clickable, with a coming soon page

index.html

@@ -120,61 +120,61 @@
       <h3 style="margin-top: 5vh;">งานพัฒนาแอปสำหรับ Linux</h3>
 
       <div class="section">
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>นำบรัชจากไฟล์ Brushset ไปใช้กับแอปอื่น ๆ</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>ปรับแต่งรูปเอกสารที่ถ่ายด้วยกล้อง</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>คำแนะนำในการประหยัดแบตเตอรี่</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>นาฬิกาเต็มจอ แรงบันดาลใจจากห้องสอบ</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <a class="itemcard" href="/linuxapps/monitor-test/">
-          <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>Intel Turbo Boost Toggle</h3>
-              <p>Coming soon - you can help</p>
-            </div>
-          </div>
-        </a>
-        <a class="itemcard" style="opacity: 50%;">
           <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>Coming soon - you can help</p>
+              <p>ค้นหา Dead pixels บนหน้าจอของคุณ</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>
@@ -183,30 +183,30 @@
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>คำนวณขนาดของอาคารใน OpenStreetMap</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>ตัวช่วยคอมไพล์ Tasmota สำหรับอุปกรณ์ IoT</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" style="opacity: 50%;">
+        <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>Coming soon - you can help</p>
+              <p>ควบคุมความเร็วพัดลมบนโน้ตบุ๊ค ThinkPad</p>
             </div>
           </div>
         </a>

linuxapps/boost-controller/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/brushset-extractor/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/dewarper/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/energy-saver/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/fullscreen-clock/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/monitor-test/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/opentype-feature-freeze/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/osm-buildingsize-calculator/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/tasmota-compiler/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>

linuxapps/thinkpad-fan-control/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://www.techtransthai.org/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" >
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+      </div>
+      <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>
+      </div>
+  
+    </div>
+    
+    
+
+
+</body>
+</html>