From 2bcf8ee39555ea98be309b85547c797b0d172b84 Mon Sep 17 00:00:00 2001
From: SayaAndy <saya.andy@posteo.com>
Date: Tue, 31 Mar 2026 00:22:59 +0700
Subject: feat: use semantic html tags for pages

---
 views/layouts/general-page.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'views/layouts')

diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index 2114b1c..d7d11a3 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -186,7 +186,7 @@
             flex-row sticky w-dvw h-fit xs:w-[90dvw]
             sm:left-0 sm:flex-col sm:fixed sm:w-fit
             z-20 shadow-[0_0_1rem_black]">
-            <div class="text-[3rem] flex flex-row sm:flex-col gap-0 relative z-20">
+            <nav aria-label="Main navigation" class="text-[3rem] flex flex-row sm:flex-col gap-0 relative z-20">
                 <a onclick="return changeUrl('/../', true);" href="./" id="sidebar-back-button" class="themed-button themed-button-sidebar w-fit h-fit hidden" draggable="false">
                     <i class="fas fa-circle-left flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
@@ -205,7 +205,7 @@
                 <a onclick="return changeUrl('/{{ .Lang }}/user');" href="/{{ .Lang }}/user" id="sidebar-user-button" class="themed-button themed-button-sidebar w-fit h-fit hidden" draggable="false">
                     <i class="fas fa-user flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
-            </div>
+            </nav>
             <div class="theme-wheel" id="theme-wheel">
                 <div class="theme-icon" data-theme="olive"></div>
                 <div class="theme-icon" data-theme="lettuce"></div>
@@ -253,21 +253,21 @@
             <div class="bg-background-dark border-r-2 border-dashed border-main-hard"></div>
 
             <div class="max-h-full max-w-full flex flex-col grow bg-background-dark relative pt-4 ml-8 pr-4">
-                <div id="general-page-header" class="max-xs:hidden [@media(max-height:32rem)]:hidden flex flex-col basis-8"
+                <header id="general-page-header" class="max-xs:hidden [@media(max-height:32rem)]:hidden flex flex-col basis-8"
                     hx-get="/api/v1/general-page/header{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
-                </div>
+                </header>
                 <div id="general-page-header-trigger" hx-get="/api/v1/general-page/header{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="popstate from:window" hx-target="#general-page-header" hx-swap="innerHTML"></div>
 
                 <hr class="max-xs:hidden [@media(max-height:32rem)]:hidden border-t-4 border-dotted border-main-hard mb-2">
 
-                <div id="general-page-body" class="relative flex flex-col grow overflow-y-auto"
+                <main id="general-page-body" class="relative flex flex-col grow overflow-y-auto"
                     hx-get="/api/v1/general-page/body{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
-                </div>
+                </main>
                 <div id="general-page-body-trigger" hx-get="/api/v1/general-page/body{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="popstate from:window" hx-target="#general-page-body" hx-swap="innerHTML"></div>
 
-                <div id="general-page-footer" class="flex flex-row basis-4 my-1"
+                <footer id="general-page-footer" class="flex flex-row basis-4 my-1"
                     hx-get="/api/v1/general-page/footer{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="load" hx-target="this" hx-swap="innerHTML">
-                </div>
+                </footer>
                 <div id="general-page-footer-trigger" hx-get="/api/v1/general-page/footer{{ if .QueryString }}?{{ .QueryString }}{{ end }}" hx-trigger="popstate from:window" hx-target="#general-page-footer" hx-swap="innerHTML"></div>
 
                 <hr class="border-t-4 border-dotted border-main-hard mb-2">
-- 
cgit v1.3.1+13