From 3ad73cf63f0f5ee0d3bddec9bcc6b1ec74665655 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Wed, 9 Oct 2024 22:37:40 +0700
Subject: [PATCH] use subfolder for pages

---
 ieducal.html => ieducal/index.html            |   6 +-
 index.html                                    |  62 +++++++++---------
 .../index.html                                |  62 +++++++++---------
 .../avatars}/placeholder.png                  | Bin
 .../avatars}/srp-rottenmango.webp             | Bin
 comingsoon.html => resources/comingsoon.html  |   4 +-
 cover_ttt.jpg => resources/cover_ttt.jpg      | Bin
 {icons => resources/icons}/OpenStreetMap.svg  |   0
 {icons => resources/icons}/StreetComplete.svg |   0
 {icons => resources/icons}/app.svg            |   0
 {icons => resources/icons}/archiveteam.png    | Bin
 {icons => resources/icons}/blog.svg           |   0
 {icons => resources/icons}/borgbackup.svg     |   0
 {icons => resources/icons}/c4c.png            | Bin
 {icons => resources/icons}/caddy.svg          |   0
 {icons => resources/icons}/cinnamon.svg       |   0
 {icons => resources/icons}/davx5.svg          |   0
 {icons => resources/icons}/f4c.svg            |   0
 {icons => resources/icons}/fdroid.svg         |   0
 {icons => resources/icons}/flatpak.svg        |   0
 {icons => resources/icons}/forgejo.svg        |   0
 {icons => resources/icons}/freshrss.svg       |   0
 {icons => resources/icons}/glances.svg        |   0
 {icons => resources/icons}/homeassistant.svg  |   0
 {icons => resources/icons}/hugo.svg           |   0
 {icons => resources/icons}/iEduCal.svg        |   0
 {icons => resources/icons}/inkscape.svg       |   0
 {icons => resources/icons}/inv.svg            |   0
 {icons => resources/icons}/kde.svg            |   0
 {icons => resources/icons}/kdenlive.svg       |   0
 {icons => resources/icons}/krita.png          | Bin
 {icons => resources/icons}/libreoffice.svg    |   0
 {icons => resources/icons}/librespeed.png     | Bin
 {icons => resources/icons}/ll.svg             |   0
 {icons => resources/icons}/mastodon.svg       |   0
 {icons => resources/icons}/nextcloud.png      | Bin
 {icons => resources/icons}/opensourcefund.svg |   0
 {icons => resources/icons}/peertube-logo.svg  |   0
 {icons => resources/icons}/pipewire.svg       |   0
 {icons => resources/icons}/pixelfed.svg       |   0
 {icons => resources/icons}/saber.png          | Bin
 {icons => resources/icons}/sharkey.png        | Bin
 {icons => resources/icons}/slides-openlkb.svg |   0
 {icons => resources/icons}/syncthing.svg      |   0
 .../icons}/ttt-org-blueprint.Devel.svg        |   0
 .../icons}/ttt-org-blueprint.svg              |   0
 {icons => resources/icons}/ttt-org.svg        |   0
 {icons => resources/icons}/tux.svg            |   0
 {icons => resources/icons}/uptimekuma.svg     |   0
 {icons => resources/icons}/wine.svg           |   0
 {icons => resources/icons}/wireguard.svg      |   0
 .../inter}/inter-black-italic.woff2           | Bin
 {inter => resources/inter}/inter-black.woff2  | Bin
 .../inter}/inter-bold-italic.woff2            | Bin
 {inter => resources/inter}/inter-bold.woff2   | Bin
 .../inter}/inter-extrabold-italic.woff2       | Bin
 .../inter}/inter-extrabold.woff2              | Bin
 .../inter}/inter-extralight-italic.woff2      | Bin
 .../inter}/inter-extralight.woff2             | Bin
 {inter => resources/inter}/inter-italic.woff2 | Bin
 .../inter}/inter-light-italic.woff2           | Bin
 {inter => resources/inter}/inter-light.woff2  | Bin
 .../inter}/inter-medium-italic.woff2          | Bin
 {inter => resources/inter}/inter-medium.woff2 | Bin
 .../inter}/inter-regular.woff2                | Bin
 .../inter}/inter-semibold-italic.woff2        | Bin
 .../inter}/inter-semibold.woff2               | Bin
 .../inter}/inter-thin-italic.woff2            | Bin
 {inter => resources/inter}/inter-thin.woff2   | Bin
 {inter => resources/inter}/inter.css          |   0
 team/index.html                               |  10 +--
 71 files changed, 72 insertions(+), 72 deletions(-)
 rename ieducal.html => ieducal/index.html (92%)
 rename opensourcefund.html => opensourcefund/index.html (91%)
 rename {avatars => resources/avatars}/placeholder.png (100%)
 rename {avatars => resources/avatars}/srp-rottenmango.webp (100%)
 rename comingsoon.html => resources/comingsoon.html (83%)
 rename cover_ttt.jpg => resources/cover_ttt.jpg (100%)
 rename {icons => resources/icons}/OpenStreetMap.svg (100%)
 rename {icons => resources/icons}/StreetComplete.svg (100%)
 rename {icons => resources/icons}/app.svg (100%)
 rename {icons => resources/icons}/archiveteam.png (100%)
 rename {icons => resources/icons}/blog.svg (100%)
 rename {icons => resources/icons}/borgbackup.svg (100%)
 rename {icons => resources/icons}/c4c.png (100%)
 rename {icons => resources/icons}/caddy.svg (100%)
 rename {icons => resources/icons}/cinnamon.svg (100%)
 rename {icons => resources/icons}/davx5.svg (100%)
 rename {icons => resources/icons}/f4c.svg (100%)
 rename {icons => resources/icons}/fdroid.svg (100%)
 rename {icons => resources/icons}/flatpak.svg (100%)
 rename {icons => resources/icons}/forgejo.svg (100%)
 rename {icons => resources/icons}/freshrss.svg (100%)
 rename {icons => resources/icons}/glances.svg (100%)
 rename {icons => resources/icons}/homeassistant.svg (100%)
 rename {icons => resources/icons}/hugo.svg (100%)
 rename {icons => resources/icons}/iEduCal.svg (100%)
 rename {icons => resources/icons}/inkscape.svg (100%)
 rename {icons => resources/icons}/inv.svg (100%)
 rename {icons => resources/icons}/kde.svg (100%)
 rename {icons => resources/icons}/kdenlive.svg (100%)
 rename {icons => resources/icons}/krita.png (100%)
 rename {icons => resources/icons}/libreoffice.svg (100%)
 rename {icons => resources/icons}/librespeed.png (100%)
 rename {icons => resources/icons}/ll.svg (100%)
 rename {icons => resources/icons}/mastodon.svg (100%)
 rename {icons => resources/icons}/nextcloud.png (100%)
 rename {icons => resources/icons}/opensourcefund.svg (100%)
 rename {icons => resources/icons}/peertube-logo.svg (100%)
 rename {icons => resources/icons}/pipewire.svg (100%)
 rename {icons => resources/icons}/pixelfed.svg (100%)
 rename {icons => resources/icons}/saber.png (100%)
 rename {icons => resources/icons}/sharkey.png (100%)
 rename {icons => resources/icons}/slides-openlkb.svg (100%)
 rename {icons => resources/icons}/syncthing.svg (100%)
 rename {icons => resources/icons}/ttt-org-blueprint.Devel.svg (100%)
 rename {icons => resources/icons}/ttt-org-blueprint.svg (100%)
 rename {icons => resources/icons}/ttt-org.svg (100%)
 rename {icons => resources/icons}/tux.svg (100%)
 rename {icons => resources/icons}/uptimekuma.svg (100%)
 rename {icons => resources/icons}/wine.svg (100%)
 rename {icons => resources/icons}/wireguard.svg (100%)
 rename {inter => resources/inter}/inter-black-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-black.woff2 (100%)
 rename {inter => resources/inter}/inter-bold-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-bold.woff2 (100%)
 rename {inter => resources/inter}/inter-extrabold-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-extrabold.woff2 (100%)
 rename {inter => resources/inter}/inter-extralight-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-extralight.woff2 (100%)
 rename {inter => resources/inter}/inter-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-light-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-light.woff2 (100%)
 rename {inter => resources/inter}/inter-medium-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-medium.woff2 (100%)
 rename {inter => resources/inter}/inter-regular.woff2 (100%)
 rename {inter => resources/inter}/inter-semibold-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-semibold.woff2 (100%)
 rename {inter => resources/inter}/inter-thin-italic.woff2 (100%)
 rename {inter => resources/inter}/inter-thin.woff2 (100%)
 rename {inter => resources/inter}/inter.css (100%)

