Initial Evergreen-ized Antora UI

Signed-off-by: blake <blake@mobiusconsortium.org>

diff --git a/package.json b/package.json
index 8a6073b..0d05cae 100644 (file)
--- a/package.json
+++ b/package.json
@@ -53,5 +53,8 @@
     "typeface-roboto-mono": "0.0.75",
     "vinyl-buffer": "~1.0",
     "vinyl-fs": "~3.0"
+  },
+  "scripts": {
+    "gulp-bundle": "gulp bundle"
   }
 }

diff --git a/src/css/footer.css b/src/css/footer.css
index 6521947..de01cda 100644 (file)
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -13,3 +13,18 @@ footer.footer {
 .footer a {
   color: var(--footer-link-font-color);
 }
+
+.article-footer {
+  width: 100%;
+}
+
+.article-footer .article-footer-next {
+  float: right;
+  width: 35%;
+  text-align: right;
+}
+
+.article-footer .article-footer-previous {
+  float: left;
+  width: 35%;
+}

diff --git a/src/css/vars.css b/src/css/vars.css
index 2a6f6be..9e92403 100644 (file)
--- a/src/css/vars.css
+++ b/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: 16; /* 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/src/partials/article.hbs b/src/partials/article.hbs
index 11a5117..293f7ac 100644 (file)
--- a/src/partials/article.hbs
+++ b/src/partials/article.hbs
@@ -13,5 +13,13 @@ If you typed the URL of this page manually, please double check that you entered
 <h1 class="page">{{{page.title}}}</h1>
 {{/if}}
 {{{page.contents}}}
+<div class="article-footer">
+    <div class="article-footer-previous">
+        <a href="{{site.path}}{{page.previous.url}}">Previous</a>
+    </div>
+    <div class="article-footer-next">
+        <a href="{{site.path}}{{page.next.url}}">Next</a>
+    </div>
+</div>
 {{/if}}
 </article>

diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
index 05ca5ef..a7d73d4 100644 (file)
--- a/src/partials/header-content.hbs
+++ b/src/partials/header-content.hbs
@@ -10,37 +10,39 @@
     </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>
+    {{#if env.DOCSEARCH_ENABLED}}
+        <div class="navbar-item">
+          <input id="search-input" type="text" placeholder="Search docs">
+        </div>
+      {{/if}}
   </nav>
 </header>

diff --git a/src/partials/toolbar.hbs b/src/partials/toolbar.hbs
index f487144..b0179cf 100644 (file)
--- a/src/partials/toolbar.hbs
+++ b/src/partials/toolbar.hbs
@@ -5,9 +5,12 @@
   {{/if}}
 {{> breadcrumbs}}
 {{> page-versions}}
+  <!--
+    Removing the edit link until we have these docs on master/rel branches
   {{#if (and page.fileUri (not env.CI))}}
   <div class="edit-this-page"><a href="{{page.fileUri}}">Edit this Page</a></div>
   {{else if (and page.editUrl (not page.origin.private))}}
   <div class="edit-this-page"><a href="{{page.editUrl}}">Edit this Page</a></div>
   {{/if}}
+  -->
 </div>