From 7039d178ca2b446c24c55170df0ea4ff708aa304 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Tue, 23 Jul 2024 15:02:31 +0700
Subject: [PATCH] Add draft for support us page

---
 icons/ttt-org-blueprint.Devel.svg | 543 ++++++++++++++++++++++++++++++
 index.html                        |  18 +-
 support.html                      | 389 +++++++++++++++++++++
 team.html                         |   5 +-
 4 files changed, 939 insertions(+), 16 deletions(-)
 create mode 100644 icons/ttt-org-blueprint.Devel.svg
 create mode 100644 support.html

diff --git a/icons/ttt-org-blueprint.Devel.svg b/icons/ttt-org-blueprint.Devel.svg
new file mode 100644
index 0000000..2d53350
--- /dev/null
+++ b/icons/ttt-org-blueprint.Devel.svg
@@ -0,0 +1,543 @@
+<?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">
+    <defs>
+        <filter id="a" height="100%" width="100%" x="0%" y="0%">
+            <feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+        </filter>
+        <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="11.999989" x2="115.999992" y1="64" y2="64">
+            <stop offset="0" stop-color="#1c71d8"/>
+            <stop offset="0.05" stop-color="#62a0ea"/>
+            <stop offset="0.1" stop-color="#3584e4"/>
+            <stop offset="0.903287" stop-color="#3584e4"/>
+            <stop offset="0.95" stop-color="#62a0ea"/>
+            <stop offset="1" stop-color="#1c71d8"/>
+        </linearGradient>
+        <linearGradient id="c" gradientUnits="userSpaceOnUse" x1="12" x2="112.041023" y1="60" y2="80.988281">
+            <stop offset="0" stop-color="#62a0ea"/>
+            <stop offset="0.384443" stop-color="#99c1f1"/>
+            <stop offset="0.720567" stop-color="#62a0ea"/>
+            <stop offset="1" stop-color="#3584e4"/>
+        </linearGradient>
+        <mask id="d">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="e">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="f">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="g">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="h">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="i">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="j">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="k">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="l">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="m">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="n">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="o">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="p">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="q">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="r">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="s">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="t">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="u">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="v">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="w">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="x">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="153.6" width="153.6" x="-12.8" y="-12.8"/>
+            </g>
+        </mask>
+        <mask id="y">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="z">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="A" clip-path="url(#z)">
+            <path d="m 14 35.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="B">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="C">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="D" clip-path="url(#C)">
+            <path d="m 14 19.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="E">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="F">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="G" clip-path="url(#F)">
+            <path d="m 14 27.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="H">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="I">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="J" clip-path="url(#I)">
+            <path d="m 14 43.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="K">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="L">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="M" clip-path="url(#L)">
+            <path d="m 14 51.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="N">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="O">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="P" clip-path="url(#O)">
+            <path d="m 14 59.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="Q">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="R">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="S" clip-path="url(#R)">
+            <path d="m 14 67.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="T">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="U">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="V" clip-path="url(#U)">
+            <path d="m 14 75.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="W">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="X">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="Y" clip-path="url(#X)">
+            <path d="m 14 83.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="Z">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="aa">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="ab" clip-path="url(#aa)">
+            <path d="m 14 91.75 h 100 v 2.5 h -100 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="ac">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="ad">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="ae" clip-path="url(#ad)">
+            <path d="m 52.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="af">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="ag">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="ah" clip-path="url(#ag)">
+            <path d="m 60.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="ai">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="aj">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="ak" clip-path="url(#aj)">
+            <path d="m 44.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="al">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="am">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="an" clip-path="url(#am)">
+            <path d="m 28.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="ao">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="ap">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="aq" clip-path="url(#ap)">
+            <path d="m 36.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="ar">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="as">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="at" clip-path="url(#as)">
+            <path d="m 20.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="au">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="av">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="aw" clip-path="url(#av)">
+            <path d="m 68.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="ax">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="ay">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="az" clip-path="url(#ay)">
+            <path d="m 76.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="aA">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="aB">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="aC" clip-path="url(#aB)">
+            <path d="m 84.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="aD">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="aE">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="aF" clip-path="url(#aE)">
+            <path d="m 92.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <mask id="aG">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.25" height="221.184" width="221.184" x="-46.592" y="-46.592"/>
+            </g>
+        </mask>
+        <clipPath id="aH">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <g id="aI" clip-path="url(#aH)">
+            <path d="m 100.75 14 h 2.5 v 92 h -2.5 z m 0 0" fill="#ffffff"/>
+        </g>
+        <clipPath id="aJ">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <clipPath id="aK">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <mask id="aL">
+            <g filter="url(#a)">
+                <g clip-path="url(#aK)" filter="url(#a)">
+                    <g clip-path="url(#aJ)">
+                        <path d="m 20 22 h 88 c 4.417969 0 8 3.582031 8 8 v 78 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -78 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#b)"/>
+                        <path d="m 20 12 h 88 c 4.417969 0 8 3.582031 8 8 v 80 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -80 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#c)"/>
+                        <path d="m 20 14 h 88 c 3.3125 0 6 2.6875 6 6 v 80 c 0 3.3125 -2.6875 6 -6 6 h -88 c -3.3125 0 -6 -2.6875 -6 -6 v -80 c 0 -3.3125 2.6875 -6 6 -6 z m 0 0" fill="#1a5fb4"/>
+                        <path d="m 49.398438 44.376148 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 3 -3.376148)"/>
+                        <path d="m 61.398438 44.376148 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 3 -3.376148)"/>
+                        <path d="m 49.398438 44.376148 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 -1 -7.376148)"/>
+                        <path d="m 61.398438 44.376148 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 -1 -7.376148)"/>
+                        <path d="m 49.398438 44.376148 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 -5 -11.376148)"/>
+                        <path d="m 61.398438 44.376148 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="matrix(1 0 0 1 -5 -11.376148)"/>
+                        <g mask="url(#y)">
+                            <use xlink:href="#A"/>
+                        </g>
+                        <g mask="url(#B)">
+                            <use xlink:href="#D"/>
+                        </g>
+                        <g mask="url(#E)">
+                            <use xlink:href="#G"/>
+                        </g>
+                        <g mask="url(#H)">
+                            <use xlink:href="#J"/>
+                        </g>
+                        <g mask="url(#K)">
+                            <use xlink:href="#M"/>
+                        </g>
+                        <g mask="url(#N)">
+                            <use xlink:href="#P"/>
+                        </g>
+                        <g mask="url(#Q)">
+                            <use xlink:href="#S"/>
+                        </g>
+                        <g mask="url(#T)">
+                            <use xlink:href="#V"/>
+                        </g>
+                        <g mask="url(#W)">
+                            <use xlink:href="#Y"/>
+                        </g>
+                        <g mask="url(#Z)">
+                            <use xlink:href="#ab"/>
+                        </g>
+                        <g mask="url(#ac)">
+                            <use xlink:href="#ae"/>
+                        </g>
+                        <g mask="url(#af)">
+                            <use xlink:href="#ah"/>
+                        </g>
+                        <g mask="url(#ai)">
+                            <use xlink:href="#ak"/>
+                        </g>
+                        <g mask="url(#al)">
+                            <use xlink:href="#an"/>
+                        </g>
+                        <g mask="url(#ao)">
+                            <use xlink:href="#aq"/>
+                        </g>
+                        <g mask="url(#ar)">
+                            <use xlink:href="#at"/>
+                        </g>
+                        <g mask="url(#au)">
+                            <use xlink:href="#aw"/>
+                        </g>
+                        <g mask="url(#ax)">
+                            <use xlink:href="#az"/>
+                        </g>
+                        <g mask="url(#aA)">
+                            <use xlink:href="#aC"/>
+                        </g>
+                        <g mask="url(#aD)">
+                            <use xlink:href="#aF"/>
+                        </g>
+                        <g mask="url(#aG)">
+                            <use xlink:href="#aI"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </mask>
+        <mask id="aM">
+            <g filter="url(#a)">
+                <rect fill-opacity="0.8" height="184.32" width="184.32" x="-28.16" y="-28.16"/>
+            </g>
+        </mask>
+        <linearGradient id="aN" gradientTransform="matrix(0 0.37 -0.98462 0 295.38501 -30.360001)" gradientUnits="userSpaceOnUse" x1="300" x2="428" y1="235" y2="235">
+            <stop offset="0" stop-color="#f9f06b"/>
+            <stop offset="1" stop-color="#f5c211"/>
+        </linearGradient>
+        <clipPath id="aO">
+            <rect height="128" width="128"/>
+        </clipPath>
+        <clipPath id="aP">
+            <rect height="128" width="128"/>
+        </clipPath>
+    </defs>
+    <path d="m 20 22 h 88 c 4.417969 0 8 3.582031 8 8 v 78 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -78 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#b)"/>
+    <path d="m 20 12 h 88 c 4.417969 0 8 3.582031 8 8 v 80 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -80 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#c)"/>
+    <path d="m 20 14 h 88 c 3.3125 0 6 2.6875 6 6 v 80 c 0 3.3125 -2.6875 6 -6 6 h -88 c -3.3125 0 -6 -2.6875 -6 -6 v -80 c 0 -3.3125 2.6875 -6 6 -6 z m 0 0" fill="#1a5fb4"/>
+    <g fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5">
+        <path d="m 52.398438 41 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+        <path d="m 64.398438 41 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+        <path d="m 48.398438 37 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+        <path d="m 60.398438 37 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+        <path d="m 44.398438 33 h 31.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 7.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -31.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -7.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+        <path d="m 56.398438 33 h 7.203124 c 1.324219 0 2.398438 1.074219 2.398438 2.398438 v 43.203125 c 0 1.324218 -1.074219 2.398437 -2.398438 2.398437 h -7.203124 c -1.324219 0 -2.398438 -1.074219 -2.398438 -2.398437 v -43.203125 c 0 -1.324219 1.074219 -2.398438 2.398438 -2.398438 z m 0 0"/>
+    </g>
+    <g mask="url(#d)">
+        <use xlink:href="#A"/>
+    </g>
+    <g mask="url(#e)">
+        <use xlink:href="#D"/>
+    </g>
+    <g mask="url(#f)">
+        <use xlink:href="#G"/>
+    </g>
+    <g mask="url(#g)">
+        <use xlink:href="#J"/>
+    </g>
+    <g mask="url(#h)">
+        <use xlink:href="#M"/>
+    </g>
+    <g mask="url(#i)">
+        <use xlink:href="#P"/>
+    </g>
+    <g mask="url(#j)">
+        <use xlink:href="#S"/>
+    </g>
+    <g mask="url(#k)">
+        <use xlink:href="#V"/>
+    </g>
+    <g mask="url(#l)">
+        <use xlink:href="#Y"/>
+    </g>
+    <g mask="url(#m)">
+        <use xlink:href="#ab"/>
+    </g>
+    <g mask="url(#n)">
+        <use xlink:href="#ae"/>
+    </g>
+    <g mask="url(#o)">
+        <use xlink:href="#ah"/>
+    </g>
+    <g mask="url(#p)">
+        <use xlink:href="#ak"/>
+    </g>
+    <g mask="url(#q)">
+        <use xlink:href="#an"/>
+    </g>
+    <g mask="url(#r)">
+        <use xlink:href="#aq"/>
+    </g>
+    <g mask="url(#s)">
+        <use xlink:href="#at"/>
+    </g>
+    <g mask="url(#t)">
+        <use xlink:href="#aw"/>
+    </g>
+    <g mask="url(#u)">
+        <use xlink:href="#az"/>
+    </g>
+    <g mask="url(#v)">
+        <use xlink:href="#aC"/>
+    </g>
+    <g mask="url(#w)">
+        <use xlink:href="#aF"/>
+    </g>
+    <g mask="url(#x)">
+        <use xlink:href="#aI"/>
+    </g>
+    <g mask="url(#aL)">
+        <g clip-path="url(#aP)">
+            <g mask="url(#aM)">
+                <g clip-path="url(#aO)">
+                    <path d="m 128 80.640625 v 47.359375 h -128 v -47.359375 z m 0 0" fill="url(#aN)"/>
+                    <path d="m 13.308594 80.640625 l 47.355468 47.359375 h 21.214844 l -47.359375 -47.359375 z m 42.421875 0 l 47.363281 47.359375 h 21.214844 l -47.363282 -47.359375 z m 42.429687 0 l 29.839844 29.839844 v -21.210938 l -8.628906 -8.628906 z m -98.160156 7.90625 v 21.214844 l 18.238281 18.238281 h 21.214844 z m 0 0"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/index.html b/index.html
index b2c6fd1..e663eb9 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,8 @@
             <a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
               วงแหวนเว็บ
             </a>
-            
-            <a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org" class="headerbutton">
-              สถานะการให้บริการ
+            <a href="/support.html" class="headerbutton">
+              สนับสนุน
             </a>
           </div>
           
@@ -65,6 +64,9 @@
         <a class="button" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">
           ติดต่อเราผ่านทางอีเมล
         </a>
+        <a class="button" target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/">
+          ตรวจสอบสถานะการให้บริการ
+        </a>
       </div>
 
       <h3 style="margin-top: 5vh;">บริการ โปรเจกต์ และคอนเทนต์</h3>
@@ -88,16 +90,6 @@
             </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;"> 
-            <div>
-              <h3>Behind TechTransThai</h3>
-              <p>เร็ว ๆ นี้</p>
-              <!-- <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;"> 
diff --git a/support.html b/support.html
new file mode 100644
index 0000000..4429e8c
--- /dev/null
+++ b/support.html
@@ -0,0 +1,389 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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="description" content="Home of TechTransThai's available services">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TechTransThai</title>
+    <link rel="icon" type="image/svg" href="../icons/ttt-org.svg">
+  </head>
+  
+<body>
+    <div class="topbar">
+        <div class="topbar-group">
+          <a href="/" style="display: flex; align-items: center; text-decoration: none;">
+            <img src="../icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;"> 
+            <h4 class="logo">TechTransThai</h4>
+          </a>
+          <div style="display: flex; align-items: center">
+            <a href="/team.html" class="headerbutton">
+              ทีม
+            </a>
+            <a target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/website" class="headerbutton">
+              ซอร์สโคด
+            </a>
+            <a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
+              วงแหวนเว็บ
+            </a>
+            <a class="headerbutton">
+              สนับสนุน
+            </a>
+          </div>
+          
+        </div>
+
+    </div>
+
+  <div class="header" style="margin-top: 2cm;">
+
+  </div>
+
+
+  <div class="grid-container">
+
+    <div class="middle-large">
+      
+      <h1>สนับสนุนการทำงานของเรา</h1>
+      
+      TechTransThai ขับเคลื่อนโดยซอฟต์แวร์และแพลตฟอร์มโอเพนซอร์สต่าง ๆ เมื่อคุณสนับสนุนโปรเจกต์เหล่านี้ จะถือว่าเป็นการสนับสนุนพวกเราไปพร้อม ๆ กัน
+
+
+      <h3 style="margin-top: 5vh;">เว็บไซต์และ Hosting</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>Hugo</h3>
+              <p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</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>Podman</h3>
+              <p>Draft</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>Fedora Linux</h3>
+              <p>Draft</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>The CentOS Project</h3>
+              <p>Draft</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>Uptime Kuma</h3>
+              <p>Draft</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>Nginx</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+      
+
+      <h3 style="margin-top: 5vh;">การพัฒนาซอฟต์แวร์</h3>
+
+      <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Forgejo</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Woodpecker CI</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>VSCodium</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+
+      <h3 style="margin-top: 5vh;">Productivity</h3>
+
+      <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Forgejo</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Woodpecker CI</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>VSCodium</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+
+      <h3 style="margin-top: 5vh;">แพลตฟอร์มโซเชียล</h3>
+
+      <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Sharkey</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Mastodon</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>mstdn.in.th</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Pixelfed</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Matrix.org</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Peertube</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+
+      <h3 style="margin-top: 5vh;">อื่น ๆ</h3>
+
+      <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>BOINC</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Internet Archive</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>ArchiveTeam</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Flatpak</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>rpm-ostree</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Glances</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Home Assistant</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+
+      <h3 style="margin-top: 5vh;">Desktop Environments</h3>
+
+      <div class="section">
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>GNOME</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>KDE Plasma</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+        <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
+          <div class="listaction">
+            <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
+              <path d="M162.51 33.188c-26.77.411-54.004 6.885-71.494 3.745-1.313-.232-2.124 1.338-1.171 2.265 14.749 14.003 20.335 28.16 36.718 30.065l.476.103c-7.567 7.799-14.028 18.018-18.571 31.171-4.89 14.106-6.268 29.421-7.89 47.105-2.445 26.332-5.173 56.152-20.038 93.54a246.489 246.489 0 0 0-13.27 45.946h22.652a221.202 221.202 0 0 1 11.249-37.786c16.049-40.374 19.073-73.257 21.505-99.693 1.493-16.255 2.806-30.309 6.796-41.853 11.647-33.527 39.408-40.889 61.056-36.693 21.004 4.067 41.673 20.502 40.592 44.016-.772 15.985-7.76 23.166-12.87 28.43-2.793 2.883-5.47 5.611-6.731 9.498-3.037 9.19.101 19.434 8.494 27.568 22.24 20.734 34.338 59.717 33.681 106.513h22.176c.592-52.935-13.951-97.839-40.503-122.626-2.097-2.021-2.69-3.604-3.191-3.347 1.222-1.544 3.217-3.346 4.633-4.813 29.382-21.79 77.813-1.892 107.054 9.653 7.58 2.985 11.274-4.338 4.067-8.623-25.097-14.84-76.54-54.016-105.368-79.718-4.029-3.54-6.796-7.8-11.455-11.738-15.547-27.439-41.84-33.127-68.597-32.728Zm35.238 60.27a15.161 15.161 0 0 0-2.008.232 15.161 15.161 0 0 0-1.506 29.434 15.154 15.154 0 0 0 9.473-28.79 15.161 15.161 0 0 0-5.959-.876zm-44.286 147.17a2.033 2.033 0 0 0-1.133.374c-1.08.772-1.93 3.05-.772 5.701 5.38 12.394 9.1 25.445 12.536 40.413h22.484c-5.676-16.629-16.307-34.055-27.851-43.978-2.008-1.737-3.913-2.574-5.251-2.51z" style="stroke-width:12.8704" transform="translate(-67.27 -33.169) " fill="currentColor"/>
+            </svg> 
+            <div>
+              <h3>Cinnamon</h3>
+              <p>Draft</p>
+            </div>
+          </div>
+        </a>
+
+      </div>
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/team.html b/team.html
index ec10c9f..3ce2869 100644
--- a/team.html
+++ b/team.html
@@ -27,9 +27,8 @@
         <a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
           วงแหวนเว็บ
         </a>
-        
-        <a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org" class="headerbutton">
-          สถานะการให้บริการ
+        <a href="/support.html" class="headerbutton">
+          สนับสนุน
         </a>
       </div>