Verified Commit 67a4b690 authored by MickGe's avatar MickGe
Browse files

Dependencies: migrate to Bootstrap 5

parent cc5ce1be
......@@ -7,6 +7,10 @@ body {
> main {
@extend .row;
}
.mw-1140 {
max-width: 1140px;
}
}
header > nav {
......@@ -85,7 +89,9 @@ body > main > article {
@extend .container-lg;
@extend .col-md-9;
@extend .col-lg-10;
@extend .ml-sm-auto;
@extend .ms-sm-auto;
max-width: unset;
> h1:first-of-type {
@extend .display-4;
......@@ -97,6 +103,10 @@ body > main > article {
color: $secondary;
}
.text-justify {
text-align: justify;
}
table {
@extend .table;
@extend .table-striped;
......
$enable-responsive-font-sizes: true;
// Start expand $spacers
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
$spacers: map-merge((
6: ($spacer * 4)
), $spacers);
// End expand $spacers
@import "../../node_modules/bootstrap/scss/bootstrap";
@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
@import "layout.scss";
@import "utils.scss";
@import "utils.scss";
\ No newline at end of file
......@@ -3,13 +3,13 @@ title: "Accueil"
---
{{% row %}}
{{% col class="col-lg-6 bg-translucid p-4" %}}
{{< figure src="logo_large.png" height="100px" class="d-none d-lg-inline" >}}
{{% col class="col-lg-6 bg-translucid px-4 pt-4 pb-lg-4" %}}
{{< figure src="logo_large.png" height="100px" class="d-none d-lg-block mb-4" >}}
Depuis 2012, TeDomum héberge des services sécurisés, respectueux de la vie privée et des libertés individuelles, sur une plateforme technique administrée et gérée par des bénévoles.
{{% /col %}}
{{% col class="col-lg-6 bg-translucid p-4" %}}
{{% col class="col-lg-6 bg-translucid px-4 pb-4 pt-lg-4" %}}
#### TeDomum vit grâce à vos dons !
Si les services sont gratuits, l'infrastructure qui se trouve derrière ne l'est pas. Nous remercions donc celles et ceux qui nous aident à continuer notre aventure.
......
{{ define "asides" }}
<div class="jumbotron w-100" style="background: url('{{ "/images/pattern.png" | relURL }}') #a0a0a0; background-blend-mode: multiply;">
<div class="container-lg">
<div class="rounded w-100 mb-4 py-6 px-4" style="background: url('{{ "/images/pattern.png" | relURL }}') #a0a0a0; background-blend-mode: multiply;">
<div class="container-lg mw-1140">
{{ .Content }}
</div>
</div>
......
......@@ -9,9 +9,9 @@
{{ .Title }}
</a>
{{ if or ($current.IsDescendant .) (eq $current .) }}
<div class="ml-3 border-left">
<div class="ms-3 border-start">
{{ range .Pages }}
<a class="nav-link p-1 pl-3" href="{{ .RelPermalink }}">
<a class="nav-link p-1 ps-3" href="{{ .RelPermalink }}">
{{ .Title }}
</a>
{{ end }}
......
......@@ -11,8 +11,8 @@
</h2>
<p class="text-center">
{{ range .Params.features }}
<span class="badge badge-primary">{{ . }}</span>
<span class="badge bg-primary">{{ . }}</span>
{{ end }}
</p>
{{ .Summary | markdownify }}
</div>
</div>
\ No newline at end of file
......@@ -10,7 +10,7 @@
<img class="card-img-top" src="{{ $screen.RelPermalink }}" />
<div class="card-img-overlay hover-hide p-0">
<div class="h-100" style="background-color: #f0f0f0ee;">
<div class="h-100 d-flex align-items-center">
<div class="h-100 d-flex align-items-center" style="overflow: hidden;">
<div class="w-100 text-center">
<img src="{{ $logo.RelPermalink }}" />
</div>
......@@ -24,16 +24,16 @@
<h5 class="card-title">
<a href="{{.Params.website }}">{{ .Title }}</a>
{{ if intersect .Params.features (slice "beta") }}
<span class="badge badge-warning">beta</span>
<span class="badge bg-warning">beta</span>
{{ end }}
{{ if intersect .Params.features (slice "contact") }}
<span class="badge badge-info">sur demande</span>
<span class="badge bg-info">sur demande</span>
{{ end }}
{{ if intersect .Params.features (slice "validation") }}
<span class="badge badge-info">sur validation</span>
<span class="badge bg-info">sur validation</span>
{{ end }}
{{ if intersect .Params.features (slice "ferme") }}
<span class="badge badge-info">fermeture annoncée</span>
<span class="badge bg-info">fermeture annoncée</span>
{{ end }}
</h5>
<p class="card-text">
......
<header>
<nav>
<main>
<main class="mw-1140">
<a href="{{ "/" | relURL }}">
<img src="{{ "/images/logo.png" | relURL }}">
</a>
......
......@@ -5,7 +5,7 @@
"author": "TeDomum",
"dependencies": {
"@fortawesome/fontawesome-free": "^5.13.0",
"bootstrap": "^4.4.1",
"bootstrap": "^5.2.0",
"netlify-cms-app": "^2.14.46"
}
}
}
\ No newline at end of file
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