From b5bdb84c30d2c6cba094f74e7dda1b337e53a620 Mon Sep 17 00:00:00 2001
From: VRSasha <pongpeera054@protonmail.com>
Date: Wed, 23 Aug 2023 14:57:56 +0700
Subject: [PATCH] Add private services section

---
 index.html | 65 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index b981573..6a9c01a 100644
--- a/index.html
+++ b/index.html
@@ -22,23 +22,8 @@
 
     <div class="middle">
           
-      <h3>บริการ</h3>
+      <h3>บริการสาธารณะ</h3>
           <div class="list">
-            <!-- DocuSeal -->
-            <div class="inner-grid">
-              <div>
-                <img src="icons/docuseal.svg" alt="DocuSeal" width="80" height="80" style="margin-left: 0.3cm;"> 
-              </div>
-              <div>
-                <h3>DocuSeal</h3>
-                <p>สร้าง กรอก และเซ็นเอกสารดิจิทัล</p>
-              </div>
-              <div>
-                <a target="_blank" rel="noopener noreferrer" href="https://docuseal.techtransthai.org" class="button">Visit...</a>
-              </div>
-            </div>
-
-            <div class="separator"></div>
 
             <!-- Etherpad -->
             <div class="inner-grid">
@@ -101,6 +86,40 @@
                 <a target="_blank" rel="noopener noreferrer" href="https://little-lines.techtransthai.org/" class="button">Visit...</a>
               </div>
             </div>
+            
+            <div class="separator"></div>
+
+            <!-- Syncthing Relay -->
+            <div class="inner-grid">
+              <div>
+                <img src="icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin-left: 0.3cm;"> 
+              </div>
+              <div>
+                <h3>Syncthing Relay</h3>
+                <p>Relay server สำหรับ Syncthing</p>
+              </div>
+              <div>
+                <a target="_blank" rel="noopener noreferrer" href="https://relays.syncthing.net/" class="button">Stats...</a>
+              </div>
+            </div>
+
+          </div>
+
+          <h3>เฉพาะบุคคลที่ได้รับอนุญาตเท่านั้น</h3>
+          <div class="list">
+            <!-- DocuSeal -->
+            <div class="inner-grid">
+              <div>
+                <img src="icons/docuseal.svg" alt="DocuSeal" width="80" height="80" style="margin-left: 0.3cm;"> 
+              </div>
+              <div>
+                <h3>DocuSeal</h3>
+                <p>สร้าง กรอก และเซ็นเอกสารดิจิทัล</p>
+              </div>
+              <div>
+                <a target="_blank" rel="noopener noreferrer" href="https://docuseal.techtransthai.org" class="button">Visit...</a>
+              </div>
+            </div>
 
             <div class="separator"></div>
 
@@ -133,20 +152,6 @@
               </div>
             </div>
 
-            <div class="separator"></div>
-            <!-- Syncthing Relay -->
-            <div class="inner-grid">
-              <div>
-                <img src="icons/syncthing.svg" alt="syncthing-relay" width="80" height="80" style="margin-left: 0.3cm;"> 
-              </div>
-              <div>
-                <h3>Syncthing Relay</h3>
-                <p>Relay server สำหรับ Syncthing</p>
-              </div>
-              <div>
-                <a target="_blank" rel="noopener noreferrer" href="https://relays.syncthing.net/" class="button">Stats...</a>
-              </div>
-            </div>
 
           </div>