fix(landing): background icons
This commit is contained in:
parent
d5d67f7069
commit
8487442676
3 changed files with 87 additions and 84 deletions
|
@ -84,10 +84,14 @@
|
||||||
.section-title {
|
.section-title {
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.landing-section__content {
|
||||||
|
z-index: 2;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.news-section {
|
.news-section {
|
||||||
|
|
||||||
.side-icon {
|
.side-icon {
|
||||||
left: -50px;
|
left: -50px;
|
||||||
bottom: -75px;
|
bottom: -75px;
|
||||||
|
|
|
@ -14,6 +14,7 @@ changefreq = 'weekly'
|
||||||
[params]
|
[params]
|
||||||
dateFmt = "02.01.2006 15:04"
|
dateFmt = "02.01.2006 15:04"
|
||||||
[params.contact]
|
[params.contact]
|
||||||
|
peertube = "https://peertube.iriseden.eu/c/etoiledebethleem/videos"
|
||||||
email = "contact@etoiledebethleem.fr"
|
email = "contact@etoiledebethleem.fr"
|
||||||
website = "https://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/"
|
helloasso = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/"
|
||||||
|
|
|
@ -36,12 +36,12 @@
|
||||||
<!-- 🚧 Site en construction... 🚧 -->
|
<!-- 🚧 Site en construction... 🚧 -->
|
||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
<section class="trailer-section landing-section" id="trailer-organization">
|
<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">
|
<div class="organization__explain">
|
||||||
<h2>Regardez la vidéo de présentation</h2>
|
<h2>Regardez la vidéo de présentation</h2>
|
||||||
<div class="side-icon">
|
|
||||||
{{ partial "helpers/svg" (dict "path" "icons/old_tv_3d") }}
|
|
||||||
</div>
|
|
||||||
<iframe
|
<iframe
|
||||||
class="video"
|
class="video"
|
||||||
title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem"
|
title="Campagne d'adhésion 2023-2024 - L'étoile de Bethléem"
|
||||||
|
@ -396,90 +396,88 @@
|
||||||
{{ partial "helpers/svg" (dict "path" "icons/press") }}
|
{{ partial "helpers/svg" (dict "path" "icons/press") }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="landing-section__content article-cards page-container">
|
||||||
<div class="article-cards page-container">
|
<h2 class="section-title">
|
||||||
<h2 class="section-title">
|
Les dernières nouvelles…
|
||||||
Les dernières nouvelles…
|
</h2>
|
||||||
</h2>
|
<div class="news-presentation">
|
||||||
<div class="news-presentation">
|
{{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
|
||||||
{{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
|
{{ range $index, $element := $news }}{{ if eq $index 0 }}
|
||||||
{{ range $index, $element := $news }}{{ if eq $index 0 }}
|
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
||||||
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
|
{{ with $element.Params.featured_image }}
|
||||||
{{ with $element.Params.featured_image }}
|
{{ $featuredImage = $element.Resources.GetMatch .src }}
|
||||||
{{ $featuredImage = $element.Resources.GetMatch .src }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ $featuredImage := $featuredImage.Resize "800x" }}
|
||||||
{{ $featuredImage := $featuredImage.Resize "800x" }}
|
<div
|
||||||
<div
|
class="prominent-article article-card"
|
||||||
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 }}"
|
|
||||||
>
|
>
|
||||||
<a class="article__image" href="{{ .RelPermalink }}">
|
<a class="article__image" href="{{ .RelPermalink }}">
|
||||||
{{ with $featuredImage }}
|
{{ with $featuredImage }}
|
||||||
<img src="{{ .RelPermalink }}" />
|
<img src="{{ .RelPermalink }}" />
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</a>
|
</a>
|
||||||
<div class="article__content">
|
<div class="article__content">
|
||||||
<h2 class="article__title">
|
<h2 class="article__title">
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
</h2>
|
</h2>
|
||||||
<div class="article__meta">
|
<div class="article__meta">
|
||||||
Le {{ time.Format "Monday 2 January 2006" .Date }}
|
Le {{ time.Format "Monday 2 January 2006" .Date }}
|
||||||
</div>
|
</div>
|
||||||
<div class="article__summary">
|
<div class="article__summary">
|
||||||
{{ .Summary | truncate 100 }}
|
{{ .Summary | truncate 250 }}
|
||||||
</div>
|
</div>
|
||||||
<div class="article__bottom">
|
<div class="article__bottom">
|
||||||
<a
|
<a
|
||||||
href="{{ .RelPermalink }}"
|
href="{{ .RelPermalink }}"
|
||||||
class="article__readmore link"
|
class="article__readmore button button-transparent"
|
||||||
>
|
>
|
||||||
Lire plus
|
Lire plus
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}{{ end }}
|
<div class="separator news-separator"></div>
|
||||||
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue