ricardogj08/nabu
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

[Agregando] los assets para la imagen del hero, comprimiendo las imagenes y usando las media query del source en la imagen del hero

Browse source
This commit is contained in:
francisco-solis99 2021-09-23 20:02:16 -05:00
parent 0b0e602e26
commit f9ebd23ad7
5 changed files with 1 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/hero-desktop.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
assets/images/hero.png Executable file → Normal file
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/images/hero1_5x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
assets/images/hero2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

1
views/pages/home.php
View file

@ -11,6 +11,7 @@
<?php require_once 'views/components/navbar.php' ?>
<div class="hero">
<picture class="hero__img-wrapper">
<source srcset="<?= NABU_DIRECTORY['images'] ?>/hero-desktop.png" media="(min-width: 600px)">
<img src="<?= NABU_DIRECTORY['images'] ?>/hero.png" alt="Imagen inspiración en cualquier momento y cualquier lugar" class="hero__img">
</picture>
<h1 class="hero__CTA">Lee, inspírate y escribe</h1>