diff --git a/prettier.config.js b/prettier.config.js index d83c995..1772f15 100644 --- a/prettier.config.js +++ b/prettier.config.js @@ -1,3 +1,4 @@ module.exports = { - plugins: [require('prettier-plugin-tailwindcss')], -} \ No newline at end of file + printWidth: 100, + plugins: [require("prettier-plugin-tailwindcss")], +}; diff --git a/src/index.11ty.jsx b/src/index.11ty.jsx index c76c833..f6f6916 100644 --- a/src/index.11ty.jsx +++ b/src/index.11ty.jsx @@ -10,12 +10,7 @@ async function loadSvg(path) { return (props) => { let s = f; if (props.class) s = f.replace(" - ); + return
; }; } @@ -33,12 +28,8 @@ export async function render(data) { 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 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"); @@ -55,10 +46,7 @@ export async function render(data) { - + {meta.title} @@ -68,19 +56,13 @@ export async function render(data) { - + - + @@ -91,10 +73,7 @@ export async function render(data) {
- +
@@ -118,20 +97,17 @@ export async function render(data) {

- {" "} - Nuevos saberes{" "} + Nuevos saberes{" "}

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

{número}

-

{título}

-

{content}

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

{número}

+

{título}

+

{content}

+
+ ))}
@@ -160,56 +136,48 @@ export async function render(data) { />
- + 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}

-
+ {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}

+
+
+ ); + })}
@@ -232,9 +200,8 @@ export async function render(data) {

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

- {data.frontpageFooterButtons.map( - ({ content, buttonText, buttonUrl }) => ( -
-

{content}

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

{content}

+ + {buttonText} + +
+ ))}
-

- Alianzas socioeducativas -

+

Alianzas socioeducativas

- Universidad de San Andrés + Universidad de San Andrés - - jesuitas - fe y alegria + + jesuitas + fe y alegria Alianzas EdTech
- fidu + fidu - edpuzzle + edpuzzle - schoology + schoology - legamaster + legamaster
@@ -344,32 +273,16 @@ export async function render(data) {

Nos acompañan

- Finnegans + Finnegans - Globant + Globant - MercadoLibre + MercadoLibre - AGD + AGD