Merge pull request #48 from star3am/feature/theme-updates

Feature/theme updates

README.md

@@ -4,7 +4,10 @@
 
 ## Overview
 
-Hashiqube is the Ultimate Hands on DevOps Lab in a Docker Container. Hashiqube has a Docker daemon inside meaning, 
+Hashiqube is the Ultimate Hands on DevOps Lab in a Docker Container.
+It can run in a Github Codespace, Locally using Vagrant or Docker Compose, or as a Virtual Machine VM on AWS, GCP and Azure.
+
+Hashiqube has a Docker daemon inside meaning, 
 we can run containers inside Hashiqube using Kubernetes (Minikube) or Nomad or Docker run. It runs all Hashicorp products. [Vault](/vault/?id=vault), [Terraform](/terraform/?id=terraform), [Nomad](/nomad/?id=nomad), [Consul](/consul/?id=consul), [Waypoint](/waypoint/?id=waypoint), [Boundary](/boundary/?id=boundary), [Vagrant](/vagrant/?id=vagrant), [Packer](/packer/?id=packer) and [Sentinel](/sentinel/?id=sentinel).
 
 It also runs a host of other popular Open Source DevOps/DevSecOps applications (Minikube, Ansible AWX Tower, Traefik etc.) showcasing how simple integration with Hashicorp products can result in tangible learnings and benefits for all its users.
@@ -18,9 +21,9 @@ Please connect with me on [LinkedIn (Riaan Nolan)](https://www.linkedin.com/in/r
 
 # Running Hashiqube
 There are a few ways of running Hashiqube depending on your needs
-* Hashiqube on Github Codespaces (You only need a Github account and can have Hashiqube up in 1 minute) __Preferred__
-* Hashiqube locally using Vagrant or Docker Compose (You need Docker and Vagrant (Optional) or Virtualbox (Optional))
-* Hashiqube on VM in a Hyperscaler (AWS, GCP or Azure)
+* [Hashiqube on Github Codespaces](/?id=hashiqube-on-github-codespaces) (You only need a Github account and can have Hashiqube up in 1 minute) __Preferred__
+* [Hashiqube locally using Vagrant or Docker](/?id=hashiqube-locally) Compose (You need Docker and Vagrant (Optional) or Virtualbox (Optional))
+* [Hashiqube on VM in a Hyperscaler](/multi-cloud/README) (AWS, GCP or Azure)
 
 ## Hashiqube on Github Codespaces
 
@@ -451,6 +454,9 @@ Videos were made with [asciinema](https://asciinema.org/)
 ## License
 HashiQube is free and available for personal use under the terms of the [BSL License](https://en.wikipedia.org/wiki/Business_Source_License).
 
+![Hashiqube Logo](images/hashiqube-logo-small.png?raw=true "Hashiqube Logo")
 ![Automate all the things](images/automate-all-the-things.png?raw=true "Automate all the things")
+![DevOps Lab Logo](images/devops-lab-logo-small.png?raw=true "DevOps Lab Logo")
+
 
 [google ads](googleads.html ':include :type=iframe width=100% height=300px')

SUMMARY.md

@@ -16,6 +16,7 @@
   * [Gitlab](gitlab/README.md)
   * [Hashicorp](hashicorp/README.md)
   * [Hashiqube](hashiqube/README.md)
+  * [Helm](helm/README.md)
   * [Jenkins](jenkins/README.md)
   * [Ldap](ldap/README.md)
   * [Localstack](localstack/README.md)

index.html

@@ -42,27 +42,39 @@
     */
     :root {
       --hashi-gradient: 90deg,
-        #ff8f28 0%,
-        #ff50a4 33%,
-        #7917b6 66%,
-        #0e71bd 100%;
-      --hashi-yellow: #ffbc0a;
-      --hashi-blue: #4c93e7;
-      --hashi-teal: #24bba3;
-      --hashi-purple: #7917b6;
-      --hashi-pink: #ff50a4;
+        #370960 0%,
+        #ea216b 10%,
+        #ff5800 20%,
+        #fefb00 30%,
+        #61e190 40%,
+        #5cdeff 50%,
+        #61e190 60%,
+        #fefb00 70%,
+        #ff5800 80%,
+        #ea216b 90%,
+        #370960 100%;
+      --hashi-blue: #5cdeff;
+      --hashi-green: #61e190;
+      --hashi-yellow: #fefb00;
+      --hashi-orange: #ff5800;
+      --hashi-pink: #ea216b;
+      --hashi-purple: #370960;
     }
 
     .yellow {
       background: var(--hashi-yellow);
     }
 
+    .orange {
+      background: var(--hashi-orange);
+    }
+
     .blue {
       background: var(--hashi-blue);
     }
 
-    .teal {
-      background: var(--hashi-teal);
+    .green {
+      background: var(--hashi-green);
     }
 
     .purple {
@@ -88,7 +100,7 @@
     }
 
     .app-name-link img:hover {
-      transform: scale(1.2);
+      transform: scale(1.3);
     }
 
     .sidebar-nav ul ul,
@@ -154,6 +166,7 @@
     }
 
     #docsify-darklight-theme {
+      background-color: #000000;
       background-repeat: no-repeat;
       background-size: 30px;
       background-position: center;
@@ -215,7 +228,7 @@
       height: 70px;
       margin-left: -12px;
       overflow: hidden;
-      background: var(--hashi-yellow);
+      background: var(--hashi-purple);
       z-index: 100;
       box-sizing: border-box;
       padding: 8px 0 0 5px;
@@ -270,8 +283,8 @@
   <!-- End Google Tag Manager (noscript) -->
   <div class="header"><img title="HashiQube - DevOps Lab" alt="HashiQube - DevOps Lab" src="/images/hashiqube-banner.png"></div>
   <div class="hasinav">
-    <a href="https://www.youtube.com/@hashiqube/featured" target="_blank" class="qube teal"><img src="/images/youtube-logo.svg" border="0" alt="Youtube Channel" title="Youtube Channel"></a>
-    <a href="https://medium.com/search?q=hashiqube" target="_blank" class="qube yellow"><img src="/images/medium-logo.svg" border="0" alt="Medium Posts" title="Medium Posts"></a>
+    <a href="https://www.youtube.com/@hashiqube/featured" target="_blank" class="qube yellow"><img src="/images/youtube-logo.svg" border="0" alt="Youtube Channel" title="Youtube Channel"></a>
+    <a href="https://medium.com/search?q=hashiqube" target="_blank" class="qube green"><img src="/images/medium-logo.svg" border="0" alt="Medium Posts" title="Medium Posts"></a>
     <a href="https://www.linkedin.com/in/riaannolan/" target="_blank" class="qube blue"><img src="/images/linkedin-logo.png" border="0" alt="Riaan Nolan Linkedin" title="Riaan Nolan Linkedin"></a>
     <a href="https://www.hashicorp.com/ambassadors/directory?q=riaan" target="_blank" class="qube pink"><img src="/images/hashicorp-logo.svg" border="0" alt="Riaan Nolan Hashicorp Ambassador" title="Riaan Nolan Hashicorp Ambassador"></a>
   </div>
@@ -332,7 +345,7 @@
         siteFont: "PT Sans",
         defaultTheme: 'light',
         codeFontFamily: 'Roboto Mono, Monaco, courier, monospace',
-        bodyFontSize: '17px',
+        bodyFontSize: '18px',
         dark: {
           accent: '#8be9fd',
           toggleBackground: '#f8f8f2',