diff --git a/ieducal.html b/ieducal/index.html
similarity index 92%
rename from ieducal.html
rename to ieducal/index.html
index c4cd46f..03dc740 100644
--- a/ieducal.html
+++ b/ieducal/index.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" href="style.css">
+    <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="ปฏิทินการศึกษา 2567 ในรูปแบบ iCalendar">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>iEduCal 2567 for KMITL</title>
-    <link rel="icon" type="image/svg" href="icons/ttt-org.svg">
+    <link rel="icon" type="image/svg" href="/resources/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;"> 
+        <img src="/resources/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">
diff --git a/index.html b/index.html
index fa2fc15..91c0340 100644
--- a/index.html
+++ b/index.html
@@ -7,14 +7,14 @@
     <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">
+    <link rel="icon" type="image/svg" href="resources/icons/ttt-org.svg">
   </head>
   
 <body>
     <div class="topbar">
         <div class="topbar-group">
           <a 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;"> 
+            <img src="resources/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">
@@ -71,7 +71,7 @@
       <div class="section">
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Mapping Thailand</h3>
               <p>OpenStreetMap - เร็ว ๆ นี้</p>
@@ -80,7 +80,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Open Voice Datasets</h3>
               <p>Common Voice - เร็ว ๆ นี้</p>
@@ -89,7 +89,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/compute4change/about/">
           <div class="listaction">
