add hidden h1, img alt, and change meta desc on msg model for seo

ansonl · ansonl · commit b53092585cc1 · 2025-03-16T23:45:25.000-07:00
diff --git a/css/style.css b/css/style.css
@@ -2,6 +2,10 @@
 /* https://stackoverflow.com/a/10801889/761902 */
 html.wait, html.wait * { cursor: progress !important; }
 
+h1 {
+  display: none;
+}
+
 #main-container {
   padding-left: 0pt;
   padding-right: 0pt;
diff --git a/index.html b/index.html
@@ -25,6 +25,7 @@
 </head>
 
 <body>
+  <h1>NAVADMIN Viewer</h1>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <a class="navbar-brand" href="#">
       <img src="assets/navadmin_transparent_512.png" width="30" height="30" alt="NAVADMIN Viewer">
@@ -90,7 +91,7 @@
             <td>
               <div class="stats-box">
                 <p>★</p>
-                <p><img src="assets/eye.svg"></p>
+                <p><img src="assets/eye.svg" alt="views"></p>
               </div>
             </td>
           </tr>
@@ -100,7 +101,7 @@
     <footer class="pt-4 my-sm-5 pt-sm-5 border-top">
       <div class="row">
         <div class="col-12 col-sm">
-          <img class="mb-2" src="assets/navadmin_transparent_512.png" alt="" width="30" height="30">
+          <img class="mb-2" src="assets/navadmin_transparent_512.png" alt="navadmin icon" width="30" height="30">
           <small class="d-block mb-3 text-muted">All original code is © 2020 Anson Liu</small>
         </div>
         <div class="col-6 col-sm">
diff --git a/js/custom.js b/js/custom.js
@@ -521,6 +521,8 @@ function showMessageModal(msgType, msgYear, msgNumber, title, body) {
     });
   }
 
+  document.querySelector('meta[name="description"]').setAttribute("content", title);
+
   sendViewActivity(msgType, msgYear, msgNumber);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -521,6 +521,8 @@ function showMessageModal(msgType, msgYear, msgNumber, title, body) {`
`521`	`521`	`});`
`522`	`522`	`}`
`523`	`523`
	`524`	`+ document.querySelector('meta[name="description"]').setAttribute("content", title);`
	`525`	`+`
`524`	`526`	`sendViewActivity(msgType, msgYear, msgNumber);`
`525`	`527`	`}`
`526`	`528`