vmems/vmems-website
3
1
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

fix(design): use bootstrap success as primary color
All checks were successful
Deploy workflow / deploy (push) Successful in 13s
Details

Browse source
This commit is contained in:
Matthieu Bessat 2024-09-03 11:46:32 +02:00
parent 99649d68c4
commit 4ababc96dc
11 changed files with 78 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/sass/landing.scss
View file

@ -24,7 +24,11 @@
}
.landing__container .landing__section:nth-child(even) {
background-color: #00912430;
background-color: #19875420;
}
.landing__slogan__content {
word-break: keep-all;
}
@media(max-width: $md-breakpoint) {
@ -32,3 +36,4 @@
display: block;
}
}

3
assets/sass/main.scss
View file

@ -7,10 +7,9 @@ $xs-breakpoint: 400px;
$background-dark: #1f1f1e;
$background: #303131;
$primary: #db8d42;
$primary: #009124;
$secondary: #f15a24;
@import "./vendor/bootstrap.scss";
@import "./page_container.scss";
@import "./title.scss";

47
assets/sass/nav.scss
View file

@ -9,3 +9,50 @@
#navbar-toggle-cbox {
display:none
}
.site__header {
height: 3.5em;
font-size: 1.2rem;
.navbar-brand {
font-size: 1.75rem;
}
}
@media (min-width: $md-breakpoint) {
.site__header {
.navbar-collapse {
flex-grow: 0;
}
}
}
@media (max-width: $md-breakpoint) {
.site__header {
.navbar-brand {
padding-left: 12px;
}
.navbar-header {
padding-right: 12px;
}
.navbar-collapse {
ul {
margin-bottom: 0;
}
position: relative;
z-index: 99;
top: 7px;
background-color: #E9ECEF;
color: black;
.nav-link {
padding: 0.5em 1em;
color: black !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.container {
padding: 0 !important;
}
}
}

2
assets/sass/vendor/bootstrap.scss vendored
View file

@ -12054,4 +12054,4 @@ textarea.form-control-lg {
}
}
/*# sourceMappingURL=bootstrap.css.map */
/*# sourceMappingURL=bootstrap.css.map */

BIN
content/actualites/journee-du-velo-2024/Impartial_journee_du_velo_2024.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 202 KiB

8
content/association/_index.md
View file

@ -35,7 +35,9 @@ Notre association est une association de loi 1901 déclaré en préfecture de l'
- Matthieu BESSAT, Secrétaire
- Alexis Martini, Secrétaire-Adjoint
<a href="/association/rejoindre" class="btn btn-primary">
Nous rejoindre
</a>
<p class="text-center">
<a href="/association/rejoindre" class="btn btn-lg btn-success">
Nous rejoindre
</a>
</p>

4
content/association/rejoindre.md
View file

@ -19,7 +19,9 @@ Alors n'attendez pas et rejoignez notre association pour nous aider dans nos ac
Nous utilisons un groupe [Signal](https://www.signal.org/fr) pour communiquer et syncroniser nos actions. Voici un lien d'invitation dans ce groupe.
<a class="mb-3 btn btn-primary" href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
<a
class="mb-3 btn btn-info btn-lg"
href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
Rejoindre le groupe Signal
</a>

15
layouts/index.html
View file

@ -10,9 +10,9 @@
src="{{ $image.RelPermalink }}"
/>
</div>
<div class="col-12 col-lg-9 d-flex flex-column justify-content-center align-items-center">
<div class="landing__slogan__content col-12 col-lg-9 mt-4 mt-md-0 d-flex flex-column justify-content-center align-items-center">
<h1 class="text-center">Ensemble, rendons Gaillon-Aubevoye cyclable !</h1>
<h5 class="mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
<h5 class="text-center mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
</div>
</div>
</div>
@ -76,6 +76,11 @@
</li>
<li>Aider les cyclistes, plus particulièrement les novices</li>
</ul>
<div class="text-end mt-4">
<a href="/projets" class="btn btn-lg btn-success">
Les sujets et projets en cours
</a>
</div>
</div>
</div>
</section>
@ -92,11 +97,11 @@
<li>Pour communiquer, au public, aux médias…</li>
<li>Pour organiser des évènements…</li>
</ul>
<p class="text-end">
<a href="/association/rejoindre" class="btn btn-lg btn-primary">
<div class="mt-4">
<a href="/association/rejoindre" class="btn btn-lg btn-success">
Nous rejoindre
</a>
</p>
</div>
</div>
</section>
<section class="landing__section" id="landing-last-news">

4
layouts/partials/head.html
View file

@ -24,9 +24,9 @@
<link rel="apple-touch-icon" sizes="192x192" href="{{ $faviconSm.RelPermalink }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ $faviconSm.RelPermalink }}">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#009124">
<meta name="msapplication-TileColor" content="#198754">
<meta name="msapplication-TileImage" content="{{ $faviconSm.RelPermalink }}">
<meta name="theme-color" content="#009124">
<meta name="theme-color" content="#198754">
<!-- Note: j'ai galérer à rajouter du scss car en fait y'avait déja une variable $style de définit plus haut... -->
{{ $style := resources.Get "sass/main.scss" | resources.ToCSS | resources.Fingerprint }}

4
layouts/partials/header.html
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<nav class="site__header navbar navbar-expand-lg navbar-dark bg-success bg-gradient">
<div class="container">
<a class="navbar-brand" href="/">VMEMS</a>
<input type="checkbox" id="navbar-toggle-cbox">
@ -16,7 +16,7 @@
</label>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<ul class="navbar-nav me-auto mt-1 mt-lg-0 mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/projets">Projets cyclables</a>
</li>

2
layouts/partials/newsletter_subscribe.html
View file

@ -27,6 +27,6 @@
<input id="newsletter1" type="email" name="email" class="form-control" placeholder="Adresse email">
<input id="list" type="hidden" name="l" value="c1b38c9f-f876-42c8-a5fd-d53e4724bd0a" />
<input id="nounce" type="hidden" name="nonce" value="" />
<button class="btn btn-primary" type="submit">S'abonner</button>
<button class="btn btn-success" type="submit">S'abonner</button>
</div>
</form>