-            <img src="icons/c4c.png" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/c4c.png" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Compute4Change</h3>
               <p>สนับสนุนงานวิจัยด้วยอุปกรณ์ในมือคุณ</p>
@@ -98,16 +98,16 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>App Localization</h3>
               <p>แปลแอปเป็นภาษาไทย - เร็ว ๆ นี้</p>
             </div>
           </div>
         </a>
-        <a class="itemcard" href="/opensourcefund.html">
+        <a class="itemcard" href="/opensourcefund">
           <div class="listaction">
-            <img src="icons/opensourcefund.svg" alt="openLKB" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/opensourcefund.svg" alt="openLKB" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Open Source Fund</h3>
               <p>สนับสนุนโปรเจกต์ที่ทำให้เราเติบโต</p>
@@ -121,7 +121,7 @@
       <div class="section">
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Energy saver</h3>
               <p>Coming soon - you can help</p>
@@ -130,7 +130,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Fullscreen clock</h3>
               <p>Coming soon - you can help</p>
@@ -139,7 +139,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Intel Turbo Boost Toggle</h3>
               <p>Coming soon - you can help</p>
@@ -148,7 +148,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Monitor Test</h3>
               <p>Coming soon - you can help</p>
@@ -157,7 +157,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>OpenType Feature Freeze</h3>
               <p>Coming soon - you can help</p>
@@ -166,7 +166,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Tasmota Compiler</h3>
               <p>Coming soon - you can help</p>
@@ -175,7 +175,7 @@
         </a>
         <a class="itemcard" style="opacity: 50%;">
           <div class="listaction">
-            <img src="icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>ThinkPad Fan Control</h3>
               <p>Coming soon - you can help</p>
@@ -188,7 +188,7 @@
       <div class="section">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://thailinux.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/tux.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/tux.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TLUC Website 🌟</h3>
               <p>รวมชุมชนผู้ใช้ Linux ในประเทศไทย</p>
@@ -197,7 +197,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://little-lines.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/ll.svg" alt="little-lines" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/ll.svg" alt="little-lines" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Little Lines</h3>
               <p>ระบบนำทางสำหรับล้อขนาดเล็ก</p>
@@ -212,16 +212,16 @@
 
         <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;"> 
+            <img src="resources/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" href="ieducal.html">
+        <a class="itemcard" href="/ieducal">
           <div class="listaction">
-            <img src="icons/iEduCal.svg" alt="iEduCal" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/iEduCal.svg" alt="iEduCal" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>iEduCal for KMITL</h3>
               <p>ปฏิทินการศึกษาในรูปแบบ iCalendar</p>
@@ -230,7 +230,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/openlkb-slides">
           <div class="listaction">
-            <img src="icons/slides-openlkb.svg" alt="openLKB Slides" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/slides-openlkb.svg" alt="openLKB Slides" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>openLKB Slides</h3>
               <p>คอนเทนต์สุดพิเศษสำหรับชุมชน</p>
@@ -239,7 +239,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/blog.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/blog.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Blog</h3>
               <p>อัปเดตข่าวสารต่าง ๆ จากเรา</p>
@@ -255,7 +255,7 @@
       <div class="section">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://test.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>LibreSpeed</h3>
               <p>ทดสอบความเร็วอินเทอร์เน็ต</p>
@@ -264,7 +264,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://relays.syncthing.net/">
           <div class="listaction">
-            <img src="icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Syncthing Relay</h3>
               <p>Relay server แห่งแรกในไทย</p>
@@ -284,7 +284,7 @@
         </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;"> 
+            <img src="resources/icons/nextcloud.png" alt="Nextcloud" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Cloud</h3>
               <p>Nextcloud instance ของเรา</p>
@@ -293,7 +293,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://feeds.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/freshrss.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/freshrss.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Feeds</h3>
               <p>FreshRSS instance ของเรา</p>
@@ -302,7 +302,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Forge</h3>
               <p>Forgejo instance ของเรา</p>
@@ -311,7 +311,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai F-Social</h3>
               <p>Sharkey instance ของเรา</p>
