index.html

@@ -46,11 +46,11 @@
 
     <div class="middle-large">
       
-      <h1>เทคทรานส์ไทย</h1>
+      <h1>เทคทรานส์ไทย 🏳️‍⚧️ 🇹🇭</h1>
       
       <p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p>
 
-      <p class="emojidecorations">💻 🏳️‍⚧️ 🇹🇭</p>
+      <p>กด Ctrl+F หรือ Command-F เพื่อค้นหาในหน้านี้</p>
 
       <div style="margin-top: 1cm; margin-bottom: 1cm; ">
         <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
@@ -68,7 +68,7 @@
       </div>
 
       
-      <h3>บริการ โปรเจกต์ และคอนเทนต์</h3>
+      <h3>บริการ โปรเจกต์ และคอนเทนต์ของเรา</h3>
 
       <div class="row">
         <a class="itemcard" style="opacity: 0.4;">

style.css

@@ -6,13 +6,6 @@ html *
    font-family: Inter, Cantarell, sans-serif;
 }
 
-p {
-  font-size: 11pt;
-}
-
-h1 {
-  margin-top: 3vh;
-}
 .centerscreen {
   height: 100vh;
   display: flex;
@@ -155,59 +148,6 @@ h1 {
   align-items: center;
 }
 
-.emojidecorations {
-  font-size: 16pt;
-  text-align: center;
-}
-
-/* For tablet screens */
-@media only screen and (min-width: 750px) and (max-width: 1366px) {
-  .middle-large {
-    grid-area: middle;
-    width: 90vw;
-    max-width: 35cm;
-  }
-  .row {
-    display: flex;
-    flex-direction: column;
-  }
-  .itemcard {
-    display: grid;
-    border-radius: 12px;
-    text-decoration: none;
-    margin-bottom: 0.5cm;
-    height: 3cm;
-    min-width: 6cm;
-    width: 100%;
-    transition-duration: 0.2s;
-    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
-  }
-  .itemcard-placeholder {
-    display: grid;
-    border-radius: 12px;
-    text-decoration: none;
-    margin-bottom: 0.5cm;
-    min-height: 3cm;
-    min-width: 6cm;
-    width: 100%
-  }
-  
-  .itemcard-stealth {
-    display: grid;
-    border-radius: 12px;
-    text-decoration: none;
-    margin-bottom: 0.5cm;
-    height: 3cm;
-    min-width: 6cm;
-    width: 100%;
-    transition-duration: 0.2s;
-  }
-  h1 {
-    margin-top: 3vh;
-  }
-}
-
-/* For phone screens */
 @media only screen and (max-width: 750px) {
   .middle-large {
     grid-area: middle;
@@ -249,13 +189,8 @@ h1 {
     width: 100%;
     transition-duration: 0.2s;
   }
-  h1 {
-    margin-top: 8vh;
-  }
 }
 
-
-
 @media (prefers-color-scheme: light) {
 
   body {