Add Behind TechTransThai Pre

index.html

@@ -50,7 +50,7 @@
       
       <h1>เทคทรานส์ไทย 🏳️‍⚧️ 🇹🇭</h1>
       
-      <p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด. Happy Pride!</p>
+      <p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p>
 
       <p>กด Ctrl+F หรือ Command-F เพื่อค้นหาในหน้านี้</p>
 
@@ -73,6 +73,16 @@
       <h3>บริการ โปรเจกต์ และคอนเทนต์ของเรา</h3>
 
       <div class="row">
+        <a class="itemcard" style="opacity: 0.4;">
+          <div class="listaction">
+            <img src="icons/ttt-org-blueprint.svg" alt="behind-ttt" width="80" height="80" style="margin: 0.3cm;"> 
+            <div>
+              <h3>Behind TechTransThai</h3>
+              <p>เร็ว ๆ นี้</p>
+              <!-- <p>โปรเจกต์โอเพนซอร์สที่เราใช้</p> -->
+            </div>
+          </div>
+        </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://c4c.techtransthai.org/">
           <div class="listaction">
             <img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;"> 
@@ -91,6 +101,8 @@
             </div>
           </div>
         </a>
+      </div>
+      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://inv.techtransthai.org/feed/trending">
           <div class="listaction">
             <img src="icons/inv.svg" alt="Invidious" width="80" height="80" style="margin: 0.3cm;"> 
@@ -100,9 +112,6 @@
             </div>
           </div>
         </a>
-      </div>
-
-      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://test.techtransthai.org/">
           <div class="listaction">
             <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
@@ -121,6 +130,8 @@
             </div>
           </div>
         </a>
+      </div>
+      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://openkmitl.gitlab.io">
           <div class="listaction">
             <img src="icons/openkmitl.png" alt="openKMITL" width="80" height="80" style="margin: 0.3cm;"> 
@@ -130,10 +141,6 @@
             </div>
           </div>
         </a>
-
-      </div>
-
-      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://quadlet-examples.techtransthai.org">
           <div class="listaction">
             <img src="icons/text-x-generic.png" alt="Quadlet Examples" width="80" height="80" style="margin: 0.3cm;"> 
@@ -152,6 +159,8 @@
             </div>
           </div>
         </a>
+      </div>
+      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://video.techtransthai.org">
           <div class="listaction">
             <img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
@@ -162,6 +171,7 @@
           </div>
         </a>
       </div>
+      
 
       <h3>สำหรับใช้งานภายในเท่านั้น</h3>