/* ESTE CODIGO DEVE SER DUPLICADO TANTO NO BOTÃO LISTA EM 'CONTRASTE' QUANTO NO CODIGO HTML AO LADO PARA QUE ELE FUNCIONE*/ /* Estilos para a página em preto e branco */ .grayscale { filter: grayscale(100%); background-color: black; /* Adicionando a cor de fundo preta */ } .grayscale * { color: white !important; /* Definindo a cor do texto como branco para todos os elementos */ } .grayscale [style*="background-color: white"] { background-color: black !important; /* Mudando o fundo dos elementos com fundo branco para preto */ } .grayscale .elementor-widget-container { background-color: black !important; /* Alterando o fundo da classe .elementor-widget-container para preto */ } /* Alterando o fundo das classes elementor-flip-box__front e .elementor-flip-box__back */ .grayscale .elementor-flip-box__front, .grayscale .elementor-flip-box__back { background-color: black !important; } /* Estilo do link */ .contrast-link { color: white; cursor: pointer; }
Contraste
document.addEventListener('DOMContentLoaded', function() { var toggleLink = document.getElementById('toggle-grayscale'); var pageBody = document.body; // Função para verificar o estado do contraste a partir dos cookies function checkContrast() { var contrastState = getCookie("contrastState"); if (contrastState === "grayscale") { pageBody.classList.add('grayscale'); } } // Função para definir o cookie function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // Função para obter o valor do cookie function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length); } return null; } // Verificar o estado do contraste ao carregar a página checkContrast(); toggleLink.addEventListener('click', function() { // Alternar a classe que aplica o filtro de preto e branco pageBody.classList.toggle('grayscale'); // Atualizar o cookie com o estado do contraste if (pageBody.classList.contains('grayscale')) { setCookie("contrastState", "grayscale", 365); } else { setCookie("contrastState", "", 365); } }); // Adicionar ouvinte de evento para ativar o contraste com Ctrl + Alt + D document.addEventListener('keydown', function(event) { if (event.ctrlKey && event.altKey && event.key === 'd') { pageBody.classList.toggle('grayscale'); // Atualizar o cookie com o estado do contraste if (pageBody.classList.contains('grayscale')) { setCookie("contrastState", "grayscale", 365); } else { setCookie("contrastState", "", 365); } } }); });
Controle de Áudio body { overflow: auto; transition: transform 0.3s ease; } #audioButton { display: inline-block; background-color: transparent; border: none; color: #ffffff; cursor: pointer; } #audioButtonText { color: #ffffff; /* Cor do link */ text-decoration: underline; /* Sublinhado */ border: none; } Áudio var audioPlayer = document.getElementById("audioPlayer"); var isAudioActive = false; var elementsToRead = document.querySelectorAll("p, li, a"); var speechSynthesis = window.speechSynthesis; var speechUtterance; function toggleAudioFunction() { isAudioActive = !isAudioActive; audioPlayer.pause(); if (isAudioActive) { alert( "Função de áudio ativada. Passe o mouse sobre um elemento para ouvir." ); for (var i = 0; i < elementsToRead.length; i++) { elementsToRead[i].addEventListener("mouseover", readElement); elementsToRead[i].addEventListener("mouseout", stopReading); } } else { alert("Função de áudio desativada."); for (var i = 0; i < elementsToRead.length; i++) { elementsToRead[i].removeEventListener("mouseover", readElement); elementsToRead[i].removeEventListener("mouseout", stopReading); } speechSynthesis.cancel(); } } function readElement(event) { var textToRead = event.target.textContent.trim(); speechUtterance = new SpeechSynthesisUtterance(textToRead); speechSynthesis.speak(speechUtterance); } function stopReading() { speechSynthesis.cancel(); }