Commit 84fafac2 authored by Erik Faye-Lund's avatar Erik Faye-Lund
Browse files

upgrade bootstrap to v5.0.2



Now that Bootstrap has released the v5 series, let's upgrade.

Some noticable changes:
- A bit wider max-size for the main container, which is nice for bigger
  screens. This is due to the introduction of the xxl breakpoint.
- The dark navbar is a bit darker than before. This is a part of a
  general refresh of the Bootstrap palette. If wanted, we could avoid
  using the built-in colors and pick ourselves. But it's easier to just
  stick to the default, so that's what I'm doing for now ;)
- No more jQuery usage. This should save a nice amount of bandwidth.
Acked-by: Eric Engestrom's avatarEric Engestrom <eric@engestrom.ch>
parent 6a80de85
Pipeline #379983 passed with stages
in 17 seconds
......@@ -7,7 +7,7 @@ outputs:
CustomCSS: /assets/home.css
---
<h2 class="collapsed d-xl-none" data-toggle="collapse" data-target="#apis-collapse" aria-expanded="false" aria-controls="apis-collapse">
<h2 class="collapsed d-xl-none" data-bs-toggle="collapse" data-bs-target="#apis-collapse" aria-expanded="false" aria-controls="apis-collapse">
<a role="button">
Featured APIs
{{< chevron-up >}}
......@@ -19,7 +19,7 @@ CustomCSS: /assets/home.css
<hr>
<h2 class="collapsed" data-toggle="collapse" data-target="#drivers-collapse" aria-expanded="false" aria-controls="drivers-collapse">
<h2 class="collapsed" data-bs-toggle="collapse" data-bs-target="#drivers-collapse" aria-expanded="false" aria-controls="drivers-collapse">
<a role="button">
Supported Drivers
{{< chevron-up >}}
......
......@@ -13,7 +13,7 @@
{{ with .Params.CustomCSS }} <link rel="stylesheet" href="{{ . | relURL }}"> {{ end }}
<link rel="stylesheet" href="{{ "/assets/screen.css" | relURL }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{{ range .AlternativeOutputFormats -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
......@@ -28,7 +28,6 @@
{{ partial "footer.html" . }}
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>
......@@ -11,12 +11,12 @@
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<ul class="navbar-nav ms-auto">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li class="nav-item">
......
[data-toggle="collapse"] > a > svg {
[data-bs-toggle="collapse"] > a > svg {
display: inline-block;
float: right;
width: 1em;
height: 1em;
transition: all 0.2s;
}
[data-toggle="collapse"].collapsed > a > svg {
[data-bs-toggle="collapse"].collapsed > a > svg {
transform: rotate(180deg);
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment