etoiledebethleem/website
4
1
Fork 0
Code Issues 5 Pull requests 1 Projects 1 Releases Packages Activity Actions

fix(landing): minor style change

Browse source
This commit is contained in:
Matthieu Bessat 2024-03-07 23:00:26 +01:00
parent e4574886bb
commit 010bf07f2b
4 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/sass/carousel.scss
View file

@ -301,7 +301,7 @@ $height: 30rem;
.layout-grid-image {
display: grid;
grid-column-gap: 2rem;
min-height: 25rem;
.image-container {
margin-top: 1.5rem;

12
assets/sass/landing.scss
View file

@ -344,6 +344,18 @@
}
}
.organization-content {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
img {
border-radius: 3px;
}
}
@media (max-width: $md-breakpoint) {
.cover__back {
background-position-y: 0;

2
assets/sass/news.scss
View file

@ -4,7 +4,7 @@
}
.news-item {
border-bottom: 1px solid $background;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 0rem;
margin-bottom: 1rem;

21
layouts/index.html
View file

@ -295,7 +295,7 @@
</div>
<div class="page-container end-action-container">
<a
href="/histoires"
href="/documentation/histoire"
class="button button-sm button-light">
L'Histoire en détails
</a>
@ -437,11 +437,12 @@
</div>
</div>
{{ end }}{{ end }}
</div>
<div class="separator news-separator"></div>
</div>
<div class="separator news-separator"></div>
<div class="secondary-news">
{{ range $index, $element := $news }}{{ if (and (gt $index 0) (lt $index 3)) }}
<div class="secondary-news">
{{ range $index, $element := $news }}
{{ if (and (gt $index 0) (lt $index 3)) }}
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
{{ with $element.Params.featured_image }}
{{ $featuredImage = $element.Resources.GetMatch .src }}
@ -476,7 +477,15 @@
</div>
</div>
</div>
{{ end }}{{ end }}
{{ end }}
{{ end }}
</div>
<div class="end-action-container">
<a
href="/actualites"
class="button button-sm button-light">
Voir toutes les news
</a>
</div>
</div>
</section>