/* * JavaScript Puro: TCL Reservatórios Premium * Funções: Menu Mobile, Header Fixo (Sticky) e Scroll Suave. * Autor: Alquimista do Código 2.0 */ document.addEventListener('DOMContentLoaded', () => { // --- 1. Menu Mobile (Hamburguer) --- const navToggle = document.querySelector('.nav__toggle'); const navList = document.querySelector('.nav__list'); const body = document.body; if (navToggle && navList) { navToggle.addEventListener('click', () => { body.classList.toggle('nav-open'); const isExpanded = navToggle.getAttribute('aria-expanded') === 'true'; navToggle.setAttribute('aria-expanded', !isExpanded); }); } // --- 2. Dropdown (Acessível por Teclado e Click) --- // Esta lógica é necessária para desktop e mobile const dropdownToggles = document.querySelectorAll('.nav__link--dropdown-toggle'); dropdownToggles.forEach(toggle => { toggle.addEventListener('click', (e) => { // Prevenir o clique no link se for um dropdown (especialmente em mobile) e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); }); // Adiciona suporte a teclado (Enter) toggle.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); } }); }); // --- 3. Header Fixo (Sticky on Scroll) --- const header = document.getElementById('header'); if (header) { const stickyThreshold = 50; // Distância de scroll para fixar const handleScroll = () => { if (window.scrollY > stickyThreshold) { header.classList.add('header--sticky'); } else { header.classList.remove('header--sticky'); } }; window.addEventListener('scroll', handleScroll, { passive: true }); } // --- 4. Scroll Suave para Âncoras (Ex: CTA do Hero) --- const anchorLinks = document.querySelectorAll('a[href^="#"]'); anchorLinks.forEach(link => { link.addEventListener('click', function(e) { const href = this.getAttribute('href'); // Ignorar links que são apenas '#' ou toggles de dropdown if (href === '#' || this.classList.contains('nav__link--dropdown-toggle')) return; const targetElement = document.querySelector(href); if (targetElement) { e.preventDefault(); // Fecha o menu mobile se estiver aberto if (body.classList.contains('nav-open')) { body.classList.remove('nav-open'); navToggle.setAttribute('aria-expanded', 'false'); } // Calcula a posição do elemento de destino const headerOffset = header ? header.offsetHeight : 0; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); });

O Que é Visor

O Que é Visor?

O termo **visor** refere-se a uma superfície ou elemento que permite a visualização de informações ou ambientes. Em diversos contextos, como na engenharia, arquitetura e design, o visor pode ser uma parte essencial de um produto ou estrutura. Ele pode ser encontrado em equipamentos industriais, como tanques e reservatórios, onde a transparência ou a capacidade de visualização é crucial para monitorar o conteúdo. Além disso, os visores são utilizados em dispositivos eletrônicos e automotivos, proporcionando uma interface visual para o usuário.

Os visores podem ser classificados em diferentes tipos, dependendo de sua aplicação e design. Por exemplo, em tanques metálicos, um visor pode ser uma janela de inspeção que permite verificar o nível do líquido armazenado. Esses visores são frequentemente feitos de materiais resistentes, como vidro temperado ou acrílico, que suportam pressões e temperaturas variadas. A escolha do material é fundamental para garantir a durabilidade e a segurança do visor em ambientes industriais.

Além da função de visualização, os visores também desempenham um papel importante na segurança. Em muitos casos, eles são projetados para evitar vazamentos e garantir que o conteúdo do tanque ou reservatório permaneça seguro. Isso é especialmente relevante em indústrias que lidam com substâncias químicas ou combustíveis, onde a integridade do visor pode prevenir acidentes. Portanto, a qualidade e a resistência do visor são fatores críticos a serem considerados na sua fabricação.

A instalação de visores em tanques e reservatórios deve seguir normas e regulamentos específicos para garantir a segurança operacional. É essencial que os visores sejam instalados corretamente para evitar falhas que possam comprometer a segurança do sistema. Além disso, a manutenção regular dos visores é necessária para assegurar que eles permaneçam em boas condições e funcionais ao longo do tempo. Isso inclui inspeções visuais e substituições quando necessário.

Os visores também podem ser equipados com tecnologias adicionais, como sensores de nível e temperatura, que fornecem dados em tempo real sobre o conteúdo do tanque. Esses sistemas automatizados melhoram a eficiência operacional e ajudam a prevenir problemas antes que eles ocorram. A integração de tecnologia nos visores é uma tendência crescente, especialmente em indústrias que buscam otimizar seus processos e aumentar a segurança.

A escolha do tipo de visor adequado depende de vários fatores, incluindo o tipo de líquido armazenado, a pressão interna do tanque e as condições ambientais. Por exemplo, um visor para um tanque de água pode ter requisitos diferentes em comparação com um visor para um tanque de combustível. Portanto, é importante consultar especialistas ao selecionar visores para garantir que eles atendam às necessidades específicas do projeto.

Os visores também podem ser utilizados em aplicações não industriais, como em veículos e equipamentos eletrônicos. Nos automóveis, por exemplo, os visores são usados em painéis de instrumentos para exibir informações cruciais ao motorista. Da mesma forma, em dispositivos eletrônicos, os visores podem ser telas que mostram dados e interações para os usuários. A versatilidade dos visores os torna componentes valiosos em uma ampla gama de produtos.

Em resumo, o visor é um elemento essencial em muitos contextos, especialmente em indústrias que utilizam tanques e reservatórios. Sua função vai além da simples visualização, abrangendo aspectos de segurança, monitoramento e eficiência. A escolha, instalação e manutenção adequadas dos visores são fundamentais para garantir a operação segura e eficaz de sistemas que dependem deles. Portanto, ao considerar a implementação de visores, é crucial avaliar todos esses fatores para garantir a melhor solução para suas necessidades.

🌧️ Reaproveite a água da chuva! Sistemas inteligentes para economia e sustentabilidade. Peça um orçamento!

⛽Segurança para seu posto! Tanques subterrâneos de alta qualidade para armazenar combustíveis com máxima proteção. Solicite orçamento agora!