import h from "vhtml"; import { readFile } from "node:fs/promises"; import { tailwind } from "./css.js"; /** * @param {import("node:fs").PathLike} path */ async function loadSvg(path) { let f = await readFile(path, "utf-8"); return (props) => { let s = f; if (props.class) s = f.replace("; }; } export async function render(data) { const Estrellita = await loadSvg("src/assets/estrellita.svg"); const Wave = await loadSvg("src/assets/wave.svg"); const VinculosPuntos = await loadSvg("src/assets/vinculos puntos.svg"); const Circulo = await loadSvg("src/assets/circulo.svg"); const Cruces = await loadSvg("src/assets/cruces.svg"); // console.debug(data); const WobbleVioleta = await loadSvg("src/assets/wobble violeta.svg"); const CaritasFelices = await loadSvg("src/assets/caritas felices.svg"); const LogoInline = await loadSvg("src/assets/logo inline.svg"); const LogoGrande = await loadSvg("src/assets/logo grande.svg"); const IconosLanding = await loadSvg("src/assets/iconos landing.svg"); const css = await tailwind(); const CuadradoAlfabetizaciones = await loadSvg("src/assets/cuadrados/alfabetizaciones.svg"); const CuadradoCaraDeLapiz = await loadSvg("src/assets/cuadrados/cara de lapiz.svg"); const CuadradoDatos = await loadSvg("src/assets/cuadrados/datos.svg"); const CuadradoEscuelas = await loadSvg("src/assets/cuadrados/escuelas.svg"); const meta = { title: "Alfadatizar", url: "https://staging.alfadatiz.ar/", description: "Digitalizamos escuelas de contextos vulnerables con un modelo sustentable basado en el liderazgo directivo.", }; return ( "" + ( {meta.title}

Hackeamos
la educación
digital
equitativa

Nuevos saberes{" "}

{data.frontpageNuevosSaberes.map(({ número, título, content }) => (

{número}

{título}

{content}

))}
un grupo de personas atendiendo una capacitación, sentadas alrededor de una mesa, con tablets en sus manos un robot siendo manipulado por manos de niñxs, usando una laptop
dos mujeres riendose mirando una tablet
{Object.entries(data.frontpageCuadrados).map(([color, { título, content }]) => { // ¿por qué así en vez de `bg-${color}`? para que lo detecte tailwind. const classes = { celeste: "bg-celeste", amarillo: "bg-amarillo lg:order-last xl:order-none", naranja: "bg-naranja xl:order-last", violeta: "bg-violeta lg:order-last", }; const iconos = { celeste: , amarillo: , naranja: , violeta: , }; return (
{iconos[color]}

{título}

{content}

); })}

Caso:
Nuestra Señora del Rosario

Formamos a los docentes para enseñar clases híbridas, alfabetizaciones aumentadas y pensamiento computacional aplicado.

VER +
{data.frontpageFooterButtons.map(({ content, buttonText, buttonUrl }) => ( <>

{content}

{buttonText} ))}

Alianzas socioeducativas

Fundación por el desarrollo comunitario San Andrés Universidad de San Andrés jesuitas fe y alegria diocesis de san isidro

Alianzas EdTech

fidu edpuzzle schoology legamaster
{/* TODO: revisar */}

Nos acompañan

Finnegans Globant MercadoLibre AGD
{/* TODO: activar mail */} info@alfadatiz.ar
) ); }