footer
This commit is contained in:
parent
bb89b9d817
commit
3e7c283359
2 changed files with 59 additions and 8 deletions
|
@ -113,7 +113,7 @@ export async function render(data) {
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="box-border 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">
|
||||||
{data.frontpageFooterButtons.map(
|
{data.frontpageFooterButtons.map(
|
||||||
({ content, buttonText, buttonUrl }) => (
|
({ content, buttonText, buttonUrl }) => (
|
||||||
<div class="flex flex-col justify-end">
|
<div class="flex flex-col justify-end">
|
||||||
|
@ -128,6 +128,56 @@ export async function render(data) {
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
</section>
|
</section>
|
||||||
|
<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">
|
||||||
|
<h2 class="py-2 text-xl font-semibold">Socios</h2>
|
||||||
|
<div class="grid grid-cols-3">
|
||||||
|
{Array(6)
|
||||||
|
.fill(0)
|
||||||
|
.map(() => (
|
||||||
|
<img
|
||||||
|
class="grayscale"
|
||||||
|
src="udesa.png"
|
||||||
|
alt="logo de la universidad de san andrés"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-gray-500 col-span-3 border-l pl-4">
|
||||||
|
<h2 class="py-2 text-xl font-semibold">Socios etec lab</h2>
|
||||||
|
<div class="grid grid-cols-2">
|
||||||
|
{Array(4)
|
||||||
|
.fill(0)
|
||||||
|
.map(() => (
|
||||||
|
<img
|
||||||
|
class="grayscale"
|
||||||
|
src="udesa.png"
|
||||||
|
alt="logo de la universidad de san andrés"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-gray-500 col-span-3 border-l pl-4">
|
||||||
|
<h2 class="py-2 text-xl font-semibold">Donantes</h2>
|
||||||
|
<div class="grid grid-cols-2">
|
||||||
|
{Array(4)
|
||||||
|
.fill(0)
|
||||||
|
.map(() => (
|
||||||
|
<img
|
||||||
|
class="grayscale"
|
||||||
|
src="udesa.png"
|
||||||
|
alt="logo de la universidad de san andrés"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="flex flex-wrap justify-between gap-8 bg-violeta px-32 py-24">
|
||||||
|
<p class="text-3xl">TODO: logo</p>
|
||||||
|
<a class="text-xl" href="mailto:alfadatizando@gmail.com">
|
||||||
|
alfadatizando@gmail.com
|
||||||
|
</a>
|
||||||
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
content: ["./src/**/*.{html,liquid,11ty.jsx}"],
|
content: ["./src/**/*.{html,liquid,11ty.jsx}"],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {
|
||||||
colors: {
|
colors: {
|
||||||
blanco: "#fff5e8",
|
blanco: "#fff5e8",
|
||||||
naranja: "#ff4e1f",
|
naranja: "#ff4e1f",
|
||||||
|
@ -11,5 +11,6 @@ module.exports = {
|
||||||
violeta: "#dda7dd",
|
violeta: "#dda7dd",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
};
|
};
|
||||||
|
|
Reference in a new issue