diff --git a/icons/app.svg b/icons/app.svg
new file mode 100644
index 0000000..a2f038e
--- /dev/null
+++ b/icons/app.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="128px" viewBox="0 0 128 128" width="128px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <clipPath id="a">
+        <path d="m 4 4 h 119 v 119 h -119 z m 0 0"/>
+    </clipPath>
+    <clipPath id="b">
+        <path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
+    </clipPath>
+    <clipPath id="c">
+        <path d="m 48 32 h 75 v 91 h -75 z m 0 0"/>
+    </clipPath>
+    <clipPath id="d">
+        <path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
+    </clipPath>
+    <clipPath id="e">
+        <path d="m 4 4 h 57 v 89 h -57 z m 0 0"/>
+    </clipPath>
+    <clipPath id="f">
+        <path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
+    </clipPath>
+    <g clip-path="url(#a)">
+        <g clip-path="url(#b)">
+            <path d="m 65.136719 2.53125 l 59.597656 59.597656 c 0.824219 0.824219 0.824219 2.15625 0 2.980469 l -59.597656 59.597656 c -0.824219 0.824219 -2.15625 0.824219 -2.980469 0 l -59.597656 -59.597656 c -0.824219 -0.824219 -0.824219 -2.15625 0 -2.980469 l 59.597656 -59.597656 c 0.824219 -0.824219 2.15625 -0.824219 2.980469 0 z m 0 0" fill="#3584e4"/>
+        </g>
+    </g>
+    <g clip-path="url(#c)">
+        <g clip-path="url(#d)">
+            <path d="m 100.933594 32.875 l -2.410156 7.273438 c -0.117188 -0.007813 -0.230469 -0.011719 -0.347657 -0.015626 c -1.953125 0.011719 -3.902343 0.164063 -5.835937 0.449219 l -3.363282 -6.949219 c -2.4375 0.46875 -4.832031 1.117188 -7.171874 1.945313 l 0.558593 7.65625 c -1.910156 0.78125 -3.765625 1.707031 -5.542969 2.761719 l -5.78125 -5.148438 c -2.066406 1.371094 -4.027343 2.890625 -5.867187 4.554688 l 3.4375 6.84375 c -1.464844 1.460937 -2.820313 3.027344 -4.058594 4.6875 l -7.328125 -2.550782 c -1.378906 2.058594 -2.605468 4.21875 -3.660156 6.460938 l 5.785156 5 c -0.792968 1.910156 -1.441406 3.878906 -1.945312 5.886719 l -7.738282 0.449219 c -0.492187 2.429687 -0.800781 4.894531 -0.921874 7.371093 l 7.273437 2.410157 c -0.003906 0.113281 -0.011719 0.230468 -0.015625 0.347656 c 0.015625 1.953125 0.164062 3.902344 0.449219 5.835937 l -6.949219 3.363281 c 0.46875 2.433594 1.117188 4.832032 1.945312 7.167969 l 7.65625 -0.554687 c 0.785157 1.910156 1.707032 3.765625 2.761719 5.542968 l -5.148437 5.78125 c 1.371094 2.066407 2.894531 4.027344 4.554687 5.867188 l 6.84375 -3.4375 c 1.460938 1.464844 3.027344 2.820312 4.6875 4.054688 l -2.546875 7.332031 c 2.054688 1.378906 4.214844 2.601562 6.457032 3.660156 l 5 -5.785156 c 1.914062 0.792969 3.878906 1.441406 5.886718 1.945312 l 0.453125 7.738281 c 2.429688 0.488282 4.890625 0.796876 7.367188 0.921876 l 2.410156 -7.273438 c 0.117187 0.003906 0.230469 0.011719 0.347656 0.015625 c 1.953125 -0.015625 3.902344 -0.164063 5.835938 -0.449219 l 3.363281 6.949219 c 2.433594 -0.46875 4.832031 -1.117187 7.167969 -1.945313 l -0.554688 -7.65625 c 1.910157 -0.785156 3.765625 -1.707031 5.542969 -2.761718 l 5.78125 5.144531 c 2.066406 -1.367187 4.027344 -2.890625 5.867188 -4.550781 l -3.4375 -6.847656 c 1.464843 -1.457032 2.820312 -3.023438 4.054687 -4.683594 l 7.332031 2.546875 c 1.378906 -2.058594 2.601563 -4.214844 3.660156 -6.457031 l -5.785156 -5 c 0.792969 -1.914063 1.441406 -3.878907 1.945313 -5.886719 l 7.738281 -0.453125 c 0.492188 -2.429688 0.796875 -4.890625 0.921875 -7.367188 l -7.273437 -2.410156 c 0.003906 -0.117188 0.011718 -0.230469 0.015624 -0.347656 c -0.015624 -1.953125 -0.164062 -3.902344 -0.449218 -5.835938 l 6.949218 -3.363281 c -0.46875 -2.4375 -1.117187 -4.832031 -1.945312 -7.171875 l -7.65625 0.558594 c -0.785156 -1.914063 -1.707031 -3.765625 -2.761719 -5.542969 l 5.144531 -5.78125 c -1.367187 -2.066406 -2.890624 -4.027344 -4.550781 -5.867187 l -6.847656 3.4375 c -1.457031 -1.464844 -3.023437 -2.820313 -4.683594 -4.058594 l 2.546875 -7.328125 c -2.058594 -1.378907 -4.214844 -2.605469 -6.457031 -3.660157 l -5 5.785157 c -1.914063 -0.792969 -3.878906 -1.441407 -5.886719 -1.945313 l -0.453125 -7.738281 c -2.429687 -0.492187 -4.890625 -0.800781 -7.367187 -0.921875 z m -2.757813 18.484375 c 17.09375 0 30.949219 13.855469 30.949219 30.949219 s -13.855469 30.949218 -30.949219 30.949218 s -30.949219 -13.855468 -30.949219 -30.949218 s 13.855469 -30.949219 30.949219 -30.949219 z m 0 0" fill="#98c1f1"/>
+        </g>
+    </g>
+    <g clip-path="url(#e)">
+        <g clip-path="url(#f)">
+            <path d="m 13.84375 -6.292969 l -2.414062 7.273438 c -0.113282 -0.007813 -0.230469 -0.011719 -0.347657 -0.019531 c -1.953125 0.015624 -3.902343 0.167968 -5.832031 0.453124 l -3.367188 -6.949218 c -2.433593 0.46875 -4.832031 1.117187 -7.167968 1.945312 l 0.558594 7.65625 c -1.914063 0.78125 -3.765626 1.703125 -5.542969 2.757813 l -5.785157 -5.144531 c -2.066406 1.371093 -4.027343 2.890624 -5.867187 4.554687 l 3.4375 6.84375 c -1.464844 1.460937 -2.820313 3.027344 -4.054687 4.683594 l -7.328126 -2.546875 c -1.382812 2.058594 -2.605468 4.21875 -3.664062 6.460937 l 5.789062 5 c -0.792968 1.910157 -1.445312 3.878907 -1.949218 5.886719 l -7.738282 0.449219 c -0.488281 2.429687 -0.796874 4.894531 -0.917968 7.367187 l 7.273437 2.414063 c -0.007812 0.113281 -0.011719 0.230469 -0.019531 0.347656 c 0.015625 1.953125 0.167969 3.902344 0.453125 5.832031 l -6.949219 3.367188 c 0.464844 2.433594 1.117188 4.832031 1.941406 7.167968 l 7.660157 -0.558593 c 0.78125 1.914062 1.703125 3.765625 2.757812 5.542969 l -5.144531 5.785156 c 1.367188 2.066406 2.890625 4.027344 4.554688 5.867187 l 6.84375 -3.4375 c 1.460937 1.464844 3.027343 2.820313 4.683593 4.054688 l -2.546875 7.328125 c 2.058594 1.382812 4.21875 2.605468 6.457032 3.664062 l 5.003906 -5.785156 c 1.910156 0.789062 3.878906 1.441406 5.886718 1.945312 l 0.449219 7.738282 c 2.429688 0.488281 4.890625 0.796875 7.367188 0.917968 l 2.410156 -7.273437 c 0.117187 0.007813 0.234375 0.015625 0.347656 0.019531 c 1.953125 -0.015625 3.902344 -0.167968 5.835938 -0.453125 l 3.367187 6.949219 c 2.433594 -0.464844 4.828125 -1.117188 7.167969 -1.941406 l -0.558594 -7.660156 c 1.914063 -0.78125 3.765625 -1.703126 5.542969 -2.757813 l 5.785156 5.144531 c 2.066406 -1.367187 4.027344 -2.890625 5.863282 -4.554687 l -3.4375 -6.84375 c 1.46875 -1.460938 2.824218 -3.023438 4.058593 -4.683594 l 7.328125 2.546875 c 1.382813 -2.058594 2.605469 -4.21875 3.664063 -6.457031 l -5.789063 -5 c 0.792969 -1.914063 1.445313 -3.882813 1.949219 -5.890625 l 7.734375 -0.449219 c 0.492188 -2.429687 0.800781 -4.890625 0.921875 -7.367187 l -7.273437 -2.410157 c 0.007812 -0.117187 0.011718 -0.234375 0.019531 -0.347656 c -0.015625 -1.953125 -0.167969 -3.902344 -0.453125 -5.835937 l 6.949218 -3.367188 c -0.46875 -2.433594 -1.117187 -4.828125 -1.941406 -7.167969 l -7.660156 0.558594 c -0.78125 -1.914063 -1.703125 -3.765625 -2.757812 -5.542969 l 5.144531 -5.785156 c -1.371094 -2.066406 -2.890625 -4.027344 -4.554688 -5.863281 l -6.84375 3.4375 c -1.460937 -1.464844 -3.027343 -2.824219 -4.683593 -4.058594 l 2.546874 -7.328125 c -2.058593 -1.378906 -4.21875 -2.605469 -6.460937 -3.664062 l -5 5.789062 c -1.910156 -0.792969 -3.878906 -1.445312 -5.886719 -1.949219 l -0.449218 -7.734375 c -2.429688 -0.492187 -4.894532 -0.800781 -7.367188 -0.921875 z m 0 0" fill="#1a5fb4"/>
+        </g>
+    </g>
+    <path d="m 5.167969 60.457031 c -1.234375 3.042969 -0.613281 6.644531 1.859375 9.117188 l 50.660156 50.664062 c 3.300781 3.300781 8.617188 3.300781 11.917969 0 l 50.660156 -50.664062 c 2.472656 -2.472657 3.09375 -6.074219 1.859375 -9.117188 c -0.410156 1.019531 -1.03125 1.972657 -1.859375 2.800781 l -50.660156 50.660157 c -3.300781 3.300781 -8.617188 3.300781 -11.917969 0 l -50.660156 -50.660157 c -0.828125 -0.828124 -1.449219 -1.78125 -1.859375 -2.800781 z m 0 0" fill="#1a5fb4" fill-opacity="0.501961"/>
+</svg>
diff --git a/icons/c4c.png b/icons/c4c.png
deleted file mode 100644
index 424e64c..0000000
Binary files a/icons/c4c.png and /dev/null differ
diff --git a/icons/text-x-generic.png b/icons/text-x-generic.png
deleted file mode 100644
index 016470f..0000000
Binary files a/icons/text-x-generic.png and /dev/null differ
diff --git a/index.html b/index.html
index 0b26579..e632bc5 100644
--- a/index.html
+++ b/index.html
@@ -67,10 +67,27 @@
         </a>
       </div>
 