@@ -320,7 +320,7 @@
         </a>
         <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;"> 
+            <img src="resources/icons/homeassistant.svg" alt="Home Assistant" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Home</h3>
               <p>Home Assistant instance ของเรา</p>
@@ -329,7 +329,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pixels.techtransthai.org/">
           <div class="listaction">
-            <img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Pixels</h3>
               <p>Pixelfed instance ของเรา</p>
@@ -338,7 +338,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://video.techtransthai.org">
           <div class="listaction">
-            <img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="resources/icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>TechTransThai Video</h3>
               <p>รับชมวิดีโอในเครือของเราได้ที่นี่</p>
diff --git a/opensourcefund.html b/opensourcefund/index.html
similarity index 91%
rename from opensourcefund.html
rename to opensourcefund/index.html
index de8326a..38895b8 100644
--- a/opensourcefund.html
+++ b/opensourcefund/index.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" href="style.css">
+    <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="สนับสนุนโปรเจกต์ที่ทำให้เราเติบโต">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Open Source Fund</title>
-    <link rel="icon" type="image/svg" href="icons/ttt-org.svg">
+    <link rel="icon" type="image/svg" href="/resources/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;"> 
+            <img src="/resources/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">
@@ -58,7 +58,7 @@
       <div class="section">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://wiki.archiveteam.org/">
           <div class="listaction">
-            <img src="icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/archiveteam.png" alt="ArchiveTeam" width="80" height="80" style="margin: 0.3cm;">  
             <div>
               <h3>ArchiveTeam</h3>
               <p>ร่วมเก็บรักษามรดกทางดิจิทัลไปด้วยกัน</p>
@@ -67,7 +67,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.borgbackup.org/">
           <div class="listaction">
-            <img src="icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/borgbackup.svg" alt="BorgBackup" width="80" style="margin: 0.3cm;">  
             <div>
               <h3>BorgBackup</h3>
               <p>สำรองข้อมูลอย่างปลอดภัย</p>
@@ -76,7 +76,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://caddyserver.com/">
           <div class="listaction">
-            <img src="icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/caddy.svg" alt="Caddy" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Caddy</h3>
               <p>เว็บเซิร์ฟเวอร์ที่มาพร้อม HTTPS</p>
@@ -85,7 +85,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://projects.linuxmint.com/cinnamon/">
           <div class="listaction">
-            <img src="icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/cinnamon.svg" alt="Cinnamon" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Cinnamon</h3>
               <p>เดสก์ท็อปในรูปแบบที่คุณคุ้นเคย</p>
@@ -94,7 +94,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.davx5.com/">
           <div class="listaction">
-            <img src="icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/davx5.svg" alt="DAVx5" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>DAVx⁵</h3>
               <p>โซลูชัน DAV สำหรับ Android</p>
@@ -103,7 +103,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://f-droid.org/">
           <div class="listaction">
-            <img src="icons/fdroid.svg" alt="F-Droid" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/fdroid.svg" alt="F-Droid" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>F-Droid</h3>
               <p>แหล่งรวม FOSS สำหรับ Android</p>
@@ -112,7 +112,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://flatpak.org/">
           <div class="listaction">
-            <img src="icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/flatpak.svg" alt="Flatpak" width="80" height="80" style="margin: 0.3cm;">  
             <div>
               <h3>Flatpak</h3>
               <p>อนาคตของแอปบน Linux</p>
@@ -121,7 +121,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://forgejo.org/">
           <div class="listaction">
-            <img src="icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/forgejo.svg" alt="Forgejo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Forgejo</h3>
               <p>Git forge น้ำนักเบา</p>
@@ -130,7 +130,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://freshrss.org/">
           <div class="listaction">
-            <img src="icons/freshrss.svg" alt="FreshRSS" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/freshrss.svg" alt="FreshRSS" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>FreshRSS</h3>
               <p>โปรแกรมรวบรวมฟีดฟรี</p>
@@ -285,7 +285,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/nicolargo/glances">
           <div class="listaction">
-            <img src="icons/glances.svg" alt="Glances" width="80" height="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/glances.svg" alt="Glances" width="80" height="80" style="margin: 0.3cm;">  
             <div>
               <h3>Glances</h3>
               <p>ตรวจสอบการทำงานของระบบ</p>
@@ -294,7 +294,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://gohugo.io/">
           <div class="listaction">
-            <img src="icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/hugo.svg" alt="Hugo" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Hugo</h3>
               <p>เฟรมเวิร์คสำหรับการสร้างเว็บไซต์</p>
@@ -303,7 +303,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://inkscape.org/">
           <div class="listaction">
-            <img src="icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/inkscape.svg" alt="Inkscape" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Inkscape</h3>
               <p>เครื่องมือออกแบบอันทรงพลัง</p>
