Update header styling a bit including the logo.

gjong · gjong · commit 0c9659f4b3ce · 2025-02-27T15:18:36.000+01:00
diff --git a/docs/_layouts/api-doc.html b/docs/_layouts/api-doc.html
@@ -15,9 +15,12 @@
 <body>
 <header>
     <div class="container">
-        <a href="/">
-            Pledger<span style="color: rgba(106,105,105,0.8)">.io</span> documentation
-        </a>
+        <span>
+            <img src="{{"/images/logo.png" | relative_url }}" style="height: 2rem" />
+            <a href="/">
+                Pledger<span style="color: rgba(106,105,105,0.8)">.io</span> documentation
+            </a>
+        </span>
         <a class="source" href="https://github.com/pledger-io/build-tooling/releases/tag/{{ site.release.version }}"
            title="Go to the repository" target="_blank">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="35">
diff --git a/docs/_layouts/landing.html b/docs/_layouts/landing.html
@@ -27,7 +27,7 @@ <h1>{{ site.title }}</h1>
     <div class="container">
         <div class="buttons">
             <a href="/home">Documentation</a>
-            <a href="https://github.com/pledger-io">Contact</a>
+            <a href="/concepts/support.html">Contact</a>
             <a href="/how-to/installation/docker.html">Download</a>
         </div>
         <p>&copy; <a href="mailto:pledger-io@jong-soft.com">Pledger.io</a></p>
diff --git a/docs/_layouts/section.html b/docs/_layouts/section.html
@@ -13,9 +13,12 @@
 <body>
 <header>
     <div class="container">
-        <a href="/">
-            Pledger<span style="color: rgba(106,105,105,0.8)">.io</span> documentation
-        </a>
+        <span>
+            <img src="{{"/images/logo.png" | relative_url }}" style="height: 2rem" />
+            <a href="/">
+                Pledger<span style="color: rgba(106,105,105,0.8)">.io</span> documentation
+            </a>
+        </span>
         <a class="source" href="https://github.com/pledger-io/build-tooling/releases/tag/{{ site.release.version }}"
            title="Go to the repository" target="_blank">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="35">
diff --git a/docs/images/css/section-layout/_header.scss b/docs/images/css/section-layout/_header.scss
@@ -10,9 +10,15 @@ $base-color: rgb(29 77 116);
     align-items: center;
     justify-content: space-between;
 
-    & > a {
-      color: rgb(255, 255, 255);
-      text-decoration: none;
+    & > span {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+
+      & > a {
+        color: rgb(255, 255, 255);
+        text-decoration: none;
+      }
     }
 
     .source {
@@ -24,6 +30,8 @@ $base-color: rgb(29 77 116);
 
       text-decoration: none;
 
+      font-size: .8rem;
+
       &:hover {
         opacity: .8;
       }
diff --git a/docs/images/css/section.scss b/docs/images/css/section.scss
@@ -24,7 +24,7 @@ body {
 
   & > nav {
     background-color: lighten($base-color, 2%);
-    padding: .3rem 0 .5rem 0;
+    padding: .75rem 0;
     font-size: .75em;
 
     .container {
