no longer use i18n for messages

app/components/web-footer.vue

@@ -4,10 +4,12 @@
             <div class="container">
                 <section class="row">
                     <section class="footer-notice">
-                        <img width="48" height="48" src="/favicon.ico" alt="*nix" class="text-2xl"></img>
+                        <img width="48" height="48" src="/logo.svg" alt="*nix" class="text-2xl"></img>
                         <h2 class="text-2xl font-bold my-[0.5em]">*nix in Thailand (นิกซ์ในประเทศไทย)</h2>
-                        <p class="my-[0.5em]">{{t('footer.copyright.notice', {'year': year, 'yearB': year + 543})}}</p>
+                        <p class="my-[0.5em]">นิรสิทธิ์ 🄯 *nix in Thailand, {{ year }} ({{ year + 543 }}), ไม่สงวนสิทธิ์ทุกประการ</p>
-                        <LanguageSwitcher/>
+                        <div class="flex gap-1">
+                            <UButton variant="outline" color="neutral" size="sm" to="https://gitskette.dailitation.xyz/DandelionNStuff/NixWeb-homepage" label="ซอร์สโค้ด"/>
+                        </div>
                     </section>
                 </section>
             </div>
@@ -16,6 +18,5 @@
 </template>
 
 <script setup lang="ts">
-const {t} = useI18n();
 const year = 2025
 </script>

app/components/web-header.vue

@@ -4,14 +4,14 @@
             <div class="container flex justify-between">
                 <div class="row w-fit items-center">
                     <div class="row flex">
-                        <img width="48" height="48" src="/favicon.ico" alt="*nix" class="text-2xl mr-4"></img>
+                        <img width="48" height="48" src="/logo.svg" alt="*nix" class="text-2xl mr-4"></img>
                         <img width="124" height="20" src="/wordmark.svg" alt="in Thailand" class="text-2xl my-[13px]"></img>
                     </div>
                 </div>
                 <div class="hidden sm:flex w-fit items-center justify-end">
                     <div class="row">
                         <UFieldGroup>
-                            <UButton size="sm" :label="t('sites.join-discord')" to="https://discord.gg/p5wuX5GwB7" icon="i-lucide-users" />
+                            <UButton size="sm" label="เข้าร่วม Discord" to="https://discord.gg/p5wuX5GwB7" icon="i-lucide-users" />
                             <UDropdownMenu
                                 size="sm"
                                 :items="siteTitleItems"
@@ -24,7 +24,7 @@
                                     content: 'w-36'
                                 }"
                             >
-                                <UButton size="sm" :label="t('sites.all')" icon="i-lucide-map" color="neutral" variant="outline" />
+                                <UButton size="sm" label="บริการของ unix.in.th" icon="i-lucide-map" color="neutral" variant="outline" />
                             </UDropdownMenu>
                         </UFieldGroup>
                     </div>
@@ -36,43 +36,65 @@
                 <div class="hidden sm:flex">
                     <ul class="nav navbar-nav">
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/">{{ t('nav.home') }}</NuxtLinkLocale>
+                            <NuxtLink href="/">หน้าหลัก</NuxtLink>
                         </li>
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/about">{{ t('nav.about') }}</NuxtLinkLocale>
+                            <NuxtLink href="/about">เกี่ยวกับ</NuxtLink>
                         </li>
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/contact">{{ t('nav.contact') }}</NuxtLinkLocale>
+                            <NuxtLink href="/contact">ติดต่อ</NuxtLink>
                         </li>
                     </ul>
                 </div>
             </div>
         </nav>
+        <nav v-if="mobileNavbar">
+            <div class="hidden sm:flex">
+                <ul class="nav navbar-nav">
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/">หน้าหลัก</NuxtLinkLocale>
+                    </li>
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/about">เกี่ยวกับ</NuxtLinkLocale>
+                    </li>
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/contact">ติดต่อ</NuxtLinkLocale>
+                    </li>
+                </ul>
+            </div>
+        </nav>
     </header>
 </template>
 
 <script lang="ts" setup>
