Esta é uma presença oficial do
Governo dos Açores
Inicio
Aplicações
Ferramentas
Recursos
Login
Registar
Inicio > Recursos > Interferência de ondas
Voltar
</div> <div class="actions"> <div class="share-icons"> <a href="#" onclick="openShareModal()"><i class="fas fa-share-alt"></i></a> <a href="https://phet.colorado.edu/sims/html/wave-interference/latest/wave-interference_en.html" target="_blank" class="link-icon"> <i class="fas fa-link">Abrir</i> </a> <i class="fas fa-heart highlight-heart" style="color: grey; cursor: pointer;" title="Favorito" data-id="2867" onclick="toggleFavorite(this, None)"> </i> </div> </div> <h2>Interferência de ondas</h2> <div> <p>Simulação que permite estudar a propagação, interferência e difração de ondas.</p> </div> <div class="mini-fields"> <div> <span>Formato:</span> <span>Simulação</span> </div> <div> <span>Submetido por:</span> <span>Equipa REDA</span> <button id="profile-btn" class="profile-button">Ver perfil</button> </div> <div> <span>Criado a:</span> <span class='created_at'>2022-02-24 15:20:00</span> </div> <div> <span>Autor:</span> <span>Sam Reid (desenvolvedor líder), Amy Rouinfar (designer chefe), Noah Podolefsky (designer original), Wendy Adams, Diana Lopez Tavares, Ariel Paul, Kathy Perkins, Katie Woessner, Cheryl McCutchan (artes gráficas)</span> </div> <div> <span>Organização:</span> <span>PhET Interactive Simulations/ Universidade do Colorado Boulder</span> </div> <div> <span>Palavras-chave:</span> <span> <a href="/resources?search=Difração da luz">Difração da luz</a> <a href="/resources?search=amplitude">amplitude</a>; <a href="/resources?search=propagação">propagação</a>; <a href="/resources?search=ondas">ondas</a>; <a href="/resources?search=comprimento de onda">comprimento de onda</a>; <a href="/resources?search=interferência">interferência</a>; <a href="/resources?search=difração">difração</a>; <a href="/resources?search=fenda">fenda</a> </span> </div> </div> <div class="files"> </div> <div class="report-error"> <a href="/faleconnosco" class="report-error"> <i class="fas fa-exclamation-triangle"></i> Reporte um problema </a> </div> <!-- Ficha Técnica --> <div class="proposta-op"> <h3>Proposta de operacionalização</h3> <div class="button-container"> <!-- Buttons --> <button onclick="showProposta(1)" class="btn">Proposta 1</button> </div> <div id="proposta1" class="proposta-content"> <div class="separator"> <span class="label">Autor:</span> <span class="value">Equipa REDA</span> </div> <div class="separator"> <span class="label">Organização:</span> <span class="value">REDA</span> </div> <div class="separator"> <span class="label">Proposta de operacionalização:</span> <span class="value">"Explorar a simulação como introdução a atividade laboratorial – "Comprimento de onda e difração"."</span> </div> <div class="separator"> <span class="label">Anos de escolaridade:</span> <span class="value">11.º</span> </div> <div class="separator"> <span class="label">Disciplinas:</span> <span class="value">Física e Química A</span> </div> <div class="separator"> <span class="label">Domínios/Temas:</span> <span class="value">Ondas e Eletromagnetismo </span> </div> <div class="separator"> <span class="label">Subdomínios:</span> <span class="value">Eletromagnetismo e Ondas </span> </div> <div class="separator"> <span class="label">Conceitos:</span> <span class="value"> Difração da luz, amplitude, propagação, ondas, comprimento de onda, interferência, difração, fenda </span> </div> <div class="separator"> <span class="label">Ficheiros associados:</span> <span class="value"> Sem ficheiros associados. </span> </div> </div> </div> </div> <div class="comments"> <div class="ficha-tecnica"> <h3>Ficha Técnica</h3> <div class="separator"> <strong>Idioma:</strong> <span>Inglês</span> </div> <div class="separator"> <strong>Modos de utilização:</strong> <span>Online</span> </div> </div> <h3>Comentários</h3> <p>Por favor, <a href="/login">faça login</a> para poder comentar.</p> <div class="comment-list"> <p>Não há comentários ainda. Seja o primeiro a comentar!</p> </div> </div> </div> </div> </main> <!--Delete resource modal --> <div id="deleteModal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeDeleteModal()">×</span> <h2>Atenção</h2> <p>Tem a certeza de que deseja eliminar este recurso?</p> <button onclick="deleteResource(2867)">Sim</button> <button onclick="closeDeleteModal()">Não</button> </div> </div> <!-- Modal for Comment Submission --> <div id="approvalModal" style="display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);"> <div style="background: white; padding: 20px; margin: 15% auto; width: 300px; text-align: center;" class="modal-content"> <p id="modal-message">O seu comentário está a aguardar aprovação.</p> <button class="close-btn">Fechar</button> </div> </div> <!--Hide resource modal --> <div id="hideModal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeHideModal()">×</span> <h2>Atenção</h2> <p>Tem a certeza de que deseja ocultar este recurso?</p> <!-- Pass the resource ID to the hideResource function --> <button onclick="hideResource(2867)">Sim</button> <button onclick="closeHideModal()">Não</button> </div> </div> <!-- Popup container --> <div id="approvePopup" class="popup-container"> <div class="popup-content"> <span class="close-button" onclick="closePopup()">×</span> <h2>Confirmar Aprovação</h2> <p>Tem certeza de que deseja aprovar esta proposta?</p> <button id="confirmApproveButton">Aprovar</button> </div> </div> <!-- Modal --> <div id="profileModal" class="modal-profile"> <div class="modal-content"> <span class="close-btn" onclick="closeProfileModal()" >×</span> <div class="profile-header"> <img src="/static/files/profile_pics/REDA_logo.png" alt="Profile Picture" class="profile-pic"> <div class="profile-header-text"> <h2>Equipa REDA</h2> <small>@Equipa REDA</small> </div> </div> <div class="profile-details"> <span class="followers"> <strong>2 Seguidores</strong></span> <span class="followers"><strong>1 A seguir</strong></span> <p><strong>Descrição:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> <p><strong>Local:</strong> Angra do Heroísmo, Açores</p> <p><strong>Conquistas:</strong></p> <div class="badges-section"> <img src="/static/images/Badges REDA_verificado.png" alt="badge" class="badge"> </div> </div> </div> </div> <!--Share resource modal --> <div id="shareModal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeShareModal()">×</span> <h2>Partilhar recurso</h2> <p>Copie o link ou partilhe através de:</p> <!-- Share Icons --> <div class="share-icons"> <a href="#" id="facebookShare" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="#" id="emailShare"><i class="far fa-envelope"></i></a> <a href="#" id="twitterShare" target="_blank"><i class="fab fa-twitter-square"></i></a> </div> <!-- Copy Input --> <input type="text" id="resourceLink" value="https://reda-staging.edu.azores.gov.pt/resources/detalhes-recurso/2867" readonly> <button class="copy-button" onclick="copyLink()">Copiar Link</button> <p id="copyMessage" class="copy-message">✅ Link copiado!</p> </div> </div> <div class="related"> <h2> Outros recursos relacionados</h2> <div class="rectangles"> <div class="rectangle"> <div class="media-container"> <img src="/static//files/resources/futebol-uma-grande-jogada-1/futebol-uma-grande-jogada-1_thumb_1732796277947.png" > </div> <h2> Futebol - uma grande joga... </h2> <p> Vídeo que mostra um ataque exemplar realizado pela equipa do Manchester City, em que podem ser obser... </p> <div class="buttons"> <a href="/resources/detalhes-recurso/4032"><button>Ver recurso</button></a> </div> <p class="created_at">2024-11-28 12:17:57</p> <p class="formato_title">Vídeo/Animação</p> <p class="formato_title video"> 00:00:21 </p> </div> <div class="rectangle"> <div class="media-container"> <img src="/static//files/resources/futebol-uma-grande-jogada-2/futebol-uma-grande-jogada-2_thumb_1732796549459.png" > </div> <h2> Futebol - uma grande joga... </h2> <p> Vídeo que mostra um ataque exemplar realizado pela equipa do Manchester City, em que podem ser obser... </p> <div class="buttons"> <a href="/resources/detalhes-recurso/4033"><button>Ver recurso</button></a> </div> <p class="created_at">2024-11-28 12:22:29</p> <p class="formato_title">Vídeo/Animação</p> <p class="formato_title video"> 00:00:21 </p> </div> <div class="rectangle"> <div class="media-container"> <img src="/static//files/resources/futebol-estafeta-de-velocidade/futebol-estafeta-de-velocidade_thumb_1732796994115.png" > </div> <h2> Futebol - estafeta de vel... </h2> <p> Vídeo que mostra uma estafeta com bola, para treino da velocidade. </p> <div class="buttons"> <a href="/resources/detalhes-recurso/4035"><button>Ver recurso</button></a> </div> <p class="created_at">2024-11-28 12:29:54</p> <p class="formato_title">Vídeo/Animação</p> <p class="formato_title video"> 00:00:26 </p> </div> <div class="rectangle"> <div class="media-container"> <img src="/static//files/resources/futebol-situaces-de-treino-do-passe/futebol-situaces-de-treino-do-passe_thumb_1732796033719.png" > </div> <h2> Futebol - situações de tr... </h2> <p> Vídeo que mostra duas situações interessantes de treino do passe. </p> <div class="buttons"> <a href="/resources/detalhes-recurso/4031"><button>Ver recurso</button></a> </div> <p class="created_at">2024-11-28 12:13:53</p> <p class="formato_title">Vídeo/Animação</p> <p class="formato_title video"> 00:00:20 </p> </div> </div> </div> <!-- Contact User Modal --> <div id="contactUserModal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeContactUserModal()">×</span> <h2>Contactar Utilizador</h2> <form id="contactForm" action="/contact_user" method="POST" enctype="multipart/form-data"> <label for="name">Nome:</label> <input type="text" id="name" name="name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="assunto">Assunto:</label> <input type="text" id="assunto" name="assunto" required> <label for="message">Mensagem:</label> <textarea id="message" name="message" rows="5" required></textarea> <label for="file">Anexar arquivo:</label> <input type="file" id="file" name="file"> <button type="submit">Enviar</button> </form> </div> </div> <!-- Success Alert Modal --> <div id="successModal" class="alert-modal"> <div class="alert-modal-content"> <span class="alert-close" onclick="closeSuccessModal()">×</span> <h2></h2> <p id="successMessage">Mensagem enviada com sucesso!</p> <button onclick="closeSuccessModal()">OK</button> </div> </div> <!-- Error Alert Modal --> <div id="errorModal" class="alert-modal"> <div class="alert-modal-content"> <span class="alert-close" onclick="closeErrorModal()">×</span> <h2>Erro.</h2> <p id="errorMessage">Erro ao enviar a mensagem.</p> <button onclick="closeErrorModal()">OK</button> </div> </div> <div class="container mt-4"> <!-- Placeholder for alert --> <div id="alertPlaceholder"></div> </div> <!-- Delete Confirmation Modal (example) --> <div id="deletePopup" class="modal"> <div class="modal-content"> <span class="close" onclick="closeDeletePopup()">×</span> <!-- Close button --> <h2>Atenção</h2> <!-- Title --> <p>Tem a certeza de que deseja eliminar esta proposta?</p> <!-- Message --> <button class="btn btn-danger" id="confirmDeleteButton">Sim</button> <!-- Yes button --> <button class="btn btn-secondary" onclick="closeDeletePopup()">Não</button> <!-- No button --> </div> </div> <!-- Footer --> <footer class="footer"> <div class="container footer-container"> <div class="footer-nav"> <a href="/sobre">Sobre</a> <a href="/ajuda">Ajuda</a> <a href="/fichatecnica">Ficha Técnica</a> <a href="/politica-privacidade">Política de Privacidade</a> <a href="/faleconnosco"> <button>Fale connosco</button> </a> </div> <div class="social-icons"> <a href="#"><i class="fab fa-facebook"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> </div> <div class="additional-images"> <img src="/static/images/LogoDREAE-1.png" alt="Image 1"> <img src="/static/images/gov_acores_transparent.png" alt="Image 2"> </div> <span> © Direção Regional da Educação - Secretaria Regional da Educação,Cultura e Desporto </span> </div> </footer> <script src="https://kit.fontawesome.com/a076d05399.js"></script> <!-- JavaScript to Handle Modal --> <script> document.addEventListener("DOMContentLoaded", function () { var modal = document.getElementById("profileModal"); var btn = document.getElementById("profile-btn"); var closeBtn = document.getElementsByClassName("close-btn")[0]; // Abrir modal if (btn) { btn.onclick = function() { modal.style.display = "block"; } } // Fechar modal if (closeBtn) { closeBtn.onclick = function() { closeProfileModal(); } } // Fechar modal ao clicar fora do conteúdo window.onclick = function(event) { if (event.target === modal) { closeProfileModal(); } }; }); // Define a função no escopo global function closeProfileModal() { var modal = document.getElementById("profileModal"); if (modal) { modal.style.display = "none"; } } </script> <script> document.getElementById("follow-btn").addEventListener("click", function () { let button = this; let followedUserId = 5; fetch("/follow_user", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams({ followed_user_id: followedUserId }) }) .then(response => response.json()) .then(data => { if (data.success) { button.innerText = (button.innerText === "Seguir") ? "A Seguir" : "Seguir"; } else { alert("Erro: " + data.error); } }) .catch(error => console.error("Erro:", error)); }); </script> <script> // Embed resource details directly from the server-side template const resourceDetails = { username: "Equipa REDA", email: "dre.rea@edu.azores.gov.pt", assunto: "Recurso#2867-Interferência de ondas" // Make sure this matches the server-side data }; // Function to populate the form fields function populateForm() { document.getElementById('name').value = resourceDetails.username; document.getElementById('email').value = resourceDetails.email; document.getElementById('assunto').value = resourceDetails.assunto; // Use 'assunto' instead of 'title' } // Populate the form fields when the page loads window.onload = populateForm; </script> <script> let currentScriptId = null; function aprovarProposta(script_id) { currentScriptId = script_id; document.getElementById('approvePopup').style.display = 'block'; } function closePopup() { document.getElementById('approvePopup').style.display = 'none'; currentScriptId = null; } document.getElementById('confirmApproveButton').addEventListener('click', function() { if (currentScriptId) { fetch(`/approve_script/${currentScriptId}`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, }) .then(response => response.json()) .then(data => { if (data.success) { alert('Proposta de operacionalização atualizada.'); location.reload(); // This will reload the page } else { alert('Erro ao atualizar proposta.'); } }) .catch((error) => { console.error('Error:', error); }) .finally(() => { closePopup(); }); } }); function toggleFavorite(element, userId) { const resourceId = element.getAttribute('data-id'); fetch('/toggle_favorite', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ resource_id: resourceId, user_id: userId }), }) .then(response => response.json()) .then(data => { if (data.success) { // Toggle the color of the heart element.style.color = data.is_favorite ? 'red' : 'grey'; } else { alert('Failed to toggle favorite.'); } }) .catch(error => { console.error('Error:', error); alert('An error occurred.'); }); } </script> <script> let currentDeleteId = null; // Variable to store the ID of the proposal to delete function deleteProposta(script_id) { currentDeleteId = script_id; // Set the current ID to delete document.getElementById('deletePopup').style.display = 'block'; // Show the delete confirmation modal } function closeDeletePopup() { document.getElementById('deletePopup').style.display = 'none'; // Close the modal currentDeleteId = null; // Reset the ID } // Function to show Bootstrap alert dynamically function showAlert(message, type = 'success') { const alertPlaceholder = document.getElementById('alertPlaceholder'); // Create the alert div const alertDiv = document.createElement('div'); alertDiv.className = `alert alert-${type} alert-dismissible fade show`; alertDiv.role = 'alert'; alertDiv.innerHTML = ` ${message} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> `; // Append the alert to the placeholder alertPlaceholder.appendChild(alertDiv); // Auto-remove the alert after 5 seconds setTimeout(() => { alertDiv.classList.remove('show'); alertDiv.classList.add('hide'); alertPlaceholder.removeChild(alertDiv); }, 5000); } // Confirm deletion document.getElementById('confirmDeleteButton').addEventListener('click', function() { if (currentDeleteId) { fetch(`/delete_script/${currentDeleteId}`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, }) .then(response => response.json()) .then(data => { if (data.success) { showAlert('Proposta eliminada com sucesso!', 'success'); // Show success alert location.reload(); // Reload the page to see changes } else { showAlert('Erro ao eliminar proposta.', 'danger'); // Show error alert } }) .catch((error) => { console.error('Error:', error); showAlert('Ocorreu um erro ao eliminar a proposta.', 'danger'); // Show error alert }) .finally(() => { closeDeletePopup(); // Close the modal after the action }); } }); </script> <script> // Get all elements with class 'created_at' const createdAtElements = document.querySelectorAll('.created_at'); // Array of month names in Portuguese const months = ["janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"]; // Loop through each element and format its date createdAtElements.forEach(element => { // Extract the date string const dateString = element.textContent.trim(); // Convert the date string to a JavaScript Date object const date = new Date(dateString); // Format the date in the desired format const formattedDate = `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`; // Update the content of the element with the formatted date element.textContent = formattedDate; }); </script> <script> // Function to show the success alert modal function showSuccessModal(message) { document.getElementById('successMessage').textContent = message; document.getElementById('successModal').style.display = 'flex'; } // Function to close the success alert modal function closeSuccessModal() { document.getElementById('successModal').style.display = 'none'; } // Function to show the error alert modal function showErrorModal(message) { document.getElementById('errorMessage').textContent = message; document.getElementById('errorModal').style.display = 'flex'; } // Function to close the error alert modal function closeErrorModal() { document.getElementById('errorModal').style.display = 'none'; } // Form submit event listener document.getElementById('contactForm').addEventListener('submit', function(event) { event.preventDefault(); // Prevent the form from submitting the traditional way const formData = new FormData(this); fetch('/contact_user', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.success) { showSuccessModal('Mensagem enviada com sucesso!'); closeContactUserModal(); // Assuming you have this function for another purpose } else { showErrorModal('Erro ao enviar a mensagem: ' + data.error); } }) .catch(error => { console.error('Error:', error); showErrorModal('Erro ao enviar a mensagem.'); }); }); </script> <script> document.getElementById('backButton').addEventListener('click', function() { window.history.back(); }); // Function to open the modal document.addEventListener("DOMContentLoaded", function () { const modal = document.getElementById("shareModal"); const copyMessage = document.getElementById("copyMessage"); const resourceUrl = document.getElementById("resourceLink").value; function openShareModal() { modal.style.display = "flex"; } function closeShareModal() { modal.style.display = "none"; } function copyLink() { const linkField = document.getElementById("resourceLink"); linkField.select(); document.execCommand("copy"); // Show confirmation message copyMessage.style.display = "block"; setTimeout(() => { copyMessage.style.display = "none"; }, 2000); } // Set Share Links Dynamically document.getElementById("facebookShare").href = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(resourceUrl)}`; document.getElementById("emailShare").href = `mailto:?subject=Vê este recurso da REDA!&body=Confere este recurso através do link: ${encodeURIComponent(resourceUrl)}`; document.getElementById("twitterShare").href = `https://twitter.com/intent/tweet?url=${encodeURIComponent(resourceUrl)}&text=Vê este recurso incrível!`; window.openShareModal = openShareModal; window.closeShareModal = closeShareModal; window.copyLink = copyLink; }); function showProposta(propostaIndex) { var propostaElement = document.getElementById('proposta' + propostaIndex); if (propostaElement.style.display === 'none' || propostaElement.style.display === '') { propostaElement.style.display = 'block'; } else { propostaElement.style.display = 'none'; } } // Get the modal var hideModal = document.getElementById("hideModal"); // Function to open the modal function openHideModal() { hideModal.style.display = "block"; } // Function to close the modal function closeHideModal() { hideModal.style.display = "none"; } // Function to submit a comment function submitComment(resourceId) { // Get the comment text from the textarea var commentText = document.getElementById('comment').value.trim(); // Check if the comment is empty if (commentText === '') { alert("Por favor, escreva um comentário."); return; } // Make an AJAX request to submit the comment fetch('/submit_comment', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ 'comment': commentText, 'resource_id': resourceId // Pass the resource_id to the backend }) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { if (data.success) { alert("O seu comentário foi adicionado com sucesso e aguarda agora aprovação."); // Reload the page or update the comments dynamically location.reload(); } else { alert("Erro ao adicionar comentário: " + data.error); } }) .catch(error => { console.error('Error:', error); alert("Erro ao adicionar comentário: " + error.message); }); } // Function to hide the resource function hideResource(resourceId) { // Make an AJAX request to hide the resource fetch(`/hide_resource/${resourceId}`, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(data => { if (data.includes("Resource hidden successfully")) { alert("Recurso ocultado com sucesso!"); // Reload the page after hiding the resource location.reload(); } else { alert("Erro ao ocultar o recurso: " + data); } hideModal.style.display = "none"; // Close the modal }) .catch(error => { console.error('Error:', error); alert("Erro ao ocultar o recurso: " + error.message); hideModal.style.display = "none"; // Close the modal in case of error }); } // Event listener for the 'Ocultar' button document.querySelector('.hide').addEventListener('click', openHideModal); // Get the modal var deleteModal = document.getElementById("deleteModal"); // Function to open the modal function openDeleteModal() { deleteModal.style.display = "block"; } // Function to close the modal function closeDeleteModal() { deleteModal.style.display = "none"; } // Function to hide the resource (replace this with your actual logic) function deleteResource(resourceId) { // Make an AJAX request to delete the resource fetch(`/delete_resource/${resourceId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' } }) .then(response => response.json().then(data => ({ status: response.status, body: data }))) .then(response => { if (response.status === 200) { alert(response.body.message); // Redirect to the main page after deletion window.location.href = '/myaccount'; } else { alert("Error deleting the resource: " + response.body.message); } deleteModal.style.display = "none"; // Close the modal }) .catch(error => { console.error('Error:', error); alert("Error deleting the resource: " + error.message); deleteModal.style.display = "none"; // Close the modal in case of error }); } // Event listener for the 'Ocultar' button document.querySelector('.delete').addEventListener('click', openDeleteModal); </script> <script> // Function to open the contact user modal function openContactUserModal() { document.getElementById('contactUserModal').style.display = 'block'; } // Function to close the contact user modal function closeContactUserModal() { document.getElementById('contactUserModal').style.display = 'none'; } // Event listener for the 'Contactar utilizador' button document.querySelector('.Contact').addEventListener('click', openContactUserModal); // Handle form submission (you can replace this with your actual logic) document.getElementById('contactForm').addEventListener('submit', function(event) { event.preventDefault(); // Implement your form submission logic here //alert('Mensagem enviada com sucesso!'); closeContactUserModal(); // Close the modal after submission }); </script> <script> function toggleDropdown() { const dropdown = document.getElementById('dropdownMenu'); dropdown.classList.toggle('show'); } // Close the dropdown if clicked outside window.onclick = function(event) { const dropdown = document.getElementById('dropdownMenu'); if (!event.target.matches('.profile-picture') && dropdown.classList.contains('show')) { dropdown.classList.remove('show'); } }; </script> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="a95860f7af659d41fdf7958b-|49" defer></script>
Esta é uma presença oficial do Governo dos Açores
Esta é uma presença oficial do Governo dos Açores
