Merge pull request #39 from CodeandoMexico/feature/comunidad

connected to directus

Author: basicavisual

src/components/Navbar.svelte

@@ -9,7 +9,7 @@
   let menuItems = [
     {name: "Acerca de", url: '/acerca'},
     {name: "Proyectos", url: "/proyectos"},
-    // {name: "Comunidad", url: "/comunidad"},
+    {name: "Comunidad", url: "/comunidad"},
     // {name: "Recursos", url: "/recursos"},
     {name: "Blog", url: "/blog"},
     ];

src/routes/comunidad/+page.server.js

@@ -0,0 +1,19 @@
+import client from '$lib/apiClient'
+import { readItems } from '@directus/sdk'
+
+export async function load() {
+
+  const comunidad = await client.request(readItems('comunidad', {
+    filter: {
+			status: {
+        _eq: "published"
+      }
+		}
+  }))
+
+	return {
+    comunidad
+	}
+}
+
+export const prerender = true;

src/routes/comunidad/+page.svelte

@@ -3,6 +3,8 @@
   import GetInvolvedCard from "@/components/Cards/GetInvolvedCard.svelte";
   import CommunityCard from "@/components/Cards/CommunityCard.svelte";
   import CollaboratorCard from "@/components/Cards/CollaboratorCard.svelte";
+  export let data
+  const { comunidad } = data
 </script>
 
 <Hero accentColor="#F2D301" title="Involúcrate en la comunidad" subtitle="Somos una comunidad abierta que construye tecnología para el bien común." image="/comunidad.png" />
@@ -21,17 +23,13 @@
     <p class="text-center md:text-left text-lg">¿Quieres participar pero no sabes por dónde comenzar? Este es un espacio abierto y tenemos un lugar para todas las personas. Empieza por aquí:</p>
   </div>
   <div class="my-10 flex flex-column md:flex-row flex-wrap">
-    <CommunityCard text="Comunidad Codeando México" route="https://google.com/"/>
-    <CommunityCard text="Curso de Hacking Cívico" route="https://google.com/"/>
-    <CommunityCard text="Escuela de Datos" route="https://google.com/"/>
-    <CommunityCard text="Historias de la Comunidad" route="https://google.com/"/>
-    <CommunityCard text="Glosario de Hacking Cívico" route="https://google.com/"/>
-    <CommunityCard text="Awesome Civic Tech" route="https://google.com/"/>
-    <CommunityCard text="Awesome Open Data" route="https://google.com/"/>
+    {#each comunidad as item}
+      <CommunityCard text={item.name} route={item.url}/>
+    {/each}
   </div>
 </section>
 
-<section id="colaboradores" class="container my-8 mx-auto">
+<!-- <section id="colaboradores" class="container my-8 mx-auto">
   <h2 class="text-4xl text-center font-bold my-8">Contribuidores y colaboradores</h2>
   <div class="flex flex-wrap justify-start mx-auto">
     <CollaboratorCard image="/collaborator-example.png" url="https://google.com/" name="Juana Pérez"/>
@@ -55,4 +53,4 @@
     <CollaboratorCard image="/collaborator-example.png" url="https://google.com/" name="Juana Pérez"/>
     <CollaboratorCard image="/collaborator-example.png" url="https://google.com/" name="Juana Pérez"/>
   </div>
-</section>
+</section> -->