-const { t } = useI18n();
 const siteTitleItems = ref<DropdownMenuItem[]>([
   {
-    label: t('sites.wiki'),
+    label: 'วิกิ',
     icon: 'i-lucide-book-open-text',
     to: 'https://wiki.unix.in.th'
   },
   {
-    label: t('sites.identity'),
+    label: 'ระบบบัญชี',
     icon: 'i-lucide-user',
     to: 'https://identity.unix.in.th'
   },
   {
-    label: t('sites.forum'),
+    label: 'ลานประชาคม',
     icon: 'i-lucide-messages-square',
     to: 'https://forum.unix.in.th'
   },
   {
-    label: t('sites.status'),
+    label: 'สถานะ',
     icon: 'i-lucide-activity',
     to: 'https://status.unix.in.th'
   },
 ])
+
+const mobileNavbar = ref(false);
+function toggleMobileNavbar() {
+    mobileNavbar.value = !mobileNavbar.value
+}
+function closeMobileNavbar() {
+    mobileNavbar.value = false
+}
 </script>

app/pages/about.vue

@@ -3,27 +3,36 @@
         <article class="article">
             <section class="hero-section">
               <div class="container">
-                <h1 :id="t('about.hero.title').replace(/ /g, '_')" class="title">{{ t('about.hero.title') }}</h1>
+                <h1 id="about" class="title">เกี่ยวกับเรา</h1>
-                <!-- <p :id="t('about.hero.sub').replace(/ /g, '_')" class="subtitle">{{ t('about.hero.sub') }}</p> -->
               </div>
             </section>
-            <section class="container">
+            <section class="page-section">
-
+              <div class="container">
+                <p>
+                  *nix in Thailand (unix.in.th) เป็นเว็บไซต์แม่ข่ายสำหรับทรัพยากรสาระข้อมูล คู่มือ เอกสาร ของฮาร์ดแวร์และซอฟต์แวร์คอมพิวเตอร์ที่ทุกคนสามารถใช้ แก้ไข และเผยแพร่ต่อได้อย่างเสรี
+                </p>
+                <p>
+                  เว็บไซต์นี้มีบริการวิกิ (Wiki) ที่เป็นเอกสาร ข้อมูล และวิธีทำสำหรับซอฟต์แวร์และฮาร์ดแวร์ ที่ทุกคนเข้าถึงได้ โดยที่หัวข้อเน้นระบบ UNIX และ Unix-like เป็นหลัก แต่ก็สามารถกล่าวถึงระบบอื่น ๆ ได้เช่นกันเป็นเบ็ดเตล็ด
+                </p>
+                <p>
+                  นอกจากนี้ยังมีลานประชาคม (Forum) สำหรับผู้ใช้ที่อาจซักถามอภิปราย หรือคุยเล่น เกี่ยวกับซอฟต์แวร์ และฮาร์ดแวร์ ระบบ UNIX, Unix-like และอื่น ๆ
+                </p>
+                <p>
+                  และระบบบัญชีส่วนกลาง (Identity provider) เป็นระบบเสาหลักในการลงชื่อใช้งานระบบทั้งหมดของ *nix in Thailand ทำงานโดยใช้ OpenID Connect (OAuth2)
+                </p>
+              </div>
             </section>
         </article>
     </main>
 </template>
 
 <script setup>
-const {t} = useI18n();
 const config = useRuntimeConfig();
-const baseUrl = config.public.baseUrl
 
 useHead({
-  title: '*nix in Thailand',
+  title: 'เกี่ยวกับ',
-  titleTemplate: '%s',
   meta: [
-    { property: 'og:type', content: 'website' }
+    { property: 'og:type', content: 'article' }
   ]
 })
 </script>

app/pages/contact.vue

@@ -3,12 +3,15 @@
         <article class="article">
             <section class="hero-section">
               <div class="container">
-                <img></img>
+                <h1 class="title">ติดต่อเรา</h1>
-                <h2 class="text-3xl ">contact page</h2>
               </div>
             </section>
-            <section class="container">
+            <section class="page-section">
-
+              <div class="container">
+                <p>
+                  มีวิธีเดียวที่จะติดต่อเราได้คือไปรษณีย์อิเล็กทรอนิกส์ postmaster[at]unix.in.th
+                </p>
+              </div>
             </section>
         </article>
     </main>
@@ -16,13 +19,12 @@
 
 <script setup>
 const config = useRuntimeConfig();
