Update nav buttons and add css

_config.yml

@@ -1,4 +1,5 @@
 remote_theme: pages-themes/[email protected]
 plugins:
 - jekyll-remote-theme # add this line to the plugins list if you already have one
-name: Git internals 
+name: Git internals 
+show_downloads: true

_layouts/default.html

@@ -17,12 +17,17 @@
     <div id="header">
         <nav>
           <ul>
-            <li class="fork"><a href="{{ site.github.repository_url }}">View On GitHub</a></li>
-            <!-- {% if site.show_downloads %} -->
+            <li class="fork">
+                <a href="{{ site.github.repository_url }}">View On GitHub</a>
+            </li>
+            <li class="nav-btn">
+                <a href="https://bruswei.github.io/git-workshop-24/">Home</a>
+            </li>
+            {% if site.show_downloads %}
               <li class="downloads"><a href="{{ site.github.zip_url }}">ZIP</a></li>
               <li class="downloads"><a href="{{ site.github.tar_url }}">TAR</a></li>
               <li class="title">DOWNLOADS</li>
-            <!-- {% endif %} -->
+            {% endif %}
           </ul>
         </nav>
       </div><!-- end header -->

assets/css/style.scss

@@ -1,4 +1,32 @@
 ---
 ---
 
-@import "jekyll-theme-midnight";
+@import "jekyll-theme-midnight";
+
+#header nav ul {
+    display: flex;
+    justify-content: space-between;
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+  }
+
+  #header nav ul li.fork {
+    flex: 1;
+    text-align: left;
+  }
+
+  #header nav ul li.nav-btn {
+    flex: 1;
+    text-align: right;
+  }
+
+  /* Add any additional styling you need for the links here */
+  #header nav ul li a {
+    display: inline-block;
+    /* other styles like padding, margin, color, etc. */
+  }
+
+  #header nav {
+    background-color: #353535; /* This will remove any background color */
+  }

index.md

@@ -1,5 +1,6 @@
 ---
 layout: default
+title: Git workshop Booster 2024
 ---
 
 ## About this Workshop