Nulo/alfadatizar
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

limpiar

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-07-03 20:58:58 -03:00
parent 3e7c283359
commit c1a6eee645
1 changed files with 19 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
src/index.11ty.jsx
View file

@ -46,7 +46,7 @@ export async function render(data) {
<h2 class="pb-8 text-center text-5xl font-bold">Nuevos saberes</h2> <h2 class="pb-8 text-center text-5xl font-bold">Nuevos saberes</h2>
<div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4"> <div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4">
{data.frontpageNuevosSaberes.map(({ número, título, content }) => ( {data.frontpageNuevosSaberes.map(({ número, título, content }) => (
<div class="border-current flex-1 border-l px-6 py-6"> <div class="flex-1 border-l border-current px-6 py-6">
<h3 class="pb-4 font-mono text-2xl italic">{número}</h3> <h3 class="pb-4 font-mono text-2xl italic">{número}</h3>
<h3 class="pb-4 text-2xl font-bold">{título}</h3> <h3 class="pb-4 text-2xl font-bold">{título}</h3>
<p>{content}</p> <p>{content}</p>
@ -129,47 +129,17 @@ export async function render(data) {
)} )}
</section> </section>
<section class="grid grid-cols-10 gap-8 bg-blanco px-[10%] py-8"> <section class="grid grid-cols-10 gap-8 bg-blanco px-[10%] py-8">
<div class="border-gray-500 col-span-4 border-l pl-4"> <div class="col-span-4 border-l border-gray-500 pl-4">
<h2 class="py-2 text-xl font-semibold">Socios</h2> <h2 class="py-2 text-xl font-semibold">Socios</h2>
<div class="grid grid-cols-3"> <div class="grid grid-cols-3">{fillerUdesa(6)}</div>
{Array(6)
.fill(0)
.map(() => (
<img
class="grayscale"
src="udesa.png"
alt="logo de la universidad de san andrés"
/>
))}
</div> </div>
</div> <div class="col-span-3 border-l border-gray-500 pl-4">
<div class="border-gray-500 col-span-3 border-l pl-4">
<h2 class="py-2 text-xl font-semibold">Socios etec lab</h2> <h2 class="py-2 text-xl font-semibold">Socios etec lab</h2>
<div class="grid grid-cols-2"> <div class="grid grid-cols-2">{fillerUdesa(4)}</div>
{Array(4)
.fill(0)
.map(() => (
<img
class="grayscale"
src="udesa.png"
alt="logo de la universidad de san andrés"
/>
))}
</div> </div>
</div> <div class="col-span-3 border-l border-gray-500 pl-4">
<div class="border-gray-500 col-span-3 border-l pl-4">
<h2 class="py-2 text-xl font-semibold">Donantes</h2> <h2 class="py-2 text-xl font-semibold">Donantes</h2>
<div class="grid grid-cols-2"> <div class="grid grid-cols-2">{fillerUdesa(4)}</div>
{Array(4)
.fill(0)
.map(() => (
<img
class="grayscale"
src="udesa.png"
alt="logo de la universidad de san andrés"
/>
))}
</div>
</div> </div>
</section> </section>
<section class="flex flex-wrap justify-between gap-8 bg-violeta px-32 py-24"> <section class="flex flex-wrap justify-between gap-8 bg-violeta px-32 py-24">
@ -183,6 +153,18 @@ export async function render(data) {
); );
} }
function fillerUdesa(n) {
return Array(n)
.fill(0)
.map(() => (
<img
class="grayscale"
src="udesa.png"
alt="logo de la universidad de san andrés"
/>
));
}
async function tailwind() { async function tailwind() {
const from = "src/tailwind.css"; const from = "src/tailwind.css";
return await postcss.process(await readFile(from, "utf-8"), { from }); return await postcss.process(await readFile(from, "utf-8"), { from });