🌟 feat: customize UI

anoff · Feb 22, 2019 · a678116 · a678116
1 parent ec1ccb4
commit a678116
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 36 deletions.
diff --git a/src/css/base.css b/src/css/base.css
@@ -1,8 +1,8 @@
 :root {
   --color-text: #222;
-  --color-navbar-bg: #0a0a0a;
-  --color-navbar-bg-focus: #000;
-  --color-navbar-text: #fff;
+  --color-navbar-bg: #f5f5f5;
+  --color-navbar-bg-focus: #c03;
+  --color-navbar-text: #404040;
 }
 
 html,
@@ -35,12 +35,14 @@ body {
   margin: 0;
 }
 
-a {
+a,
+a:visited {
+  color: #c03;
   text-decoration: none;
 }
 
 a:hover {
-  text-decoration: underline;
+  color: #f05;
 }
 
 code,
@@ -55,3 +57,7 @@ strong,
 th {
   font-weight: 500;
 }
+
+div.helptext {
+  display: none;
+}
diff --git a/src/css/breadcrumbs.css b/src/css/breadcrumbs.css
@@ -37,3 +37,12 @@ a + .crumbs {
 .crumbs li:last-of-type::after {
   content: none;
 }
+
+.crumb a,
+.crumb a:visited {
+  color: inherit;
+}
+
+.crumb a:hover {
+  color: #f05;
+}
diff --git a/src/css/doc.css b/src/css/doc.css
@@ -64,11 +64,11 @@
 
 .doc a,
 .doc a:visited {
-  color: #1565c0;
+  color: #c03;
 }
 
 .doc a:hover {
-  color: #104d92;
+  color: #f05;
 }
 
 .doc i.fa {

diff --git a/src/css/navigation-menu.css b/src/css/navigation-menu.css
@@ -51,6 +51,10 @@ html.is-clipped--nav {
   color: inherit;
 }
 
+.nav-menu a:hover {
+  color: #f05;
+}
+
 .nav-list {
   margin: 0 0 0 0.8em;
   padding: 0;

diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
@@ -1,4 +1,3 @@
 <footer class="footer">
-  <p>This page was built using the Antora default UI.</p>
-  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
-</footer>
+  <p>Original arc42 template licensed under <a href="https://raw.githubusercontent.com/arc42/arc42-template/master/LICENSE.txt">MIT</a> and modified for antora fit by <a href="https://anoff.io">Andreas Offenhaeuser</a></p>
+</footer>
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -10,34 +10,10 @@
     </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>
-          <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>
-          </div>
-        </div>
-        <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Services</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>
-          </div>
-        </div>
-        <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Resources</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>
-          </div>
-        </div>
+        <a class="navbar-item" href="{{ siteRootPath }}">Home</a>
         <div class="navbar-item">
           <span class="control">
-            <a class="button is-primary" href="#">Download</a>
+            <a class="button is-primary" href="https://github.com/anoff/antora-arc42">Find on GitHub</a>
           </span>
         </div>
       </div>