Add openKMITL and Quadlet Examples

index.html

@@ -119,6 +119,28 @@
             </div>
           </div>
         </a>
+        <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;"> 
+            <div>
+              <h3>openKMITL Community</h3>
+              <p>ชุมชนอย่างไม่เป็นทางการที่ KMITL</p>
+            </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;"> 
+            <div>
+              <h3>Quadlet Examples</h3>
+              <p>ตัวอย่างไฟล์ Quadlet ของบริการต่าง ๆ</p>
+            </div>
+          </div>
+        </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://relays.syncthing.net/">
           <div class="listaction">
             <img src="icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin: 0.3cm;"> 
@@ -128,14 +150,11 @@
             </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;"> 
             <div>
-              <h3>TechTransThai Video (Peertube)</h3>
+              <h3>TechTransThai Video</h3>
               <p>รับชมวิดีโอในเครือของเราได้ที่นี่</p>
             </div>
           </div>