website/layouts/index.html

{{ define "main" }}

    <div class="cover__container">
        <div class="cover__back" style="background-image: url('https://share.lefuturiste.fr/u/2478737d-7e5e-42cd-8764-d0136ef83546/cover_v2_01.jpg')">
        </div>
        <div class="cover__overlay">
        </div>
        <div class="cover__content">
            <div class="page-container">
                <div class="cover__title-container">
                    <h1 class="cover__title">
                        Sauvons la chapelle
                        de Bethléem !
                    </h1>
                    <div class="cover__backdrop">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="accent-separator">
    </div>

    <div class="page-container" style="margin-top: 2rem"> 
        <button class="button">Adhérer !</button>
    </div>

	<main class="page-container">
        <!-- <div style="display: flex; justify-content: center; font-size: 1.3em; border: 1px dashed gray; padding: 1rem;"> -->
        <!-- 🚧    Site en construction...   🚧 -->
        <!-- </div> -->
        {{ .Content }} 
        {{/*
		{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
		{{ range $paginator.Pages }}
			{{ .Render "summary" }}
		{{ end }}
		{{ partial "pagination.html" . }}
        */}}
	</main>

    <div class="card separation-section">
	<main class="page-container">
        <h2>The quick brown fox jumps over the lazy dog</h2>
        <button class="button">Adhérer !</button>
	</main>
    </div>
	<main class="page-container">
	</main>
{{ end }}