<template>
  <footer class="footer">
    <div class="is-flex is-justify-content-space-around socials">
      <SocialsFacebook />
      <SocialsInstagram />
      <SocialsNewsletter />
    </div>
    <div class="is-flex is-justify-content-center links">
      <a href="https://git.eleves.ens.fr/klub-dev-ens/cineclub">Code source</a>
      <div>Le ciné-club est un club du <a href="http://cof.ens.fr">COF</a></div>
    </div>
  </footer>
</template>

<script setup lang="ts"></script>

<style lang="sass" scoped>
.footer
  background-color: $grey-lightest

  .socials
    margin: 0 300px 2rem 300px
  .links :not(:first-child)
    margin-left: 2rem
</style>
