This commit is contained in:
2025-04-25 14:41:17 -03:00
parent d82e18c67c
commit 293444f421
10 changed files with 35 additions and 34 deletions

View File

@@ -1,7 +1,7 @@
--- ---
import { Icon } from 'astro-icon/components' import { Icon } from "astro-icon/components";
const { items = [] } = Astro.props const { items = [] } = Astro.props;
--- ---
<div id="carousel" class="relative"> <div id="carousel" class="relative">
@@ -26,8 +26,12 @@ const { items = [] } = Astro.props
> >
{ {
items.map((Component, idx) => ( items.map((Component, idx) => (
<div class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"> <div
<Component class="size-48 lg:size-38 fill-white" id={`slide${idx + 1}`} /> class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
id={`slide${idx + 1}`}
>
<Component />
<!-- <Component class="size-48 lg:size-38 fill-white" /> -->
</div> </div>
)) ))
} }
@@ -35,26 +39,26 @@ const { items = [] } = Astro.props
</div> </div>
<script> <script>
const carousel = document.getElementById('carousel') const carousel = document.getElementById("carousel");
const slides = carousel.querySelectorAll('.snap-center') const slides = carousel.querySelectorAll(".snap-center");
let currentIndex = 0 let currentIndex = 0;
const scrollToSlide = (index: number) => { const scrollToSlide = (index: number) => {
if (index >= 0 && index < slides.length) { if (index >= 0 && index < slides.length) {
slides[index].scrollIntoView({ slides[index].scrollIntoView({
behavior: 'smooth', behavior: "smooth",
block: 'nearest', block: "nearest",
inline: 'center', inline: "center",
}) });
currentIndex = index currentIndex = index;
} }
} };
document.getElementById('prev').addEventListener('click', () => { document.getElementById("prev").addEventListener("click", () => {
scrollToSlide(currentIndex - 1) scrollToSlide(currentIndex - 1);
}) });
document.getElementById('next').addEventListener('click', () => { document.getElementById("next").addEventListener("click", () => {
scrollToSlide(currentIndex + 1) scrollToSlide(currentIndex + 1);
}) });
</script> </script>

View File

@@ -2,11 +2,11 @@
import Carousel from "~/components/Carousel.astro"; import Carousel from "~/components/Carousel.astro";
import Container from "~/components/Container.astro"; import Container from "~/components/Container.astro";
import Kordsa from "~/components/Logos/Kordsa.astro"; import Kordsa from "~/icons/logos/kordsa.svg";
import Semeq from "~/components/Logos/Semeq.astro"; import Semeq from "~/icons/logos/semeq.svg";
import Natura from "~/components/Logos/Natura.astro"; import Natura from "~/icons/logos/natura.svg";
import Nissan from "~/components/Logos/Nissan.astro"; import Nissan from "~/icons/logos/nissan.svg";
import Manserv from "~/components/Logos/Manserv.astro"; import Manserv from "~/icons/logos/manserv.svg";
--- ---
<Container <Container

View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" /> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 303 B

After

Width:  |  Height:  |  Size: 288 B

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36" {...Astro.props}> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36">
<g> <g>
<g> <g>
<path <path

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095" {...Astro.props}> <svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095">
<g id="logo-e" transform="translate(15704.411 15506)"> <g id="logo-e" transform="translate(15704.411 15506)">
<path <path
id="Path_9" id="Path_9"

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23" {...Astro.props}> <svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23">
<defs></defs><g> <defs></defs><g>
<path <path
class="cls-1" class="cls-1"

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,4 +1,4 @@
<svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg" {...Astro.props}> <svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M79.7154 18.2979C88.2144 18.2979 92.1139 23.5972 92.1139 28.7966V40.0952H86.7146V28.7966C86.7146 25.597 84.8148 20.3976 79.7154 20.3976C74.5161 20.3976 72.7163 25.597 72.7163 28.7966V40.0952H67.4169V28.7966C67.3169 23.5972 71.2165 18.2979 79.7154 18.2979Z" d="M79.7154 18.2979C88.2144 18.2979 92.1139 23.5972 92.1139 28.7966V40.0952H86.7146V28.7966C86.7146 25.597 84.8148 20.3976 79.7154 20.3976C74.5161 20.3976 72.7163 25.597 72.7163 28.7966V40.0952H67.4169V28.7966C67.3169 23.5972 71.2165 18.2979 79.7154 18.2979Z"
></path><path ></path><path

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -8,7 +8,6 @@
viewBox="0 0 504 421.7" viewBox="0 0 504 421.7"
style="enable-background:new 0 0 504 421.7;" style="enable-background:new 0 0 504 421.7;"
xml:space="preserve" xml:space="preserve"
{...Astro.props}
> >
<g id="Layer_1_1_"> <g id="Layer_1_1_">
<g id="Nissan_Badge_1_"> <g id="Nissan_Badge_1_">

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -4,7 +4,6 @@
width="141.088" width="141.088"
height="45.581" height="45.581"
viewBox="0 0 141.088 45.581" viewBox="0 0 141.088 45.581"
{...Astro.props}
> >
<g id="Group_1157" data-name="Group 1157" transform="translate(0 0)"> <g id="Group_1157" data-name="Group 1157" transform="translate(0 0)">
<path <path
@@ -15,7 +14,7 @@
fill="currentColor" fill="currentColor"
fill-rule="evenodd"></path> fill-rule="evenodd"></path>
<g id="Group_1155" data-name="Group 1155"> <g id="Group_1155" data-name="Group 1155">
<g id="Group_1154" data-name="Group 1154" clip-path="url(#clip-path)"> <g id="Group_1154" data-name="Group 1154">
<path <path
id="Path_3696" id="Path_3696"
data-name="Path 3696" data-name="Path 3696"

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@@ -1,6 +1,5 @@
--- ---
import "~/styles/app.css"; import "~/styles/app.css";
import Logo from "~/components/logos/Eduseg.astro";
import Container from "~/components/Container.astro"; import Container from "~/components/Container.astro";
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
@@ -26,7 +25,7 @@ const year = new Date().getFullYear();
<header> <header>
<Container class="flex items-center py-3"> <Container class="flex items-center py-3">
<a href="/" aria-label="Página inicial"> <a href="/" aria-label="Página inicial">
<Logo className="h-10" /> <Icon name="logos/eduseg" class="w-28 h-auto" />
</a> </a>
<div class="ml-auto"> <div class="ml-auto">