@@ -371,7 +371,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://kdenlive.org/">
           <div class="listaction">
-            <img src="icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/kdenlive.svg" alt="Kdenlive" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Kdenlive</h3>
               <p>โปรแกรมตัดต่อวิดีโอฟรี</p>
@@ -380,7 +380,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://krita.org/">
           <div class="listaction">
-            <img src="icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/krita.png" alt="Krita" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Krita</h3>
               <p>โปรแกรมวาดรูปมืออาชีพฟรี</p>
@@ -389,7 +389,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.libreoffice.org/">
           <div class="listaction">
-            <img src="icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/libreoffice.svg" alt="LibreOffice" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>LibreOffice</h3>
               <p>ซอฟต์แวร์สำนักงานฟรี</p>
@@ -398,7 +398,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://librespeed.org/">
           <div class="listaction">
-            <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>LibreSpeed</h3>
               <p>ทดสอบความเร็วอินเทอร์เน็ต</p>
@@ -407,7 +407,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://joinmastodon.org/">
           <div class="listaction">
-            <img src="icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/mastodon.svg" alt="Mastodon" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Mastodon</h3>
               <p>เครือข่ายสังคมกระจายศูนย์</p>
@@ -439,7 +439,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.openstreetmap.org/">
           <div class="listaction">
-            <img src="icons/OpenStreetMap.svg" alt="OpenStreetMap" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/OpenStreetMap.svg" alt="OpenStreetMap" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>OpenStreetMap</h3>
               <p>ฐานข้อมูลแผนที่ฟรี</p>
@@ -448,7 +448,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org/">
           <div class="listaction">
-            <img src="icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/peertube-logo.svg" alt="Peertube" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Peertube</h3>
               <p>แพลตฟอร์มวิดีโอทดแทน</p>
@@ -457,7 +457,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pipewire.org/">
           <div class="listaction">
-            <img src="icons/pipewire.svg" alt="PipeWire" width="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/pipewire.svg" alt="PipeWire" width="80" style="margin: 0.3cm;"> 
             <div>
               <h3>PipeWire</h3>
               <p>ระบบเสียงสำหรับ Linux</p>
@@ -466,7 +466,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://pixelfed.org/">
           <div class="listaction">
-            <img src="icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/pixelfed.svg" alt="Pixelfed" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Pixelfed</h3>
               <p>สำรวจและแบ่งปันรูปภาพที่สวยงาม</p>
@@ -475,7 +475,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://saber.adil.hanney.org/">
           <div class="listaction">
-            <img src="icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/saber.png" alt="Saber" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Saber</h3>
               <p>แอปพลิเคชันสำหรับจดโน้ตด้วยลายมือ</p>
@@ -484,7 +484,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://activitypub.software/TransFem-org/Sharkey">
           <div class="listaction">
-            <img src="icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/sharkey.png" alt="Sharkey" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Sharkey</h3>
               <p>แพลตฟอร์ม Microblogging</p>
@@ -493,7 +493,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://streetcomplete.app/">
           <div class="listaction">
-            <img src="icons/StreetComplete.svg" alt="StreetComplete" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/StreetComplete.svg" alt="StreetComplete" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>StreetComplete</h3>
               <p>สำรวจข้อมูลลงใน OpenStreetMap</p>
@@ -502,7 +502,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://syncthing.net/">
           <div class="listaction">
-            <img src="icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/syncthing.svg" alt="Syncthing" width="80" height="80" style="margin: 0.3cm;">  
             <div>
               <h3>Syncthing</h3>
               <p>ซิงค์ไฟล์ต่อเนื่องอย่างปลอดภัย</p>
@@ -511,7 +511,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://github.com/louislam/uptime-kuma">
           <div class="listaction">
-            <img src="icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/uptimekuma.svg" alt="Uptime Kuma" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Uptime Kuma</h3>
               <p>เครื่องมือมอนิเตอร์สำหรับโฮสต์เอง</p>
@@ -520,7 +520,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.winehq.org/">
           <div class="listaction">
-            <img src="icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;">  
+            <img src="/resources/icons/wine.svg" alt="WineHQ" width="80" height="80" style="margin: 0.3cm;">  
             <div>
               <h3>WineHQ</h3>
               <p>รันแอป Windows บน POSIX</p>
@@ -529,7 +529,7 @@
         </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.wireguard.com/">
           <div class="listaction">
-            <img src="icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;"> 
+            <img src="/resources/icons/wireguard.svg" alt="Wireguard" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
               <h3>Wireguard</h3>
               <p>VPN ความเร็วสูงสำหรับยุคใหม่</p>
