Switch "Examples" to "Tutorials"

Author: goerz

docs/src/assets/topbar/topbar.css

@@ -6,7 +6,7 @@ html {
 #topbar-nav {
     width: 100%;
     height: var(--navbar-height);
-    z-index: 10;
+    z-index: 100;
     padding: 0 1rem;
     position: sticky;
     display: flex;
@@ -61,6 +61,7 @@ html {
     padding: 0 0.75rem;
     line-height: var(--navbar-height);
     font-size: 16px;
+    font-weight: 400;
     display: inline-block;
     margin: 0;
 }
@@ -75,7 +76,7 @@ html {
 }
 
 #topbar-nav .nav-expanded .dropdown-label {
-    text-decoration: underline;
+    text-decoration: none;
 }
 
 #topbar-nav .dropdown-label::after {
@@ -108,6 +109,8 @@ html {
     position: absolute;
     display: none;
     width: 16rem;
+    margin-block-start: 0;
+    margin-block-end: 0;
 }
 
 #topbar-nav .nav-dropdown-container .nav-item:hover {
@@ -131,6 +134,7 @@ html {
 }
 
 #topbar-nav a.nav-link {
+    text-decoration-line: none;
     color: #ccc;
 }
 

docs/src/assets/topbar/topbar.js

@@ -7,6 +7,8 @@ document.addEventListener("DOMContentLoaded", function() {
         if (match && match[1]) {
             name = match[1];
             name = name.concat(".jl");
+        } else {
+            name = content
         }
     }
     var footerMessageElement = document.querySelector('p.footer-message');
@@ -28,7 +30,7 @@ document.addEventListener("DOMContentLoaded", function() {
     var dropdownItems = packages.map(function(packageName) {
         return `<a class="nav-link nav-item ${name === packageName ? 'current' : ''}" href="https://juliaquantumcontrol.github.io/${packageName}/${suffix}">${packageName}</a>`;
     }).join('');
-    var isSecondaryPackage = !(name === "QuantumControl.jl" || name === "QuantumPropagators.jl" || name.includes('Examples'));
+    var isSecondaryPackage = !(name === "QuantumControl.jl" || name === "QuantumPropagators.jl" || name.includes('Tutorials'));
     var navElement = document.createElement('nav');
     navElement.id = "topbar-nav";
     navElement.innerHTML = `
@@ -44,7 +46,7 @@ document.addEventListener("DOMContentLoaded", function() {
           </div>
           <a class="nav-link nav-item ${name === 'QuantumPropagators.jl' ? 'current' : ''}" href="${name === 'QuantumPropagators.jl' ? '' : 'https://juliaquantumcontrol.github.io/QuantumPropagators.jl/' + suffix}">QuantumPropagators.jl</a>
           <a class="nav-link nav-item ${name === 'QuantumControl.jl' ? 'current' : ''}" href="${name === 'QuantumControl.jl' ? '' : 'https://juliaquantumcontrol.github.io/QuantumControl.jl/' + suffix}">QuantumControl.jl</a>
-          <a class="nav-link nav-item ${name.includes('Examples') ? 'current' : ''}" href="${name.includes('Examples') ? '' : 'https://juliaquantumcontrol.github.io/QuantumControlExamples.jl/' + suffix}">Examples</a>
+          <a class="nav-link nav-item ${name.includes('Tutorials') ? 'current' : ''}" href="${name.includes('Tutorials') ? '' : 'https://juliaquantumcontrol.github.io/Tutorials/'}">Tutorials</a>
         </div>
         <button id="multidoc-toggler">
             <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">