miki

commit 861009e8f6898a4dc5ae125e717351a0ff19e9d3
parent 9882dee6c3413d794994f0e09ce454f21140cf7b
Author: weetat <wtenison@protonmail.com>
Date:   Wed,  9 Apr 2025 01:26:08 +0000

Cleaned up header UI components

Diffstat:
M
web/global/styles/styles.css
 | 
4
++++
M
web/global/templates/header.tmpl.html
 | 
8
++++----
M
web/home/index.html
 | 
2
+-
M
web/home/script.js
 | 
2
+-
M
web/subject/index.html
 | 
4
++--
M
web/subject/script.js
 | 
5
+++++

6 files changed, 17 insertions(+), 8 deletions(-)
diff --git a/web/global/styles/styles.css b/web/global/styles/styles.css
@@ -295,6 +295,10 @@
         margin-top: 0.25rem;
         font-size: 0.75em;
     }
+
+    .__bttn:hover {
+        color: var(--fmd_color__theme-inverse)
+    }
 }
 
 @layer modifier {
diff --git a/web/global/templates/header.tmpl.html b/web/global/templates/header.tmpl.html
@@ -1,8 +1,8 @@
 {{define "header"}}
 <header class="--center-on-body">
 
-    <div id="header-title" class="_content_"><span id="site-name"><i>miki.wtenison</i> :</span>
-        <span class="--set-size_font-to-screen"><b>{{.}}</b></span>
+    <div id="header-title" class="_content_"><span id="site-name"><i>miki.wtenison</i></span>
+        <span id="site-page" class="--set-size_font-to-screen">{{.}}</span>
     </div>
 
     <nav id="header-nav-view" class="__view __mcol">
@@ -11,8 +11,8 @@
             <button type="button" class="_collapsible-toggle_">MENU</button>
             <div class="_collapsible-content-view_">
                 <div class="__mlist">
-                    <a class="_content_ __border --bg_theme" href="https://miki.wtenison.com/home">Home</a>
-                    <a class="_content_ __border --bg_theme" href="https://wtenison.com">Portal
+                    <a class="_content_ __border __bttn --bg_theme" href="https://miki.wtenison.com/home">Home</a>
+                    <a class="_content_ __border __bttn --bg_theme" href="https://wtenison.com">Portal
                         <span class="__descriptor --set-size_half-font">(<b>WTENISON.COM</b>)
                         </span>
                     </a>
diff --git a/web/home/index.html b/web/home/index.html
@@ -10,7 +10,7 @@
 
 <body>
 
-    {{template "header" "HOME"}}
+    {{template "header" "<b>HOME</b>"}}
 
     <aside id="left-sidebar-view"></aside>
 
diff --git a/web/home/script.js b/web/home/script.js
@@ -8,7 +8,7 @@ WebAssembly.instantiateStreaming(fetch("web/global/fmd/fmd.wasm"), go.importObje
 
         _homePageContent = document.getElementById("home-page-view").getElementsByClassName("_content_")[0]
 
-        loadFMDFileHTML("https://test.wtenison.com/data/fmd/home.fmd", _homePageContent)
+        loadFMDFileHTML("https://miki.wtenison.com/data/fmd/home.fmd", _homePageContent)
 
     })
     .catch(err => console.error('_ERROR:instantiateStreaming:failed to load WASM:', err));
 \ No newline at end of file
diff --git a/web/subject/index.html b/web/subject/index.html
@@ -10,14 +10,14 @@
 
 <body>
 
-    {{template "header" .FileName}}
+    {{template "header"}}
 
     <aside id="left-sidebar-view"></aside>
 
     <main class="--center-on-body">
 
         <div id="subject-view" class="__view">
-            <div class="_content_">{{.FileText}}</div>
+            <div class="_content_"></div>
         </div>
 
     </main>
diff --git a/web/subject/script.js b/web/subject/script.js
@@ -5,14 +5,19 @@ const go = new global.Go();
 WebAssembly.instantiateStreaming(fetch("web/global/fmd/fmd.wasm"), go.importObject)
     .then((result) => {
         go.run(result.instance);
+
+        _pageSubjectTitle = document.getElementById("site-page")
+
         _subjectView = document.getElementById("subject-view")
         _subjectContent = _subjectView.getElementsByClassName("_content_")[0]
 
         _urlParams = new URLSearchParams(window.location.search);
         const _subject = _urlParams.get("s");
         if (_subject == "") {
+            _pageSubjectTitle.innerHTML = "N/A"
             _subjectContent.innerHTML = "No subject specified"
         } else {
+            _pageSubjectTitle.innerHTML = "<b>" + _subject + "</b>"
             loadFMDFileHTML("https://test.wtenison.com/data/fmd/" + _subject + ".fmd", _subjectContent)
         }
     })