filipe/website-casa-cidalisa
1
0
Fork 0
Code Issues Pull requests Activity

fix logo

Browse source
This commit is contained in:
Filipe Medeiros 2024-09-23 22:08:48 +02:00
parent f2586b8e7c
commit 29caf2e71a
Signed by: filipe
GPG key ID: 9533BD5467CC1E78
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/pages/index.astro
View file

@ -9,6 +9,7 @@ import Map from "../assets/mapa.png";
import LogoAirbnb from "../assets/logo-airbnb.svg"; import LogoAirbnb from "../assets/logo-airbnb.svg";
import LogoBooking from "../assets/logo-booking.svg"; import LogoBooking from "../assets/logo-booking.svg";
const optimizedBackgroundImage = await getImage({ src: HeroImage }); const optimizedBackgroundImage = await getImage({ src: HeroImage });
const logoImage = await getImage({ src: Logo });
const reviews = [ const reviews = [
{ {
@ -54,16 +55,17 @@ const reviews = [
</head> </head>
<body class="m-0 text-night bg-seasalt font-montserrat"> <body class="m-0 text-night bg-seasalt font-montserrat">
<nav <nav
class="flex justify-between sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0" class="flex justify-center sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0"
> >
<Image <Image src={Logo} alt="TODO" class="sr-only" />
src={Logo} <div
alt="TODO" class="h-12 sm:h-20 w-[8.4rem] sm:w-56 bg-seasalt sm:bg-sunglow"
class="h-12 w-auto"
style={{ style={{
filter: "invert(88%) sepia(96%) saturate(5079%) hue-rotate(185deg) brightness(125%) contrast(96%)", maskImage: `url(${logoImage.src})`,
maskSize: "cover",
}} }}
/> >
</div>
<!-- <button class="text-seasalt">MENU</button> --> <!-- <button class="text-seasalt">MENU</button> -->
</nav> </nav>