-      
       <h3 style="margin-top: 5vh;">บริการ โปรเจกต์ และคอนเทนต์</h3>
 
       <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
+          <div class="listaction">
+            <img src="icons/f4c.svg" alt="FOSS4Change" width="80" height="80" style="margin: 0.3cm;"> 
+            <div>
+              <h3>FOSS4Change 🌟</h3>
+              <p>สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/">
+          <div class="listaction">
+            <img src="icons/app.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <div>
+              <h3>TechTransThai Blog 🌟</h3>
+              <p>อัปเดตข่าวสารต่าง ๆ จากเรา</p>
+            </div>
+          </div>
+        </a>
         <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;"> 
@@ -81,24 +98,6 @@
             </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;"> 
-            <div>
-              <h3>Compute4Change</h3>
-              <p>อัปเดตข่าวสารจากวงการ BOINC</p>
-            </div>
-          </div>
-        </a>
-        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
-          <div class="listaction">
-            <img src="icons/f4c.svg" alt="FOSS4Change" width="80" height="80" style="margin: 0.3cm;"> 
-            <div>
-              <h3>FOSS4Change</h3>
-              <p>สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
-            </div>
-          </div>
-        </a>
         <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;"> 
@@ -126,21 +125,12 @@
             </div>
           </div>
         </a>
-        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://openkmitl.gitlab.io">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://openlkb.gitlab.io">
           <div class="listaction">
-            <img src="icons/openkmitl.png" alt="openKMITL" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="icons/app.svg" alt="openLKB" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>openKMITL Community</h3>
-              <p>ชุมชนอย่างไม่เป็นทางการที่ KMITL</p>
-            </div>
-          </div>
-        </a>
-        <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>
+              <h3>openLKB Community</h3>
+              <p>ชุมชนอย่างไม่เป็นทางการจากมหาวิทยาลัยชื่อดังย่านลาดกระบัง</p>
             </div>
           </div>
         </a>