icon chars, usability / cosmetic minor fix

1 files changed, 52 insertions, 14 deletions

diff --git a/src/doc_reform/io_out/metadata.d b/src/doc_reform/io_out/metadata.d
index 2745237..1ac7350 100644
--- a/src/doc_reform/io_out/metadata.d
+++ b/src/doc_reform/io_out/metadata.d
@@ -60,7 +60,7 @@ template outputMetadata() {
         <div class="flex-menu-option">
           <!-- SiSU Spine Search -->
           <form action="%s" target="_top" method="POST" accept-charset="UTF-8" id="searchtxt">
-          &nbsp;&nbsp;<font size="2">&#x1f50e;&nbsp;
+          &nbsp;&nbsp;<font size="2">%s&nbsp;
           <input type="text" name="sf" size="24" maxlength="255">%s
           <input type="hidden" name="sml" value="1000">
           <input type="hidden" name="ec" value="on">
@@ -86,6 +86,11 @@ template outputMetadata() {
         doc_matters.conf_make_meta.conf.w_srv_cgi_action,
         (doc_matters.conf_make_meta.conf.w_srv_db_sqlite_filename.empty)
           ? ""
+          : "\n    <a href=\""
+            ~ doc_matters.conf_make_meta.conf.w_srv_cgi_action
+            ~ "\">&#x1f50e;&nbsp;</a>",
+        (doc_matters.conf_make_meta.conf.w_srv_db_sqlite_filename.empty)
+          ? ""
           : "\n    <input type=\"hidden\" name=\"db\" value=\""
             ~ doc_matters.conf_make_meta.conf.w_srv_db_sqlite_filename
             ~ "\">",
@@ -134,6 +139,18 @@ string theme_dark_0 = format(q"┃
     color                    : #888888;
     text-decoration          : underline;
   }
+  a.lnkicon:link {
+    text-decoration          : none;
+  }
+  a.lnkicon:visited {
+    text-decoration          : none;
+  }
+  a.lnkicon:hover {
+    font-size                : 160%%;
+  }
+  a:hover img {
+    background-color         : #FFFFFF;
+  }
   input {
     color                    : #FFFFFF;
     background-color         : #777777;
@@ -164,6 +181,18 @@ string theme_light_0 = format(q"┃
     color                    : #003399;
     text-decoration          : underline;
   }
+  a.lnkicon:link {
+    text-decoration          : none;
+  }
+  a.lnkicon:visited {
+    text-decoration          : none;
+  }
+  a.lnkicon:hover {
+    font-size                : 160%%;
+  }
+  a:hover img {
+    background-color         : #FFFFFF;
+  }
   input {
     color                    : #000000;
     background-color         : #FFFFFF;
@@ -265,6 +294,15 @@ string theme_light_1 = format(q"┃
     margin-right             : 6px;
     text-align               : left;
   }
+  p.icons, .icons_center {
+    font-size                : 100%%;
+    margin-top               : 0px;
+    margin-bottom            : 0px;
+    margin-right             : 6px;
+  }
+  p.icons {
+    text-align               : left;
+  }
   p.lev0 {
     font-size                : 120%%;
     margin-left              : 1em;
@@ -388,9 +426,9 @@ string theme_light_1 = format(q"┃
     ┃");
     metadata_ ~= "<div class=\"flex-menu-bar\"><div class=\"flex-menu-option\">";
     if (doc_matters.opt.action.html_link_curate) {
-      metadata_ ~= format(q"┃<p>[<a href="%s">&nbsp;<b>⟰</b>&nbsp;HOME&nbsp;</a>&nbsp;|&nbsp;<a href="../../index.html">&nbsp;≅&nbsp;Collection&nbsp;</a>]&nbsp;&nbsp;[
-       <a href="../../authors.html">&nbsp;&#x1F58B;&nbsp;Authors&nbsp;</a> |
-       <a href="../../topics.html">&nbsp;⌘&nbsp;Topics&nbsp;</a>]</p>
+      metadata_ ~= format(q"┃<p class="icons">[<a href="%s" class="lnkicon">&nbsp;<b>⟰</b>&nbsp;HOME&nbsp;</a>&nbsp;|&nbsp;<a href="../../index.html" class="lnkicon">&nbsp;≅&nbsp;Collection&nbsp;</a>]&nbsp;&nbsp;[
+       <a href="../../authors.html" class="lnkicon">&nbsp;&#x1F58B;&nbsp;Authors&nbsp;</a> |
+       <a href="../../topics.html" class="lnkicon">&nbsp;⌘&nbsp;Topics&nbsp;</a>]</p>
     ┃",
     (doc_matters.opt.action.webserver_url_doc_root.length > 0)
       ? doc_matters.opt.action.webserver_url_doc_root
@@ -398,7 +436,7 @@ string theme_light_1 = format(q"┃
       , // HOME index.html equivalent _cfg.www_url_doc_root,
     );
     } else {
-      metadata_ ~= format(q"┃<p>[<a href="../../../index.html">&nbsp;≅&nbsp;<b>HOME</b>&nbsp;</a>&nbsp;<a href="../../index.html">&nbsp;≅&nbsp;Collection&nbsp;</a>]
+      metadata_ ~= format(q"┃<p class="icons">[<a href="../../../index.html" class="lnkicon">&nbsp;≅&nbsp;<b>HOME</b>&nbsp;</a>&nbsp;<a href="../../index.html" class="lnkicon">&nbsp;≅&nbsp;Collection&nbsp;</a>]
     ┃");
     }
     metadata_ ~= "</div>" ~ inline_search_form(doc_matters) ~ "</div><hr />";
@@ -436,35 +474,35 @@ string theme_light_1 = format(q"┃
     }
     metadata_ ~= "<hr /><p class=\"lev1\">source: "      ~ doc_matters.src.filename_base ~ "</p>";
     if (doc_matters.opt.action.html_link_markup_source) {
-      metadata_ ~= "<p class=\"lev1\">●&nbsp;&nbsp;markup source:&nbsp;&nbsp;the&nbsppod&nbsp[<a href=\"../../" ~ pth_pod.internal_base ~ "/" ~ doc_matters.src.filename_base ~ ".zip\">"
+      metadata_ ~= "<p class=\"lev1\">●&nbsp;&nbsp;markup source:&nbsp;&nbsp;the&nbsppod&nbsp[<a href=\"../../" ~ pth_pod.internal_base ~ "/" ~ doc_matters.src.filename_base ~ ".zip\" class=\"lnkicon\">"
                    ~ "&nbsp;🫛&nbsp;zipped&nbsp;</a>|&nbsp;"
-                   ~ "<a href=\"../../" ~ pth_pod.internal_base ~ "/" ~ doc_matters.src.filename_base ~ "/\">"
+                   ~ "<a href=\"../../" ~ pth_pod.internal_base ~ "/" ~ doc_matters.src.filename_base ~ "/\" class=\"lnkicon\">"
                    ~ "&nbsp;🫛&nbsp;tree&nbsp;</a>]&nbsp;";
     }
-    metadata_ ~= "<p class=\"lev1\">●&nbsp;&nbsp;outputs:&nbsp;&nbsp;[&nbsp;html:&nbsp;<a href=\""    ~ doc_matters.src.filename_base ~ ".html\">"
+    metadata_ ~= "<p class=\"lev1\">●&nbsp;&nbsp;outputs:&nbsp;&nbsp;[&nbsp;html:&nbsp;<a href=\""    ~ doc_matters.src.filename_base ~ ".html\" class=\"lnkicon\">"
                  ~ "&nbsp;▤&nbsp;scroll&nbsp;</a>&nbsp;"
-                 ~ "|<a href=\""    ~ doc_matters.src.filename_base ~ "/toc.html\">"
+                 ~ "|<a href=\""    ~ doc_matters.src.filename_base ~ "/toc.html\" class=\"lnkicon\">"
                  ~ "&nbsp;※&nbsp;seg&nbsp;</a>]&nbsp;&nbsp;&nbsp;"
-                 ~ "[<a href=\"../../" ~ pth_epub.internal_base ~ "/" ~ doc_matters.src.filename_base ~ "." ~ doc_matters.src.language ~ ".epub\">"
+                 ~ "[<a href=\"../../" ~ pth_epub.internal_base ~ "/" ~ doc_matters.src.filename_base ~ "." ~ doc_matters.src.language ~ ".epub\" class=\"lnkicon\">"
                  ~ "&nbsp;◆&nbsp;epub&nbsp;</a>]&nbsp;&nbsp;&nbsp;";
     if ((doc_matters.opt.action.html_link_pdf) || (doc_matters.opt.action.html_link_pdf_a4)) {
       metadata_ ~=  "[&nbsp;pdf:&nbsp;<a href=\"../../pdf/"
                  ~ doc_matters.src.filename_base
-                 ~ "." ~ doc_matters.src.language ~ ".a4.portrait.pdf\">"
+                 ~ "." ~ doc_matters.src.language ~ ".a4.portrait.pdf\" class=\"lnkicon\">"
                  ~ "&nbsp;□&nbsp;a4&nbsp;</a>&nbsp"
                  ~ "|<a href=\"../../pdf/"
                  ~ doc_matters.src.filename_base
-                 ~ "." ~ doc_matters.src.language ~ ".letter.portrait.pdf\">"
+                 ~ "." ~ doc_matters.src.language ~ ".letter.portrait.pdf\" class=\"lnkicon\">"
                  ~ "&nbsp;□&nbsp;U.S.&nbsp;letter&nbsp;</a>]&nbsp";
     } else if (doc_matters.opt.action.html_link_pdf_a4) {
       metadata_ ~=  "[<a href=\"../../pdf/"
                  ~ doc_matters.src.filename_base
-                 ~ "." ~ doc_matters.src.language ~ ".a4.portrait.pdf\">"
+                 ~ "." ~ doc_matters.src.language ~ ".a4.portrait.pdf\" class=\"lnkicon\">"
                  ~ "&nbsp;□&nbsp;pdf&nbsp;(a4)&nbsp;</a>]&nbsp";
     } else if (doc_matters.opt.action.html_link_pdf_letter) {
       metadata_ ~=  "[<a href=\"../../pdf/"
                  ~ doc_matters.src.filename_base
-                 ~ "." ~ doc_matters.src.language ~ ".letter.portrait.pdf\">"
+                 ~ "." ~ doc_matters.src.language ~ ".letter.portrait.pdf\" class=\"lnkicon\">"
                  ~ "&nbsp;□&nbsp;pdf&nbsp;(U.S.&nbsp;letter)&nbsp;</a>]&nbsp";
     }
     metadata_ ~=  "</p>";