diff --git a/avatars/placeholder.png b/resources/avatars/placeholder.png
similarity index 100%
rename from avatars/placeholder.png
rename to resources/avatars/placeholder.png
diff --git a/avatars/srp-rottenmango.webp b/resources/avatars/srp-rottenmango.webp
similarity index 100%
rename from avatars/srp-rottenmango.webp
rename to resources/avatars/srp-rottenmango.webp
diff --git a/comingsoon.html b/resources/comingsoon.html
similarity index 83%
rename from comingsoon.html
rename to resources/comingsoon.html
index 818a792..dbc059b 100644
--- a/comingsoon.html
+++ b/resources/comingsoon.html
@@ -6,13 +6,13 @@
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Coming soon!</title>
-    <link rel="icon" type="image/svg" href="https://www.techtransthai.org/icons/ttt-org.svg">
+    <link rel="icon" type="image/svg" href="https://www.techtransthai.org/resources/icons/ttt-org.svg">
   </head>
   
 <body>
     <div class="centerscreen">
       <div class="header" >
-        <img src="https://www.techtransthai.org/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
+        <img src="https://www.techtransthai.org/resources/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128"> 
       </div>
       <div class="logo" style="display: flex; align-items: center; justify-content: center"> 
         <h1>Coming soon!</h1>
