{{ define "asides" }}
<div class="rounded w-100 mb-4 py-6 px-4" style="background: url('{{ "/media/various/pattern.png" | relURL }}') #a0a0a0; background-blend-mode: multiply;">
  <div class="container-lg mw-1140">
    {{ .Content }}
  </div>
</div>
{{ end }}

{{ define "section" }}
<section id="news-feed"></section>
<section>
  <h2>Services du jour</h2>
  <p>
    Les exemples suivants sont choisis au hasard parmi l'ensemble des services que nous hébergeons. Retrouvez la liste complète sur la page <a href="{{ "/service" | relURL }}">Services</a>.</p>
    <p>Si vous avez des questions au sujet des services proposés auxquelles <a href="{{ "/general" | relURL }}">notre documentation</a> n'aurait pas répondu, <a href="{{ "/member" | relURL }}">contactez-nous</a> pour qu'on puisse vous apporter des réponses !</p>
    <div class="row">
      {{ range first 3 (shuffle (.GetPage "service").Pages) }}
      {{ partial "cards/service.html" . }}
      {{ end }}
    </div>
</section>
  {{ $js := resources.Get "js/news-feed.js" | js.Build (dict "minify" true ) }}
  <script src="{{ $js.RelPermalink }}" defer="true" async="true"></script>
{{ end }}