website/layouts/index.html

{{ define "main" }}
	<main class="page-container">
  <div>
    <div class="cover">
      <div class="cover-back"></div>
      <div class="cover-container">
        <div class="container mx-auto">
          <div class="cover-title">
            <h1>{{ .Site.Params.landing.title | safeHTML }}</h1>
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="container mx-auto">
        <div class="flex flex-wrap justify-between">
          <div class="w-full md:w-1/2">
            <div class="card no-actions card-blue mx-2">
              <div class="card-title">
                <i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.edito.title | safeHTML }}
              </div>
              <div
                class="card-text">
		  {{ .Site.Params.landing.edito.content | safeHTML }}
              </div>
            </div>
          </div>
	  <div class="w-full md:w-1/2 flex justify-between" style="flex-direction: column;">
	  <div class="w-full">
	      <div class="card card-red mx-2">
		  <div class="card-title">
		      <i class="fas fa-newspaper"></i> {{ .Site.Params.articles.title | safeHTML }}
		  </div>
		  <div class="card-text">
		      <h3>{{ .Site.Params.articles.last | safeHTML }}</h3>
		      {{ partial "articles.html" (dict "context" . "ammount" 1)}}
		  </div>
		  <div class="card-actions">
		      <a href="{{ relLangURL "/blog" }}" class="card-action">
			  {{ .Site.Params.more | safeHTML }}
		      </a>
		  </div>
	      </div>
	  </div>
	  <div class="w-full">
	      <div class="card card-red mx-2">
		  <div class="card-title">
		      <i class="fab fa-instagram"></i> {{ .Site.Params.photos.title | safeHTML }}
		  </div>
		  <div class="card-text">
		      <h3>{{ .Site.Params.photos.last | safeHTML }}</h3>
		      {{ partial "photos.html" (dict "limit" 1) }}
		  </div>
		  <div class="card-actions">
		      <a href="{{ relLangURL "/photos" }}" class="card-action">
			  {{ .Site.Params.more | safeHTML }}
		      </a>
		  </div>
	      </div>
	  </div>
	  </div>
          <div class="w-full md:w-1/2 ">
            <div class="card card-purple mx-2">
              <div class="card-title">
                <i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.mission.title | safeHTML }}
              </div>
              <div
                class="card-text">
		  {{ .Site.Params.landing.mission.content | safeHTML }}
              </div>
              <div class="card-actions">
                <a
                  href="{{ relLangURL "/about" }}"
                  class="card-action">
                  {{ .Site.Params.landing.mission.action | safeHTML }}
                </a>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/2">
            <div class="card card-green mx-2">
              <div class="card-title">
                <i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.support.title | safeHTML }}
              </div>
              <div
                class="card-text">
		  {{ .Site.Params.landing.support.content | safeHTML }}
              </div>
              <div class="card-actions">
                <a
			href="{{ relLangURL "/donate" }}"
                  class="card-action">
                  {{ .Site.Params.landing.support.action | safeHTML }}
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="divider my-5"></div>
        <h2 class="index-icon-title py-2 mb-5">
          <i class="fa fas fa-newspaper"></i>
          {{ .Site.Params.articles.last | safeHTML }}
        </h2>
	{{ partial "articles.html" (dict  "context" . "ammount" 3)}}
        <div class="index-more-section">
          <a
		  href="{{ relLangURL "/blog" }}"
            class="mt-3 link button button-primary">
            <div class="button-icon">
              <i class="fa fas fa-plus-square"></i>
            </div>
            <div class="button-text">{{ .Site.Params.more | safeHTML }}</div>
          </a>
        </div>
        <div class="clear-fix"></div>
        <div class="divider mt-4 mb-5"></div>
        <h2 class="index-icon-title py-2 mb-5">
          <i class="fab fa-instagram"></i>
          {{ .Site.Params.photos.last | safeHTML }}
        </h2>
	{{ partial "photos.html" (dict "limit" 4) }}
        <div class="index-more-section">
          <a
            href="{{ relLangURL "/photos" }}"
            class="mt-3 link button button-primary">
            <div class="button-icon">
              <i class="fa fas fa-plus-square"></i>
            </div>
            <div class="button-text">{{ .Site.Params.more | safeHTML }}</div>
          </a>
        </div>
        <div class="clear-fix"></div>
        <div class="divider my-5"></div>
        <div class="partners-quick flex flex-wrap">
          <div class="partner-quick-title partner-item w-full">
            <h3 class="partner-quick-title py-2 mb-2">
              {{ index .Site.Params.partners "support-us" | safeHTML }}
            </h3>
          </div>
	  {{ range .Site.Data.partners.partners }}
	  <a href="{{ relLangURL "/about#partners" }}" title="{{ .Name }}" class="partner-item link {{ if .class }}{{ .class}}{{ else }}w-1/2 md:w-1/5{{ end }}">
	      <img src="https://s.werobot.fr/{{ .img }}"/>
	  </a>
	  {{ end }}

        </div>
      </div>
    </div>
  </div>
	</main>
{{ end }}