LP#1848524: start an "Evergreen Theme" for the Antora docs

Changed several values for css theming. Still need to figure out how to
padd the nav bar off of the right so the dropdown isn't cut off.

Also added links to stuff in the nav. Making it more useful.

Signed-off-by: blake <blake@mobiusconsortium.org>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>

diff --git a/docs-antora/antora.yml b/docs-antora/antora.yml
index 1d60371..471f85f 100644 (file)
--- a/docs-antora/antora.yml
+++ b/docs-antora/antora.yml
@@ -1,5 +1,5 @@
 name: docs
-title: docs
+title: Evergreen docs
 version: 'latest'
 nav:
 - modules/ROOT/nav.adoc

diff --git a/docs-antora/modules/using_staff_client/nav.adoc b/docs-antora/modules/using_staff_client/nav.adoc
index d945ccd..462e1db 100644 (file)
--- a/docs-antora/modules/using_staff_client/nav.adoc
+++ b/docs-antora/modules/using_staff_client/nav.adoc
@@ -1,7 +1,6 @@
 * Using the Browser Staff Client
 ** xref:admin:web_client-login.adoc[Logging into Evergreen]
-** xref:admin:web-client-browser-best-practices.adoc[Best Practices for Using
-the Browser]
+** xref:admin:web-client-browser-best-practices.adoc[Best Practices for Using the Browser]
 ** xref:admin:staff_client-column_picker.adoc[Column Picker]
 ** xref:admin:staff_client-recent_searches.adoc[Recent Staff Searches]
 ** xref:admin:workstation_admin.adoc[Workstation Administration]