-const baseUrl = config.public.baseUrl
 
 useHead({
-  title: '*nix in Thailand',
+  title: 'ติดต่อ',
-  titleTemplate: '%s',
   meta: [
-    { property: 'og:type', content: 'website' }
+    { name: 'description', content: 'ติดต่อเรา' },
+    { property: 'og:type', content: 'article' }
   ]
 })
 </script>

app/pages/index.vue

@@ -4,16 +4,16 @@
             <section class="hero-section">
               <div class="container">
                 <img class="brace" width="100" src="/brace-smile.svg"></img>
-                <h1 :id="t('home.hero.title').replace(/ /g, '_')" class="title">{{ t('home.hero.title') }}</h1>
+                <h1 id="home-hero-title" class="title">สวัสดี<br/>ยินดีต้อนรับสู่ *nix in Thailand สาระคอมพิวเตอร์ที่ทุกคนสามารถเข้าถึงได้</h1>
-                <p :id="t('home.hero.sub').replace(/ /g, '_')" class="subtitle">{{ t('home.hero.sub') }}</p>
+                <p id="home-hero-sub" class="subtitle">พื้นที่สำหรับการซักถาม คุยเล่น และเอกสารสาระคอมพิวเตอร์ต่าง ๆ โดยที่เน้นระบบ UNIX และ Unix-like ไม่ว่าจะเป็น GNU, Linux, macOS, Android, ฯลฯ</p>
               </div>
             </section>
-            <!-- <section class="page-section page-section-alt">
+            <section class="page-section page-section-alt">
               <div class="container">
                 <section class="section">
-                  <h2 class="title">{{ t('home.wiki.title') }}</h2>
+                  <h2 id="wiki" class="title">สารคอมพิวเตอร์เสรี (วิกิ)</h2>
-                  <p>{{ t('home.wiki.paragraph') }}</p>
+                  <p id="wiki-desc">ศูนย์รวมความรู้ซอฟต์แวร์และฮาร์ดแวร์คอมพิวเตอร์ ที่ทุกคนสามารถสามารถแก้ไขได้</p>
-                  <UButton to="https://wiki.unix.in.th" :label="t('home.wiki.go')"/>
+                  <UButton to="https://wiki.unix.in.th" label="ไปที่วิกิ"/>
                 </section>
                 <section class="section-img">
                   <img class="aspect-[4/3]" src="/wiki-mac.png"></img>
@@ -22,17 +22,17 @@
             </section>
             <section class="page-section page-section-alt">
               <div class="container">
-                <section class="section">
-                  <h2 class="title">{{ t('home.forum.title') }}</h2>
-                  <p>{{ t('home.forum.paragraph') }}</p>
-                  <UButton to="https://forum.unix.in.th" :label="t('home.forum.go')"/>
-                </section>
                 <section class="section-img">
-                  <img class="aspect-[4/3]" src="/wiki-mac.png"></img>
+                  <img class="aspect-[4/3]" src="/forum-mac.png"></img>
+                </section>
+                <section class="section">
+                  <h2 class="title">ลานประชาคม</h2>
+                  <p>พื้นที่สอบถาม อภิปราย และคุยเล่น เกี่ยวกับซอฟต์แวร์และฮาร์ดแวร์ UNIX และ Unix-like</p>
+                  <UButton to="https://forum.unix.in.th" disabled variant="subtle" label="ไปที่ลานประชาคม"/>
                 </section>
               </div>
-            </section> -->
+            </section>
-            <section class="page-section" :aria-labelledby="t('home.wiki.title').replace(/ /g, '_')" :aria-describedby="t('home.wiki.paragraph').replace(/ /g, '_')">
+            <!-- <section class="page-section" :aria-labelledby="t('home.wiki.title').replace(/ /g, '_')" :aria-describedby="t('home.wiki.paragraph').replace(/ /g, '_')">
               <div class="container">
                 <section class="section">
                   <h2 :id="t('home.wiki.title').replace(/ /g, '_')" class="title">{{ t('home.wiki.title') }}</h2>
@@ -49,7 +49,7 @@
                   <UButton to="https://forum.unix.in.th" :label="t('home.forum.go')"/>
                 </section>
               </div>
-            </section>
+            </section> -->
         </article>
     </main>
 </template>