feat [front]: footer

front/components/layout/footer.vue

@@ -0,0 +1,25 @@
+<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>

front/css/app.sass

@@ -27,6 +27,7 @@
 @import "bulma/sass/helpers/visibility"
 @import "bulma/sass/helpers/other"
 @import "bulma/sass/layout/section"
+@import "bulma/sass/layout/footer"
 
 @import "movie-card"
 @import "fonts"

front/layouts/default.vue

@@ -4,5 +4,6 @@
     <div class="container">
       <slot />
     </div>
+    <LayoutFooter />
   </div>
 </template>