up to bootstrap 5.3

moosetechnology · Oct 11, 2023 · 3c1b3f3 · 3c1b3f3
1 parent a121249
commit 3c1b3f3
Show file tree

Hide file tree

Showing 15 changed files with 17,987 additions and 16,816 deletions.
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -1,29 +1,43 @@
 <!-- Navigation -->
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
-  <div class="container">
-    <a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}</a>
-    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+  <div class="container-fluid d-flex justify-content-evenly">
+    <a class="navbar-brand" href="{{" /" | relative_url }}">
+      <img src="/img/moose-logo.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">
+      {{ site.title | escape }}
+    </a>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="offcanvas"
+      data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-expanded="false"
+      aria-label="Toggle navigation">
       Menu
       <i class="fa fa-bars"></i>
     </button>
-    <div class="collapse navbar-collapse" id="navbarResponsive">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a class="nav-link" href="{{"/" | relative_url }}">Home</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="{{"/moose-wiki" | relative_url }}">Moose Wiki</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="{{ "/posts" | relative_url }}">Posts</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="{{ "/research" | relative_url }}">Research</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="{{ "/about" | relative_url }}">About</a>
-        </li>
-      </ul>
+    <div>
+    <div class="offcanvas offcanvas-end" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+      </div>
+
+      <div class="offcanvas-body">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item">
+            <a class="nav-link" href="{{" /" | relative_url }}">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{" /moose-wiki" | relative_url }}">Moose Wiki</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ " /posts" | relative_url }}">Posts</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ " /research" | relative_url }}">Research</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ " /about" | relative_url }}">About</a>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
-</nav>
+  </div>
+</nav>
diff --git a/_sass/styles.scss b/_sass/styles.scss
@@ -183,4 +183,17 @@ li {
   }
 }
 
+.masthead {
+  .container {
+    position: inherit;
+    z-index: 1; 
+  }
+}
+
+.post-preview {
+  a {
+    text-decoration: none;
+  }
+}
+
 @import "copy-from-codeblocks.scss";