feat: use semantic html tags for pages

3 files changed, 14 insertions, 14 deletions

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">
diff --git a/views/pages/blog-page.html b/views/pages/blog-page.html
index c81406f..3fc4526 100644
--- a/views/pages/blog-page.html
+++ b/views/pages/blog-page.html
@@ -1,12 +1,12 @@
 {{ define "body" }}
 <div class="absolute w-full h-full inset-0 inset-shadow-[0_0_0.4rem_black] pointer-events-none z-20"></div>
-<div class="relative bg-background-light flex flex-col px-8 py-4 overflow-y-auto">
-    <p class="max-xs:block [@media(max-height:32rem)]:block hidden font-andika text-2xl font-bold italic text-main-hard tracking-[.0125rem] mb-1">{{ .Title }}</p>
+<article class="relative bg-background-light flex flex-col px-8 py-4 overflow-y-auto">
+    <h1 class="max-xs:block [@media(max-height:32rem)]:block hidden font-andika text-2xl font-bold italic text-main-hard tracking-[.0125rem] mb-1">{{ .Title }}</h1>
     <p class="block grow text-lg font-andika text-secondary">
         <b>{{ .L.Metadata.Published }}</b>: 
-        <span hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="this" hx-swap="innerHTML" hx-trigger="load">
+        <time datetime="{{ .PublishedDate }}" hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="this" hx-swap="innerHTML" hx-trigger="load">
             {{ .PublishedDate }}
-        </span>
+        </time>
     </p>
     <p class="block grow text-lg font-andika text-secondary"><b>{{ .L.Metadata.Action }}</b>: {{ .ActionDate }}</p>
     <p class="block grow text-md font-andika italic text-main-hard">{{ .ShortDescription }}</p>
@@ -60,7 +60,7 @@
         });
     </script>
 {{- end }}
-</div>
+</article>
 {{ end }}
 
 {{ define "header" }}
diff --git a/views/partials/general-page-header.html b/views/partials/general-page-header.html
index e019d3b..ac536d7 100644
--- a/views/partials/general-page-header.html
+++ b/views/partials/general-page-header.html
@@ -1,5 +1,5 @@
 <title>{{ .Title }} // SAYA TODAY</title>
 <div class="flex flex-row mb-2">
     {{ block "header" . }}{{ end }}
-    <p class="text-4xl font-andika font-light italic text-shadow-[0_2px_2px_var(--main-soft-color)] text-left my-auto">{{ .Title }}</p>
+    <h1 class="text-4xl font-andika font-light italic text-shadow-[0_2px_2px_var(--main-soft-color)] text-left my-auto">{{ .Title }}</h1>
 </div>
\ No newline at end of file