subi os arquivos do meu site

Carlosesposito22 · Jul 8, 2024 · 3a7ef1e · 3a7ef1e
commit 3a7ef1e
Show file tree

Hide file tree

Showing 33 changed files with 1,247 additions and 0 deletions.
diff --git a/css/styles.css b/css/styles.css
diff --git a/img/Aperol Spritz.webp b/img/Aperol Spritz.webp
diff --git a/img/Arancini.jpg b/img/Arancini.jpg
diff --git a/img/Calamari Fritti.jpg b/img/Calamari Fritti.jpg
diff --git a/img/Cannoli Siciliano.webp b/img/Cannoli Siciliano.webp
diff --git a/img/Carpaccio de Carne.jpg b/img/Carpaccio de Carne.jpg
diff --git a/img/Crostata di Frutta.webp b/img/Crostata di Frutta.webp
diff --git a/img/Espresso.jpeg b/img/Espresso.jpeg
diff --git a/img/Focaccia com Alecrim e Sal Marinho.png b/img/Focaccia com Alecrim e Sal Marinho.png
diff --git a/img/Insalata Caprese.jpg b/img/Insalata Caprese.jpg
diff --git a/img/Limonata.jpg b/img/Limonata.jpg
diff --git a/img/Limoncello.jpeg b/img/Limoncello.jpeg
diff --git a/img/Negroni.jpg b/img/Negroni.jpg
diff --git a/img/Panna Cotta com Frutas.webp b/img/Panna Cotta com Frutas.webp
diff --git a/img/Pizza Capricciosa.jpg b/img/Pizza Capricciosa.jpg
diff --git a/img/Pizza Diavola.jpg b/img/Pizza Diavola.jpg
diff --git a/img/Pizza Frutti di Mare.jpg b/img/Pizza Frutti di Mare.jpg
diff --git a/img/Pizza Margherita.jpg b/img/Pizza Margherita.jpg
diff --git a/img/Pizza Quattro Formaggi.webp b/img/Pizza Quattro Formaggi.webp
diff --git a/img/Pizza Quattro Stagioni.jpg b/img/Pizza Quattro Stagioni.jpg
diff --git a/img/Sgroppino.jpg b/img/Sgroppino.jpg
diff --git a/img/Supplì al Telefono.avif b/img/Supplì al Telefono.avif
diff --git a/img/Torta Caprese.webp b/img/Torta Caprese.webp
diff --git a/img/Vinho Chianti.webp b/img/Vinho Chianti.webp
diff --git a/img/Zeppole di San Giuseppe.jpg b/img/Zeppole di San Giuseppe.jpg
diff --git a/img/black-transparent.png b/img/black-transparent.png
diff --git a/img/logo principal.png b/img/logo principal.png
diff --git a/img/logo-ing.png b/img/logo-ing.png
diff --git a/img/logo2-ing.png b/img/logo2-ing.png
diff --git a/img/logo2.png b/img/logo2.png
diff --git a/img/video.mp4 b/img/video.mp4
diff --git a/index.html b/index.html
diff --git a/js/Arquivo.js b/js/Arquivo.js
@@ -0,0 +1,134 @@
+const header = document.querySelector("header");
+
+window.addEventListener("scroll", function () {
+    header.classList.toggle("sticky", window.scrollY > 0);
+
+})
+
+let menu = document.querySelector('#menu-icon');
+let navbar = document.querySelector('.navbar');
+
+menu.onclick = () => {
+    menu.classList.toggle('bx-x');
+    navbar.classList.toggle('open');
+}
+
+window.onscroll = () => {
+    menu.classList.remove('bx-x');
+    navbar.classList.remove('open');
+}
+
+const sr = ScrollReveal({
+    distance: '30px',
+    duration: 1000,
+    reset: true
+})
+sr.reveal('.menuP-texto, .contato', { delay: 200, origin: 'left' });
+sr.reveal('.menuP-img, .form', { delay: 200, origin: 'right' });
+sr.reveal('.container, .container-box, .menu, .menu-content', { delay: 200, origin: 'bottom' });
+
+document.addEventListener('DOMContentLoaded', function () {
+    const form = document.getElementById('contactForm');
+    const nome = document.getElementById('nome');
+    const telefone = document.getElementById('telefone');
+    const mensagem = document.getElementById('mensagem');
+
+    const nomeError = document.getElementById('nomeError');
+    const telefoneError = document.getElementById('telefoneError');
+    const mensagemError = document.getElementById('mensagemError');
+
+    const validateNome = () => {
+        if (nome.value.trim() === '') {
+            nomeError.textContent = 'Nome é obrigatório.';
+            nomeError.style.display = 'block';
+        } else {
+            nomeError.textContent = '';
+            nomeError.style.display = 'none';
+        }
+    };
+
+    const validateTelefone = () => {
+        const telefonePattern = /^\d{10,11}$/;
+        if (!telefonePattern.test(telefone.value.trim())) {
+            telefoneError.textContent = 'Telefone deve conter 10 ou 11 dígitos.';
+            telefoneError.style.display = 'block';
+        } else {
+            telefoneError.textContent = '';
+            telefoneError.style.display = 'none';
+        }
+    };
+
+    const validateMensagem = () => {
+        if (mensagem.value.trim() === '') {
+            mensagemError.textContent = 'Mensagem é obrigatória.';
+            mensagemError.style.display = 'block';
+        } else {
+            mensagemError.textContent = '';
+            mensagemError.style.display = 'none';
+        }
+    };
+
+    nome.addEventListener('input', validateNome);
+    telefone.addEventListener('input', validateTelefone);
+    mensagem.addEventListener('input', validateMensagem);
+
+    form.addEventListener('submit', function (event) {
+        event.preventDefault();
+        validateNome();
+        validateTelefone();
+        validateMensagem();
+
+        if (nomeError.textContent === '' && telefoneError.textContent === '' && mensagemError.textContent === '') {
+            alert('Mensagem enviada com sucesso!');
+            form.reset();
+        } else {
+            alert('Por favor, corrija os erros antes de enviar.');
+        }
+    });
+});
+
+let currentLang = 'pt';
+
+function switchLanguage(lang) {
+    currentLang = lang;
+    document.querySelectorAll('[data-lang-pt], [data-lang-en]').forEach(element => {
+        if (element.tagName.toLowerCase() === 'input' && element.type === 'submit') {
+            element.value = lang === 'pt' ? element.getAttribute('data-lang-pt') : element.getAttribute('data-lang-en');
+        } else if (element.tagName.toLowerCase() === 'input' || element.tagName.toLowerCase() === 'textarea') {
+            element.placeholder = lang === 'pt' ? element.getAttribute('data-lang-pt') : element.getAttribute('data-lang-en');
+        } else {
+            if (lang === 'pt' && element.dataset.langPt) {
+                element.textContent = element.dataset.langPt;
+            } else if (lang === 'en' && element.dataset.langEn) {
+                element.textContent = element.dataset.langEn;
+            }
+        }
+    });
+    translateImages(lang);
+
+    function translateImages(lang) {
+        const images = document.querySelectorAll('[data-img-pt], [data-img-en]');
+
+        images.forEach(image => {
+            const newSrc = lang === 'pt' ? image.getAttribute('data-img-pt') : image.getAttribute('data-img-en');
+            image.src = newSrc;
+        });
+    }
+}
+
+document.getElementById('btn-pt').addEventListener('click', () => switchLanguage('pt'));
+document.getElementById('btn-en').addEventListener('click', () => switchLanguage('en'));
+
+function setInitialLanguage() {
+    const preferredLanguage = navigator.language || navigator.userLanguage;
+    switchLanguage(preferredLanguage.startsWith('pt') ? 'pt' : 'en');
+}
+
+setInitialLanguage();
+
+
+
+
+
+
+