diff --git a/cover_ttt.jpg b/resources/cover_ttt.jpg
similarity index 100%
rename from cover_ttt.jpg
rename to resources/cover_ttt.jpg
diff --git a/icons/OpenStreetMap.svg b/resources/icons/OpenStreetMap.svg
similarity index 100%
rename from icons/OpenStreetMap.svg
rename to resources/icons/OpenStreetMap.svg
diff --git a/icons/StreetComplete.svg b/resources/icons/StreetComplete.svg
similarity index 100%
rename from icons/StreetComplete.svg
rename to resources/icons/StreetComplete.svg
diff --git a/icons/app.svg b/resources/icons/app.svg
similarity index 100%
rename from icons/app.svg
rename to resources/icons/app.svg
diff --git a/icons/archiveteam.png b/resources/icons/archiveteam.png
similarity index 100%
rename from icons/archiveteam.png
rename to resources/icons/archiveteam.png
diff --git a/icons/blog.svg b/resources/icons/blog.svg
similarity index 100%
rename from icons/blog.svg
rename to resources/icons/blog.svg
diff --git a/icons/borgbackup.svg b/resources/icons/borgbackup.svg
similarity index 100%
rename from icons/borgbackup.svg
rename to resources/icons/borgbackup.svg
diff --git a/icons/c4c.png b/resources/icons/c4c.png
similarity index 100%
rename from icons/c4c.png
rename to resources/icons/c4c.png
diff --git a/icons/caddy.svg b/resources/icons/caddy.svg
similarity index 100%
rename from icons/caddy.svg
rename to resources/icons/caddy.svg
diff --git a/icons/cinnamon.svg b/resources/icons/cinnamon.svg
similarity index 100%
rename from icons/cinnamon.svg
rename to resources/icons/cinnamon.svg
diff --git a/icons/davx5.svg b/resources/icons/davx5.svg
similarity index 100%
rename from icons/davx5.svg
rename to resources/icons/davx5.svg
diff --git a/icons/f4c.svg b/resources/icons/f4c.svg
similarity index 100%
rename from icons/f4c.svg
rename to resources/icons/f4c.svg
diff --git a/icons/fdroid.svg b/resources/icons/fdroid.svg
similarity index 100%
rename from icons/fdroid.svg
rename to resources/icons/fdroid.svg
diff --git a/icons/flatpak.svg b/resources/icons/flatpak.svg
similarity index 100%
rename from icons/flatpak.svg
rename to resources/icons/flatpak.svg
diff --git a/icons/forgejo.svg b/resources/icons/forgejo.svg
similarity index 100%
rename from icons/forgejo.svg
rename to resources/icons/forgejo.svg
diff --git a/icons/freshrss.svg b/resources/icons/freshrss.svg
similarity index 100%
rename from icons/freshrss.svg
rename to resources/icons/freshrss.svg
diff --git a/icons/glances.svg b/resources/icons/glances.svg
similarity index 100%
rename from icons/glances.svg
rename to resources/icons/glances.svg
diff --git a/icons/homeassistant.svg b/resources/icons/homeassistant.svg
similarity index 100%
rename from icons/homeassistant.svg
rename to resources/icons/homeassistant.svg
diff --git a/icons/hugo.svg b/resources/icons/hugo.svg
similarity index 100%
rename from icons/hugo.svg
rename to resources/icons/hugo.svg
diff --git a/icons/iEduCal.svg b/resources/icons/iEduCal.svg
similarity index 100%
rename from icons/iEduCal.svg
rename to resources/icons/iEduCal.svg
diff --git a/icons/inkscape.svg b/resources/icons/inkscape.svg
similarity index 100%
rename from icons/inkscape.svg
rename to resources/icons/inkscape.svg
diff --git a/icons/inv.svg b/resources/icons/inv.svg
similarity index 100%
rename from icons/inv.svg
rename to resources/icons/inv.svg
diff --git a/icons/kde.svg b/resources/icons/kde.svg
similarity index 100%
rename from icons/kde.svg
rename to resources/icons/kde.svg
diff --git a/icons/kdenlive.svg b/resources/icons/kdenlive.svg
similarity index 100%
rename from icons/kdenlive.svg
rename to resources/icons/kdenlive.svg
diff --git a/icons/krita.png b/resources/icons/krita.png
similarity index 100%
rename from icons/krita.png
rename to resources/icons/krita.png
diff --git a/icons/libreoffice.svg b/resources/icons/libreoffice.svg
similarity index 100%
rename from icons/libreoffice.svg
rename to resources/icons/libreoffice.svg
diff --git a/icons/librespeed.png b/resources/icons/librespeed.png
similarity index 100%
rename from icons/librespeed.png
rename to resources/icons/librespeed.png
diff --git a/icons/ll.svg b/resources/icons/ll.svg
similarity index 100%
rename from icons/ll.svg
rename to resources/icons/ll.svg
diff --git a/icons/mastodon.svg b/resources/icons/mastodon.svg
similarity index 100%
rename from icons/mastodon.svg
rename to resources/icons/mastodon.svg
diff --git a/icons/nextcloud.png b/resources/icons/nextcloud.png
similarity index 100%
rename from icons/nextcloud.png
rename to resources/icons/nextcloud.png
diff --git a/icons/opensourcefund.svg b/resources/icons/opensourcefund.svg
similarity index 100%
rename from icons/opensourcefund.svg
rename to resources/icons/opensourcefund.svg
diff --git a/icons/peertube-logo.svg b/resources/icons/peertube-logo.svg
similarity index 100%
rename from icons/peertube-logo.svg
rename to resources/icons/peertube-logo.svg
diff --git a/icons/pipewire.svg b/resources/icons/pipewire.svg
similarity index 100%
rename from icons/pipewire.svg
rename to resources/icons/pipewire.svg
diff --git a/icons/pixelfed.svg b/resources/icons/pixelfed.svg
similarity index 100%
rename from icons/pixelfed.svg
rename to resources/icons/pixelfed.svg
diff --git a/icons/saber.png b/resources/icons/saber.png
similarity index 100%
rename from icons/saber.png
rename to resources/icons/saber.png
diff --git a/icons/sharkey.png b/resources/icons/sharkey.png
similarity index 100%
rename from icons/sharkey.png
rename to resources/icons/sharkey.png
diff --git a/icons/slides-openlkb.svg b/resources/icons/slides-openlkb.svg
similarity index 100%
rename from icons/slides-openlkb.svg
rename to resources/icons/slides-openlkb.svg
diff --git a/icons/syncthing.svg b/resources/icons/syncthing.svg
similarity index 100%
rename from icons/syncthing.svg
rename to resources/icons/syncthing.svg
diff --git a/icons/ttt-org-blueprint.Devel.svg b/resources/icons/ttt-org-blueprint.Devel.svg
similarity index 100%
rename from icons/ttt-org-blueprint.Devel.svg
rename to resources/icons/ttt-org-blueprint.Devel.svg
diff --git a/icons/ttt-org-blueprint.svg b/resources/icons/ttt-org-blueprint.svg
similarity index 100%
rename from icons/ttt-org-blueprint.svg
rename to resources/icons/ttt-org-blueprint.svg
diff --git a/icons/ttt-org.svg b/resources/icons/ttt-org.svg
similarity index 100%
rename from icons/ttt-org.svg
rename to resources/icons/ttt-org.svg
diff --git a/icons/tux.svg b/resources/icons/tux.svg
similarity index 100%
rename from icons/tux.svg
rename to resources/icons/tux.svg
diff --git a/icons/uptimekuma.svg b/resources/icons/uptimekuma.svg
similarity index 100%
rename from icons/uptimekuma.svg
rename to resources/icons/uptimekuma.svg
diff --git a/icons/wine.svg b/resources/icons/wine.svg
similarity index 100%
rename from icons/wine.svg
rename to resources/icons/wine.svg
diff --git a/icons/wireguard.svg b/resources/icons/wireguard.svg
similarity index 100%
rename from icons/wireguard.svg
rename to resources/icons/wireguard.svg
diff --git a/inter/inter-black-italic.woff2 b/resources/inter/inter-black-italic.woff2
similarity index 100%
rename from inter/inter-black-italic.woff2
rename to resources/inter/inter-black-italic.woff2
diff --git a/inter/inter-black.woff2 b/resources/inter/inter-black.woff2
similarity index 100%
rename from inter/inter-black.woff2
rename to resources/inter/inter-black.woff2
diff --git a/inter/inter-bold-italic.woff2 b/resources/inter/inter-bold-italic.woff2
similarity index 100%
rename from inter/inter-bold-italic.woff2
rename to resources/inter/inter-bold-italic.woff2
diff --git a/inter/inter-bold.woff2 b/resources/inter/inter-bold.woff2
similarity index 100%
rename from inter/inter-bold.woff2
rename to resources/inter/inter-bold.woff2
diff --git a/inter/inter-extrabold-italic.woff2 b/resources/inter/inter-extrabold-italic.woff2
similarity index 100%
rename from inter/inter-extrabold-italic.woff2
rename to resources/inter/inter-extrabold-italic.woff2
diff --git a/inter/inter-extrabold.woff2 b/resources/inter/inter-extrabold.woff2
similarity index 100%
rename from inter/inter-extrabold.woff2
rename to resources/inter/inter-extrabold.woff2
diff --git a/inter/inter-extralight-italic.woff2 b/resources/inter/inter-extralight-italic.woff2
similarity index 100%
rename from inter/inter-extralight-italic.woff2
rename to resources/inter/inter-extralight-italic.woff2
diff --git a/inter/inter-extralight.woff2 b/resources/inter/inter-extralight.woff2
similarity index 100%
rename from inter/inter-extralight.woff2
rename to resources/inter/inter-extralight.woff2
diff --git a/inter/inter-italic.woff2 b/resources/inter/inter-italic.woff2
similarity index 100%
rename from inter/inter-italic.woff2
rename to resources/inter/inter-italic.woff2
diff --git a/inter/inter-light-italic.woff2 b/resources/inter/inter-light-italic.woff2
similarity index 100%
rename from inter/inter-light-italic.woff2
rename to resources/inter/inter-light-italic.woff2
diff --git a/inter/inter-light.woff2 b/resources/inter/inter-light.woff2
similarity index 100%
rename from inter/inter-light.woff2
rename to resources/inter/inter-light.woff2
diff --git a/inter/inter-medium-italic.woff2 b/resources/inter/inter-medium-italic.woff2
similarity index 100%
rename from inter/inter-medium-italic.woff2
rename to resources/inter/inter-medium-italic.woff2
diff --git a/inter/inter-medium.woff2 b/resources/inter/inter-medium.woff2
similarity index 100%
rename from inter/inter-medium.woff2
rename to resources/inter/inter-medium.woff2
diff --git a/inter/inter-regular.woff2 b/resources/inter/inter-regular.woff2
similarity index 100%
rename from inter/inter-regular.woff2
rename to resources/inter/inter-regular.woff2
diff --git a/inter/inter-semibold-italic.woff2 b/resources/inter/inter-semibold-italic.woff2
similarity index 100%
rename from inter/inter-semibold-italic.woff2
rename to resources/inter/inter-semibold-italic.woff2
diff --git a/inter/inter-semibold.woff2 b/resources/inter/inter-semibold.woff2
similarity index 100%
rename from inter/inter-semibold.woff2
rename to resources/inter/inter-semibold.woff2
diff --git a/inter/inter-thin-italic.woff2 b/resources/inter/inter-thin-italic.woff2
similarity index 100%
rename from inter/inter-thin-italic.woff2
rename to resources/inter/inter-thin-italic.woff2
diff --git a/inter/inter-thin.woff2 b/resources/inter/inter-thin.woff2
similarity index 100%
rename from inter/inter-thin.woff2
rename to resources/inter/inter-thin.woff2
diff --git a/inter/inter.css b/resources/inter/inter.css
similarity index 100%
rename from inter/inter.css
rename to resources/inter/inter.css
diff --git a/team/index.html b/team/index.html
index d0752bf..1056677 100644
--- a/team/index.html
+++ b/team/index.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" href="../style.css">
+    <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="List of current TechTransThai's team members">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ทีมของเรา</title>
-    <link rel="icon" type="image/svg" href="../icons/ttt-org.svg">
+    <link rel="icon" type="image/svg" href="/resources/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;"> 
+        <img src="/resources/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">
@@ -72,7 +72,7 @@
         </a>
         <a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://srp-mangoeater.techtransthai.org/">
           <div class="listaction">
-            <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)"> 
+            <img src="/resources/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>
               <div>
                 <h3>SRP mangoeater</h3>
@@ -84,7 +84,7 @@
         </a>
         <a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://matsuri.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="/resources/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>Matsuri</h3>
             </div>