Update site logos and favicon, adjust frontend assets #15
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 201 KiB After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 405 KiB |
|
After Width: | Height: | Size: 400 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 405 KiB |
|
After Width: | Height: | Size: 400 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
|
@ -33,10 +33,10 @@ const { locale } = Astro.params;
|
||||||
</div>
|
</div>
|
||||||
<div class="drawer-side">
|
<div class="drawer-side">
|
||||||
<label for="my-drawer-1" aria-label="close sidebar" class="drawer-overlay"></label>
|
<label for="my-drawer-1" aria-label="close sidebar" class="drawer-overlay"></label>
|
||||||
<ul class="menu min-h-full w-80 p-4 bg-[url(/img/mid-logo-2.webp)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
|
<ul class="menu min-h-full w-80 p-4 bg-[url(/img/opacity-logo.png)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
|
||||||
<!-- Sidebar content here -->
|
<!-- Sidebar content here -->
|
||||||
<div class="flex gap-2 justify-center items-center mb-8 mt-8">
|
<div class="flex gap-2 justify-center items-center mb-8 mt-8">
|
||||||
<img class="w-1/3 object-contain" src="/img/logo-metalico.webp" alt="Logo Centro del Reino de Paz y Justicia" />
|
<img class="w-1/3 object-contain" src="/img/logo-new-white.png" alt="Logo Centro del Reino de Paz y Justicia" />
|
||||||
<p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg ">
|
<p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg ">
|
||||||
<a href="/">{tl("nav.logo_line1")}<br/>{tl("nav.logo_line2")}</a>
|
<a href="/">{tl("nav.logo_line1")}<br/>{tl("nav.logo_line2")}</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ const tl = createTranslator(Astro.currentLocale);
|
||||||
<div class="grid md:grid-cols-2 h-full px-6">
|
<div class="grid md:grid-cols-2 h-full px-6">
|
||||||
<div class="gap-8 md:flex flex-col justify-end">
|
<div class="gap-8 md:flex flex-col justify-end">
|
||||||
<img
|
<img
|
||||||
src="/img/logo-metalico.webp"
|
src="/img/logo-new-white.png"
|
||||||
alt="Logo Metalico"
|
alt="Logo Metalico"
|
||||||
class="w-20 sm:24 md:w-32 lg:w-58 mb-4 mt-0"
|
class="w-20 sm:24 md:w-32 lg:w-58 mb-4 mt-0"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,7 @@ const tl = createTranslator(Astro.currentLocale);
|
||||||
<p class="px-4 order-1 text-sm font-normal text-white lg:self-end text-center lg:text-left">
|
<p class="px-4 order-1 text-sm font-normal text-white lg:self-end text-center lg:text-left">
|
||||||
{tl("footer.reserved")}
|
{tl("footer.reserved")}
|
||||||
</p>
|
</p>
|
||||||
<img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-metalico.webp" alt="Logo Metalico">
|
<img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-new-white.png" alt="Logo Metalico">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -9,8 +9,8 @@ const tl = createTranslator(Astro.currentLocale);
|
||||||
<div id="somos" class="container mx-auto">
|
<div id="somos" class="container mx-auto">
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 bg-white">
|
<div class="grid grid-cols-1 md:grid-cols-3 bg-white">
|
||||||
<div class="bg-[#22523F] col-span-1 flex items-center justify-center bg-[url('/src/assets/mid-logo-2.webp')] bg-no-repeat bg-right md:bg-left">
|
<div class="bg-[#22523F] col-span-1 flex items-center justify-center bg-[url('/img/opacity-logo.png')] bg-cover bg-no-repeat bg-right md:bg-left">
|
||||||
<img src="/img/logo-metalico.webp" alt="" class="w-1/4 my-8 md:w-1/2" />
|
<img src="/img/logo-new-white.png" alt="" class="w-1/4 my-8 md:w-1/2" />
|
||||||
</div>
|
</div>
|
||||||
<div class={`flex flex-col text-tertiary col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}>
|
<div class={`flex flex-col text-tertiary col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}>
|
||||||
<h2 class="font-primary text-xl md:text-3xl font-bold">{tl("identity.initTitle")}</h2>
|
<h2 class="font-primary text-xl md:text-3xl font-bold">{tl("identity.initTitle")}</h2>
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ const tl = createTranslator(Astro.currentLocale);
|
||||||
<BoxContainer props={tl("info.endbox")} />
|
<BoxContainer props={tl("info.endbox")} />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-1 py-38 lg:px-24 bg-[#21523F]">
|
<div class="col-span-1 py-38 lg:px-24 bg-[#21523F]">
|
||||||
<img src="/img/logo-ligth.webp" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)" class="w-1/3 lg:w-100 mx-auto">
|
<img src="/img/logo-new-white.png" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)" class="w-1/3 lg:w-100 mx-auto">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ const tl = createTranslator(Astro.currentLocale);
|
||||||
bgColor: '#CBA16A',
|
bgColor: '#CBA16A',
|
||||||
}} />
|
}} />
|
||||||
<div class="absolute -bottom-[8rem] z-10 w-full">
|
<div class="absolute -bottom-[8rem] z-10 w-full">
|
||||||
<img src="/img/logo-ligth.webp" class="w-1/2 mx-auto" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)">
|
<img src="/img/logo-new-white.png" class="w-1/2 mx-auto" alt="Logo del Centro del Reino de Paz y Justicia (CRPJ)">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden lg:flex bg-[#22523F] object-cover pt-64 justify-end ">
|
<div class="hidden lg:flex bg-[#22523F] object-cover pt-64 justify-end ">
|
||||||
|
|
|
||||||