<footer role="contentinfo" class="[ site-foot ]">
  <div class="wrapper">
    <div class="[ site-foot__inner ]">
      <div class="">
        <h3>Mentions légales</h3>
        <p>Protection des données</p>
      </div>
      <div class="">
        <h3>Crédits</h3>
        <p>Design et intégration : <a href="{{site.designerHandle}}" target="_blank">{{site.designerName}}</a></p>
        <p>Illustrations : {{site.illustrators}}
      </div>
      <div class="">
        <h3>Contact</h3>
        <p>{{site.authorName}}</p>
        <p>{{site.authorAddress}}<br>{{site.authorCity}}</p>
        <ul>
          <a href="{{site.authorSocial.mastodon}}" class="social">Mastodon</a>
          <a href="{{site.authorSocial.twitter}}" class="social">Twitter</a>
          <a href="{{site.authorSocial.linkedin}}" class="social">Linkedin</a>
        </ul>
      </div>
  </div>
</footer>