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

ajustar video y reemplazar texto

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-07-29 20:41:07 -03:00
parent e630bc89ce
commit cb80850f83
1 changed files with 32 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
src/index.11ty.jsx
View file

@ -148,37 +148,38 @@ export async function render(data) {
)} )}
</div> </div>
</section> </section>
<section class="grid min-h-screen grid-rows-1 items-end bg-[black] text-[white] lg:grid-cols-4"> <section class="flex min-h-screen items-center bg-[black] text-[white]">
<div class="col-span-3 flex h-full flex-col justify-end p-4"> <div class="mx-auto grid max-w-7xl grid-rows-1 items-end lg:grid-cols-4">
<h2 class="mb-4 mt-16 text-3xl leading-none"> <div class="col-span-3 flex h-full flex-col justify-end p-4">
<strong>Caso:</strong> <h2 class="mb-4 mt-16 text-3xl leading-none">
<br /> <strong>Caso:</strong>
Nuestra Señora del Rosario <br />
</h2> Nuestra Señora del Rosario
<iframe </h2>
class="aspect-video w-full" <iframe
src="https://www.youtube-nocookie.com/embed/NsT30qGayP4" class="aspect-video w-full"
title="YouTube video player" src="https://www.youtube-nocookie.com/embed/NsT30qGayP4"
frameborder="0" title="YouTube video player"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0"
allowfullscreen allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
></iframe> allowfullscreen
</div> ></iframe>
<div class="flex flex-col items-start gap-4 p-4"> </div>
<p class="text-xl leading-6"> <div class="flex flex-col items-start gap-4 p-4">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit <p class="text-xl leading-6">
labore repellat delectus aliquam soluta dolore officia consectetur Formamos a los docentes para enseñar clases híbridas,
ab quos quaerat, maiores earum molestiae assumenda, praesentium alfabetizaciones aumentadas y pensamiento computacional
nemo commodi repellendus iusto dolorum! aplicado.
</p> </p>
<a <a
class="border border-[white] bg-[black] p-3 text-xl font-bold uppercase leading-none" class="border border-[white] bg-[black] p-3 text-xl font-bold uppercase leading-none"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
href="https://www.youtube.com/watch?v=NsT30qGayP4" href="https://www.youtube.com/watch?v=NsT30qGayP4"
> >
VER + VER +
</a> </a>
</div>
</div> </div>
</section> </section>
<section class="grid w-full grid-cols-2 justify-center gap-[1px] gap-y-6 bg-amarillo px-[10%] py-12 md:grid-cols-4"> <section class="grid w-full grid-cols-2 justify-center gap-[1px] gap-y-6 bg-amarillo px-[10%] py-12 md:grid-cols-4">