From 6986198672a8d28461bc285a2c83715175af13cb Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera_w@proton.me>
Date: Wed, 10 Apr 2024 22:03:44 +0700
Subject: [PATCH 1/3] update team members page

---
 avatars/srp-rottenmango.webp | Bin 0 -> 6888 bytes
 team.html                    |  15 +++++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 avatars/srp-rottenmango.webp

diff --git a/avatars/srp-rottenmango.webp b/avatars/srp-rottenmango.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5eb9b2b931023d49ebb98a54a9737eabfd8f56f3
GIT binary patch
literal 6888
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

literal 0
HcmV?d00001

diff --git a/team.html b/team.html
index c202d8b..248461c 100644
--- a/team.html
+++ b/team.html
@@ -4,8 +4,8 @@
     <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">
-    <title>TechTransThai</title>
+    <meta name="description" content="List of current TechTransThai's team members">
+    <title>Team members</title>
     <link rel="icon" type="image/png" href="icons/ttt-org.png">
   </head>
   
@@ -72,16 +72,19 @@
                 <h3>NekoVari</h3>
                 <p class="pronouns">he/they</p>
               </div>
-              
               <p class="description">เข้าร่วมเมื่อ 24 มี.ค. 2024</p>
             </div>
           </div>
         </a>
         <a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://srp-mangoeater.techtransthai.org/">
           <div class="listaction">
-            <img src="avatars/placeholder.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
+            <img src="avatars/srp-rottenmango.webp" alt="srp-mangoeater" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
             <div>
-              <h3>Matsuri</h3>
+              <div style="display: flex; align-items: center;">
+                <h3>SRP mangoeater</h3>
+                <p class="pronouns">she/her</p>
+              </div>
+              <p class="description">เข้าร่วมเมื่อ 24 มี.ค. 2024</p>
             </div>
           </div>
         </a>
@@ -91,7 +94,7 @@
           <div class="listaction">
             <img src="avatars/placeholder.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
             <div>
-              <h3>SRP Mangoeater</h3>
+              <h3>Matsuri</h3>
             </div>
           </div>
         </a>
-- 
2.43.4


From 3aa3fb26d62629a4e4aac57a2b54092885d9b77a Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera_w@proton.me>
Date: Sat, 27 Apr 2024 09:21:16 +0700
Subject: [PATCH 2/3] add follow us on fedi button

---
 index.html |  5 ++++-
 style.css  | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3d501d5..ab85bc6 100644
--- a/index.html
+++ b/index.html
@@ -53,8 +53,11 @@
       ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี แพลตฟอร์มกระจายศูนย์ และข้อมูลเปิด
 
       <div style="margin-top: 1cm; margin-bottom: 1cm; ">
+        <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
+          ติดตามเราบน Fediverse
+        </a>
         <a class="button" target="_blank" rel="noopener noreferrer" href="https://discord.gg/QrdhSFvbha">
-          ร่วมพูดคุยกับเรา
+          ร่วมพูดคุยกับเราผ่าน Discord
         </a>
       </div>
 
diff --git a/style.css b/style.css
index 2cde754..a194f34 100644
--- a/style.css
+++ b/style.css
@@ -96,6 +96,7 @@ html *
     padding: 10px 10px;
     margin-top: 1cm;
     margin-bottom: 1cm;
+    margin-right: 0.25cm;
     transition-duration: 0.2s;
   }
 
@@ -105,6 +106,7 @@ html *
 
 
   .gtk-button-pill {
+    
     position: relative;
     width: auto;
     height: 44px;
@@ -122,6 +124,24 @@ html *
     flex-wrap: nowrap;
   }
 
+  .gtk-button {
+    height: 1cm;
+    border-radius: 6px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 10px 10px;
+    margin-top: 1cm;
+    margin-bottom: 1cm;
+    margin-right: 0.25cm;
+    transition-duration: 0.2s;
+  }
+
+  .gtk-button:hover {
+    background-color: rgba(53, 132, 228, 0.9);
+  }
+
   .itemcard {
     display: grid;
     border-radius: 12px;
@@ -190,6 +210,7 @@ html *
     padding: 10px 10px;
     margin-top: 1cm;
     margin-bottom: 1cm;
+    margin-right: 0.25cm;
     transition-duration: 0.2s;
   }
 
@@ -215,6 +236,24 @@ html *
     flex-wrap: nowrap;
   }
 
+  .gtk-button {
+    height: 1cm;
+    border-radius: 6px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 10px 10px;
+    margin-top: 1cm;
+    margin-bottom: 1cm;
+    margin-right: 0.25cm;
+    transition-duration: 0.2s;
+  }
+
+  .gtk-button:hover {
+    background-color: rgba(53, 132, 228, 0.9);
+  }
+
   .itemcard {
     display: grid;
     border-radius: 12px;
-- 
2.43.4


From cef827fb0bdf8a49982bb6aa5ead12222a7b40d8 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Tue, 14 May 2024 10:04:16 +0700
Subject: [PATCH 3/3] Add TechTransThai CI

---
 index.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/index.html b/index.html
index ab85bc6..8c1a76f 100644
--- a/index.html
+++ b/index.html
@@ -139,6 +139,17 @@
       <h3>สำหรับใช้งานภายในเท่านั้น</h3>
 
       <div class="row">
+        <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>TechTransThai CI</h3>
+              <p>Woodpecker CI instance ของเรา</p>
+            </div>
+          </div>
+        </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://cloud.techtransthai.org/">
           <div class="listaction">
             <img src="icons/nextcloud.png" alt="Nextcloud" width="80" height="80" style="margin: 0.3cm;"> 
@@ -157,6 +168,8 @@
             </div>
           </div>
         </a>
+      </div>
+      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://home.techtransthai.org">
           <div class="listaction">
             <img src="icons/homeassistant.svg" alt="Home Assistant" width="80" height="80" style="margin: 0.3cm;"> 
-- 
2.43.4