Euclide/website_corr
1
0
Fork 0
forked from etoiledebethleem/website
Code Pull requests Activity

fix(landing): background icons

Browse source
This commit is contained in:
Matthieu Bessat 2024-02-26 16:44:34 +01:00
parent 5775e12e0b
commit b4334be666
3 changed files with 87 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/sass/landing.scss
View file

@ -84,10 +84,14 @@
.section-title {
padding-top: 2rem;
}
.landing-section__content {
z-index: 2;
position: relative;
}
}
.news-section {
.side-icon {
left: -50px;
bottom: -75px;

1
config.toml
View file

@ -14,6 +14,7 @@ changefreq = 'weekly'
[params]
dateFmt = "02.01.2006 15:04"
[params.contact]
peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
email = "contact@etoiledebethleem.fr"
website = "https://etoiledebethleem.fr"
helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"

164
layouts/index.html
View file

@ -36,12 +36,12 @@
<!-- 🚧   Site en construction...   🚧 -->
<!-- </div> -->
<section class="trailer-section landing-section" id="trailer-organization">
<div class="page-container">
<div class="side-icon">
{{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
</div>
<div class="landing-section__content page-container">
<div class="organization__explain">
<h2>Regardez la vidéo de présentation</h2>
<div class="side-icon">
{{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
</div>
<iframe
class="video"
title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem"
@ -396,90 +396,88 @@
{{ partial "helpers/svg" (dict "path" "icons/press") }}
</div>
<div class="article-cards page-container">
<h2 class="section-title">
Les dernières nouvelles…
</h2>
<div class="news-presentation">
{{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
{{ range $index, $element := $news }}{{ if eq $index 0 }}
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
{{ with $element.Params.featured_image }}
{{ $featuredImage = $element.Resources.GetMatch .src }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "800x" }}
<div
class="prominent-article article-card"
>
<a class="article__image" href="{{ .RelPermalink }}">
{{ with $featuredImage }}
<img src="{{ .RelPermalink }}" />
{{ end }}
</a>
<div class="article__content">
<h2 class="article__title">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h2>
<div class="article__meta">
Le {{ time.Format "Monday 2 January 2006" .Date }}
</div>
<div class="article__summary">
{{ .Summary | truncate 250 }}
</div>
<div class="article__bottom">
<a
href="{{ .RelPermalink }}"
class="article__readmore button button-transparent"
>
Lire plus
</a>
</div>
</div>
</div>
{{ end }}{{ end }}
</div>
<div class="separator news-separator"></div>
<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 }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "fit 700x" }}
<div
class="article-card"
href="{{ .RelPermalink }}"
<div class="landing-section__content article-cards page-container">
<h2 class="section-title">
Les dernières nouvelles…
</h2>
<div class="news-presentation">
{{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
{{ range $index, $element := $news }}{{ if eq $index 0 }}
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
{{ with $element.Params.featured_image }}
{{ $featuredImage = $element.Resources.GetMatch .src }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "800x" }}
<div
class="prominent-article article-card"
>
<a class="article__image" href="{{ .RelPermalink }}">
{{ with $featuredImage }}
<img src="{{ .RelPermalink }}" />
{{ end }}
</a>
<div class="article__content">
<h2 class="article__title">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h2>
<div class="article__meta">
Le {{ time.Format "Monday 2 January 2006" .Date }}
</div>
<div class="article__summary">
{{ .Summary | truncate 100 }}
</div>
<div class="article__bottom">
<a
href="{{ .RelPermalink }}"
class="article__readmore link"
>
Lire plus
</a>
<a class="article__image" href="{{ .RelPermalink }}">
{{ with $featuredImage }}
<img src="{{ .RelPermalink }}" />
{{ end }}
</a>
<div class="article__content">
<h2 class="article__title">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h2>
<div class="article__meta">
Le {{ time.Format "Monday 2 January 2006" .Date }}
</div>
<div class="article__summary">
{{ .Summary | truncate 250 }}
</div>
<div class="article__bottom">
<a
href="{{ .RelPermalink }}"
class="article__readmore button button-transparent"
>
Lire plus
</a>
</div>
</div>
</div>
{{ end }}{{ end }}
</div>
{{ end }}{{ end }}
</div>
<div class="separator news-separator"></div>
<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 }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "fit 700x" }}
<div
class="article-card"
href="{{ .RelPermalink }}"
>
<a class="article__image" href="{{ .RelPermalink }}">
{{ with $featuredImage }}
<img src="{{ .RelPermalink }}" />
{{ end }}
</a>
<div class="article__content">
<h2 class="article__title">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h2>
<div class="article__meta">
Le {{ time.Format "Monday 2 January 2006" .Date }}
</div>
<div class="article__summary">
{{ .Summary | truncate 100 }}
</div>
<div class="article__bottom">
<a
href="{{ .RelPermalink }}"
class="article__readmore link"
>
Lire plus
</a>
</div>
</div>
</div>
{{ end }}{{ end }}
</div>
</div>
</section>