diff --git a/docs-antora/ui/src/css/header.css b/docs-antora/ui/src/css/header.css
index c919f83..8ad3528 100644 (file)
--- a/docs-antora/ui/src/css/header.css
+++ b/docs-antora/ui/src/css/header.css
@@ -228,7 +228,7 @@ body {
 
   .navbar-end {
     justify-content: flex-end;
-    margin-left: auto;
+    margin: auto;
   }
 
   .navbar-dropdown {

diff --git a/docs-antora/ui/src/css/vars.css b/docs-antora/ui/src/css/vars.css
index 2a6f6be..28a9d5c 100644 (file)
--- a/docs-antora/ui/src/css/vars.css
+++ b/docs-antora/ui/src/css/vars.css
@@ -16,8 +16,9 @@
   --color-jet-70: #222;
   --color-jet-80: #191919;
   --color-black: #000;
+  --color-evergreen: #446129;
   /* fonts */
-  --rem-base: 18; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
+  --rem-base: 14; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
   --body-font-size: 1.0625em; /* 17px */
   --body-font-size--desktop: 1.125em; /* 18px */
   --body-font-size--print: 0.9375em; /* 15px */
@@ -32,15 +33,15 @@
   --panel-background: var(--color-smoke-30);
   --panel-border-color: var(--color-smoke-90);
   /* navbar */
-  --navbar-background: var(--color-jet-80);
-  --navbar-font-color: var(--color-white);
-  --navbar_hover-background: var(--color-black);
+  --navbar-background: var(--color-white);
+  --navbar-font-color: var(--color-evergreen);
+  --navbar_hover-background: var(--color-white);
   --navbar-button-background: var(--color-white);
   --navbar-button-border-color: var(--panel-border-color);
-  --navbar-button-font-color: var(--body-font-color);
+  --navbar-button-font-color: var(--color-evergreen);
   --navbar-menu-border-color: var(--panel-border-color);
   --navbar-menu-background: var(--color-white);
-  --navbar-menu-font-color: var(--body-font-color);
+  --navbar-menu-font-color: var(--color-evergreen);
   --navbar-menu_hover-background: var(--color-smoke-50);
   /* nav */
   --nav-background: var(--panel-background);
@@ -85,7 +86,7 @@
   --abstract-background: var(--color-smoke-70);
   --abstract-font-color: var(--color-jet-20);
   --abstract-border-color: var(--panel-border-color);
-  --admonition-background: var(--panel-background);
+  --admonition-background: #dafafa;
   --admonition-label-font-weight: var(--body-font-weight-bold);
   --caption-font-color: var(--color-gray-70);
   --caption-font-weight: var(--body-font-weight-bold);

diff --git a/docs-antora/ui/src/partials/header-content.hbs b/docs-antora/ui/src/partials/header-content.hbs
index 05ca5ef..cd08086 100644 (file)
--- a/docs-antora/ui/src/partials/header-content.hbs
+++ b/docs-antora/ui/src/partials/header-content.hbs
@@ -10,36 +10,33 @@
     </div>
     <div id="topbar-nav" class="navbar-menu">
       <div class="navbar-end">
-        <a class="navbar-item" href="#">Home</a>
         <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Products</a>
+          <a class="navbar-link" href="#">Documentation</a>
           <div class="navbar-dropdown">
-            <a class="navbar-item" href="#">Product A</a>
-            <a class="navbar-item" href="#">Product B</a>
-            <a class="navbar-item" href="#">Product C</a>
+            <a class="navbar-item" href="http://evergreen-ils.org/dokuwiki/doku.php?id=evergreen-docs:dig">Documentation Interest Group</a>
+            <a class="navbar-item" href="http://evergreen-ils.org/dokuwiki/doku.php?id=faqs:evergreen_roadmap">Evergreen Roadmap</a>
+            <a class="navbar-item" href="http://wiki.evergreen-ils.org/">Evergreen Wiki</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/eg-documentation/tabular-release-notes/">Tabular Release Notes</a>
           </div>
         </div>
         <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Services</a>
+          <a class="navbar-link" href="#">Downloads</a>
           <div class="navbar-dropdown">
-            <a class="navbar-item" href="#">Service A</a>
-            <a class="navbar-item" href="#">Service B</a>
-            <a class="navbar-item" href="#">Service C</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/trademark-policy/">Evergreen Downloads</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/opensrf-downloads/">OpenSRF Downloads</a>
           </div>
         </div>
         <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Resources</a>
+          <a class="navbar-link" href="#">About Us</a>
           <div class="navbar-dropdown">
-            <a class="navbar-item" href="#">Resource A</a>
-            <a class="navbar-item" href="#">Resource B</a>
-            <a class="navbar-item" href="#">Resource C</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/about-us/">Overview</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/about-us/annual-reports/">Annual Reports</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/frequently-anticipated-questions/">F.A.Q.</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/code-of-conduct/">Evergreen Event Code of Conduct</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/governance/">Project Governance</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/trademark-policy/">Trademark Policy</a>            
           </div>
         </div>
-        <div class="navbar-item">
-          <span class="control">
-            <a class="button is-primary" href="#">Download</a>
-          </span>
-        </div>
       </div>
     </div>
   </nav>

diff --git a/docs-antora/ui/supplemental_ui/partials/header-content.hbs b/docs-antora/ui/supplemental_ui/partials/header-content.hbs
index bdc6271..36909f5 100644 (file)
--- a/docs-antora/ui/supplemental_ui/partials/header-content.hbs
+++ b/docs-antora/ui/supplemental_ui/partials/header-content.hbs
@@ -15,19 +15,32 @@
     </div>
     <div id="topbar-nav" class="navbar-menu">
       <div class="navbar-end">
-        <a class="navbar-item" href="#">Home</a>
         <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Services</a>
+          <a class="navbar-link" href="#">Documentation</a>
           <div class="navbar-dropdown">
-            <a class="navbar-item" href="#">Service A</a>
-            <a class="navbar-item" href="#">Service B</a>
-            <a class="navbar-item" href="#">Service C</a>
+            <a class="navbar-item" href="http://evergreen-ils.org/dokuwiki/doku.php?id=evergreen-docs:dig">Documentation Interest Group</a>
+            <a class="navbar-item" href="http://evergreen-ils.org/dokuwiki/doku.php?id=faqs:evergreen_roadmap">Evergreen Roadmap</a>
+            <a class="navbar-item" href="http://wiki.evergreen-ils.org/">Evergreen Wiki</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/eg-documentation/tabular-release-notes/">Tabular Release Notes</a>
           </div>
         </div>
-        <div class="navbar-item">
-          <span class="control">
-            <a class="button is-primary" href="#">Download</a>
-          </span>
+        <div class="navbar-item has-dropdown is-hoverable">
+          <a class="navbar-link" href="#">Downloads</a>
+          <div class="navbar-dropdown">
+            <a class="navbar-item" href="https://evergreen-ils.org/trademark-policy/">Evergreen Downloads</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/opensrf-downloads/">OpenSRF Downloads</a>
+          </div>
+        </div>
+        <div class="navbar-item has-dropdown is-hoverable">
+          <a class="navbar-link" href="#">About Us</a>
+          <div class="navbar-dropdown">
+            <a class="navbar-item" href="https://evergreen-ils.org/about-us/">Overview</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/about-us/annual-reports/">Annual Reports</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/frequently-anticipated-questions/">F.A.Q.</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/code-of-conduct/">Evergreen Event Code of Conduct</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/governance/">Project Governance</a>
+            <a class="navbar-item" href="https://evergreen-ils.org/trademark-policy/">Trademark Policy</a>            
+          </div>
         </div>
       </div>
     </div>