Big bang/webgune berria (#18)

* chore: netlify deployments plugina kentzen du

* chore: Strapi berria instalatzen du

* feat: astro instalatzen du

* chore: cypress instalatzen du

* feat: back eta front konektatzen ditu

* feat: server side rendering egiten du

* chore: Strapin enterprise edition flagak kentzen ditu

* feat: euskara sartzen du

* chore: Strapi bertsioa igotzen du

* feat: preview modua sortzen du ingurune bariableen bidez

* aurreko commitarekin doa

* fix: cypress konpontzen du

* chore: Strapi bertsioa igotzen du

* feat: ekintza back-ean sortzen du

* feat: zikloa eta erakundea sortzen ditu

* feat: erakundeen kudeaketa hobetzen du

* chore: pnpm erabiltzen du

* feat: Strapi bertsioa igotzen du

* ekintza sortzen du eta zerbitzuak eguneratzen ditu

* chore: graphql erabiltzen du populazioa ekiditeko

* chore: collection erabiltzen du ekintzetarako

* chore: bertsioak igotzen ditu

* chore: Astro bertsioa igotzen du

* chore: Strapi bertsioa igotzen du

* feat: home-a hasten du

* feat: zig zag separadorea sortzen du

* feat: zig zaga doitzen du

* feat: heroa doitzen du

* feat: agenda sortzen du

* feat: agenda eta izan labazkide atalak konektatzen ditu

* feat: home-aren edukia sortzen du

* chore: app.js sartzen du WTF

* feat: header-a sortzen du

* feat: card-a hobetzen du

* feat: footer-a sortzen du

* feat: ekintzen zerrenda erakusten du

* feat: zikloaren bista sortzen du

* fix: header-aren estekak konpontzen ditu

* chore: remove unused code

* chore: components directorioa kentzen du

* chore: typescript konfigurazioa hobetzen du

* chore: views path-a sortzen du

* feat: zikloaren deskribapena erakusten du

* feat: ekintzaren bista sortzen du

* feat: zig zag marra erakusten du

* ignore: comment

* feat: hitzordua erakusten du

* feat: zikloa erakusten du

* feat: Waveko erroreak errepasatzen ditu

* feat: Wave birpasatzen du

* feat: zerrendan irudia erakusten du

* feat: karga optimizatzen du

* feat: irudien formatuak kontuan hartzen ditu

* feat: zikloan ekintza irudiak erakusten ditu

* feat: ekintza zerrenda atontzen du

* feat: header-eko estekak markatzen ditu

* feat: irudi estela erakusten du

* feat: responsive-a hobetzen du

* feat: orri basikoa sortzen du

* feat: hasiera responsive egiten du

* feat: overflow konpontzen du

* feat: bug-a uzten du LOL

* feat: irudi estela mugikorrean aktibatzen du

* feat: orri basikoa eta ekintza mugikorrean jartzen ditu

* feat: mugikor menua sortzen du

* feat: mugikor menua amaitzen du

* feat: build estatikoa sortzen du

* feat: sitemap-a sortzen du

* feat: rss feed-a sortzen du

* chore: ingurune aldagaiak sortzen ditu

* chore: public-proxy komandoa sortzen du

* feat: irudiak webp formatuan jartzen ditu

* fix: irudiak erakusten ditu ekintzen zerrendan

* feat: ekintza zerrendaren irudia animatzen du

* refactor: extract functions

* fix: animazioa konpontzen du

* feat: irudi estela hobetzen du

* chore: prerender aldagaiak kentzen ditu

* chore: SASS warning-ak kentzen ditu

* feat: ziklo eta ekintzetan H1 ezartzen du

* feat: slideshow-a sortzen du

* feat: ekintzak hitzorduan oinarrituta filtratzen ditu

* feat: hitzorduen arabera filtratzen du eta moment kentzen du

* feat: titulua aldatzen du

* feat: menua eguneratzen du

* feat: parte hartun deskribapena sortzen du

* feat: Cloudinary konfiguratzen du

* fix: cloudinary konfigurazioa konpontzen du

* feat: erositako fonteak jartzen ditu

front/src/views/_components/Footer.astro

@@ -0,0 +1,140 @@
+---
+import Logo from "../../assets/labaLogo.svg";
+import ZigZag from "./ZigZag.astro";
+---
+
+<ZigZag from="gorria-background" to="marroia" />
+<footer class="footer">
+  <div class="lehenengo-lerroa">
+    <Logo class="footer-logo" />
+
+    <address>Gazteluko plaza, 2. 31001 Iruñea, Nafarroa</address>
+  </div>
+
+  <div class="bigarren-lerroa">
+    <nav>
+      <ul>
+        <li class="elementu-legala">
+          <a href="/lege-oharra">Lege oharra</a>
+        </li>
+
+        <li class="elementu-legala">
+          <a href="/pribatutasun-politika">Pribatutasun politika</a>
+        </li>
+      </ul>
+    </nav>
+
+    <nav>
+      <ul class="sare-sozialak">
+        <li><a href="https://twitter.com/labasarea/">X</a></li>
+        <li><a href="https://www.instagram.com/labasarea/">Instagram</a></li>
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+<style lang="scss">
+  @use "../../style/tools/toDVW.scss";
+  @use "../../style/tools/mediaQueries.scss";
+  @use "../../style/mixins/textFonts.scss";
+
+  .footer {
+    padding: var(--space-05-mobile);
+
+    background-color: var(--marroia);
+    color: var(--gorria);
+
+    @include mediaQueries.aboveTablet {
+      padding: var(--space-07-desktop);
+    }
+  }
+
+  .footer-logo {
+    height: var(--space-05-mobile);
+
+    @include mediaQueries.aboveTablet {
+      height: var(--space-07-desktop);
+    }
+  }
+
+  .lehenengo-lerroa {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    border-bottom: #{toDVW.toMobileDVW(2)} solid var(--gorria);
+    padding-bottom: var(--space-05-mobile);
+
+    @include mediaQueries.aboveTablet {
+      padding-bottom: var(--space-07-desktop);
+
+      border-bottom: #{toDVW.toDesktopDVW(2)} solid var(--gorria);
+    }
+  }
+
+  .bigarren-lerroa {
+    display: flex;
+    flex-direction: column;
+    padding-top: var(--space-05-mobile);
+    gap: var(--space-02-mobile);
+
+    @include mediaQueries.aboveTablet {
+      flex-direction: row;
+      justify-content: space-between;
+      padding-top: var(--space-07-desktop);
+      gap: var(--space-02-desktop);
+    }
+  }
+
+  address {
+    font-style: normal;
+    text-transform: uppercase;
+    text-align: end;
+
+    @include textFonts.captionFont;
+    @include mediaQueries.aboveTablet {
+      text-align: initial;
+      @include textFonts.bodyFont;
+    }
+  }
+
+  ul {
+    display: flex;
+    padding: 0;
+    list-style: none;
+  }
+
+  .elementu-legala {
+    &:not(:last-child) {
+      margin-right: var(--space-02-mobile);
+
+      &::after {
+        content: "/";
+        margin-left: var(--space-02-mobile);
+      }
+    }
+
+    @include mediaQueries.aboveTablet {
+      &:not(:last-child) {
+        margin-right: var(--space-02-desktop);
+
+        &::after {
+          content: "/";
+          margin-left: var(--space-02-desktop);
+        }
+      }
+    }
+  }
+
+  .sare-sozialak {
+    gap: var(--space-04-desktop);
+    text-transform: uppercase;
+  }
+
+  a {
+    color: var(--gorria);
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+</style>