1
0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-22 19:31:07 +00:00

Fixes for Bootstrap 5.1

This commit is contained in:
2021-09-11 17:54:27 -05:00
parent 3cb3621310
commit 437aa50c41
9 changed files with 135 additions and 93 deletions

View File

@@ -1,6 +1,6 @@
<div class="col-6 my-3">
<a href="{{ post.url | prepend: site.baseurl }}" class="text-decoration-none">
<div class="card bg-gray" {% if post.cover %} style="background-image: {{ post.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ post.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="card bg-secondary" {% if post.cover %} style="background-image: {{ post.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ post.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="card-body d-flex flex-column align-self-end" style="min-height: 300px;">
<h2 class="card-title mt-auto text-light">{{ post.title }}</h2>
<p class="card-text text-light">{{ post.excerpt }} <strong>Continue Reading...</strong></p>

View File

@@ -1,7 +1,10 @@
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
<div class="container">
<a class="navbar-brand" href="/">
<h1>{% include svg/privacy-guides-logo.svg %}</h1>
<picture>
<source srcset="/assets/img/layout/privacy-guides-logo-dark.svg" media="(prefers-color-scheme: dark)">
<img src="/assets/img/layout/privacy-guides-logo.svg" alt="Privacy Guides Logo" width="300" height="39">
</picture>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>