From 685d37e3f619e98c29ab7acbf72fb5c4efd69225 Mon Sep 17 00:00:00 2001
From: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
Date: Sat, 21 Feb 2026 16:36:19 -0300
Subject: [PATCH] otimizacoes de performance

Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo.sousa.577@gmail.com>
---
 favicon.ico | Bin 0 -> 15406 bytes
 index.html  | 192 ++++++++++++++++++++--------------------------------
 2 files changed, 72 insertions(+), 120 deletions(-)
 create mode 100644 favicon.ico

diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..576c5083257e2e75c8575a6c0245219083780bfa
GIT binary patch
literal 15406
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
ZPUZ4lne+ZQ-wp@ldeA=Yb703D_#Zskokjov

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 0248648..b58ea21 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,7 @@
             background-size: 400% 400%;
             animation: gradientAnimation 15s ease infinite;
             z-index: -2;
+            will-change: background-position;
         }
 
         @keyframes gradientAnimation {
@@ -62,14 +63,10 @@
             width: 100px;
             height: 100px;
             margin: 0 auto 15px;
-            background-image: url('fotos/logo.png');
-            background-size: 80%;
-            background-position: center;
-            background-repeat: no-repeat;
+            background: url('fotos/logo.png') center/80% no-repeat rgba(255, 255, 255, 0.95);
             border-radius: 50%;
             border: 3px solid rgba(255, 255, 255, 0.3);
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
-            background-color: rgba(255, 255, 255, 0.95);
         }
 
         .header {
@@ -92,19 +89,25 @@
             text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
         }
 
-        /* Botão Salvar na Agenda */
-        .save-contact {
+        /* Botões principais */
+        .save-contact,
+        .pix-button {
             display: inline-block;
             padding: 12px 30px;
-            background: linear-gradient(135deg, #20337b, #2d4a9e);
             color: white;
             text-decoration: none;
             border-radius: 50px;
             font-size: 0.95em;
             font-weight: bold;
-            margin-bottom: 25px;
             transition: all 0.3s ease;
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+            cursor: pointer;
+            border: none;
+        }
+
+        .save-contact {
+            background: linear-gradient(135deg, #20337b, #2d4a9e);
+            margin-bottom: 25px;
         }
 
         .save-contact:hover {
@@ -113,7 +116,6 @@
             background: linear-gradient(135deg, #2d4a9e, #20337b);
         }
 
-        /* Container de ícones */
         .icons-row {
             display: flex;
             justify-content: center;
@@ -128,7 +130,7 @@
             align-items: center;
             text-decoration: none;
             color: white;
-            transition: all 0.3s ease;
+            transition: transform 0.3s ease;
         }
 
         .icon-item:hover {
@@ -214,7 +216,6 @@
             transform: translateY(-1px) scale(0.98);
         }
 
-        /* Modal PIX */
         .modal {
             display: none;
             position: fixed;
@@ -252,6 +253,7 @@
             box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
             transform: translateY(30px) scale(0.9);
             opacity: 0;
+            will-change: transform, opacity;
         }
 
         .modal.active .modal-content {
@@ -385,6 +387,7 @@
             transition: all 0.2s ease;
             border: 2px solid transparent;
             position: relative;
+            will-change: transform, opacity;
         }
 
         .pix-code-area::before {
@@ -453,7 +456,6 @@
             }
         }
 
-        /* Ícones pequenos */
         .small-icons {
             display: flex;
             justify-content: center;
@@ -488,7 +490,6 @@
             fill: white;
         }
 
-        /* Responsividade */
         @media (max-width: 600px) {
             .header h1 {
                 font-size: 1.5em;
@@ -631,129 +632,89 @@
     </div>
 
     <script>
-        function openPixModal() {
-            const modal = document.getElementById('pixModal');
-            modal.classList.add('active');
-            setTimeout(() => {
-                document.getElementById('pixValue').focus();
-            }, 100);
-        }
+        // Cache de elementos DOM para melhor performance
+        const pixModal = document.getElementById('pixModal');
+        const pixValue = document.getElementById('pixValue');
+        const pixCodeArea = document.getElementById('pixCodeArea');
+        const copyNotification = document.getElementById('copyNotification');
+        const modalContent = pixModal.querySelector('.modal-content');
 
-        function closePixModal() {
-            const modal = document.getElementById('pixModal');
-            const modalContent = modal.querySelector('.modal-content');
-            
-            // Animação de saída
+        const openPixModal = () => {
+            pixModal.classList.add('active');
+            setTimeout(() => pixValue.focus(), 100);
+        };
+
+        const closePixModal = () => {
             modalContent.style.animation = 'slideDownScale 0.3s ease forwards';
-            modal.style.animation = 'fadeOut 0.3s ease forwards';
+            pixModal.style.animation = 'fadeOut 0.3s ease forwards';
             
             setTimeout(() => {
-                modal.classList.remove('active');
-                modal.style.animation = '';
+                pixModal.classList.remove('active');
+                pixModal.style.animation = '';
                 modalContent.style.animation = '';
-                document.getElementById('pixValue').value = '';
-                document.getElementById('pixCodeArea').classList.remove('active');
-                document.getElementById('copyNotification').classList.remove('active');
+                pixValue.value = '';
+                pixCodeArea.classList.remove('active');
+                copyNotification.classList.remove('active');
             }, 300);
-        }
+        };
 
-        function generatePix() {
-            const value = parseFloat(document.getElementById('pixValue').value);
+        const generatePix = () => {
+            const value = parseFloat(pixValue.value);
             
             if (!value || value <= 0) {
                 alert('Por favor, digite um valor válido');
                 return;
             }
 
-            // Gera código PIX EMV (padrão brasileiro)
-            const pixKey = 'financeiro@martinsevieira.adv.br';
-            const merchantName = 'MARTINS E VIEIRA';
-            const city = 'PALMAS';
-            const txid = 'PAGAMENTO' + Date.now().toString().slice(-10);
+            const pixCode = buildPixCode(
+                'financeiro@martinsevieira.adv.br',
+                'MARTINS E VIEIRA',
+                'PALMAS',
+                value.toFixed(2),
+                'PAGAMENTO' + Date.now().toString().slice(-10)
+            );
             
-            // Formata o valor com 2 casas decimais
-            const formattedValue = value.toFixed(2);
-            
-            // Constrói o código PIX Copia e Cola (EMV)
-            const pixCode = buildPixCode(pixKey, merchantName, city, formattedValue, txid);
-            
-            // Exibe o código
-            const pixCodeArea = document.getElementById('pixCodeArea');
             pixCodeArea.textContent = pixCode;
             pixCodeArea.classList.add('active');
-            
-            // Adiciona evento de clique para copiar
-            pixCodeArea.onclick = function() {
-                copyToClipboard(pixCode);
-            };
-            
-            // Copia automaticamente na primeira vez
+            pixCodeArea.onclick = () => copyToClipboard(pixCode);
             copyToClipboard(pixCode);
-        }
+        };
 
-        function buildPixCode(pixKey, merchantName, city, value, txid) {
-            // Função auxiliar para criar campo EMV
-            function emvField(id, value) {
-                const length = value.length.toString().padStart(2, '0');
-                return id + length + value;
-            }
-            
-            // Monta a chave PIX
+        const buildPixCode = (pixKey, merchantName, city, value, txid) => {
+            const emvField = (id, value) => id + value.length.toString().padStart(2, '0') + value;
             const merchantAccountInfo = emvField('00', 'BR.GOV.BCB.PIX') + emvField('01', pixKey);
             
-            let emv = '';
-            emv += emvField('00', '01'); // Payload Format Indicator
-            emv += emvField('26', merchantAccountInfo); // Merchant Account Information
-            emv += emvField('52', '0000'); // Merchant Category Code
-            emv += emvField('53', '986'); // Transaction Currency (986 = BRL)
-            emv += emvField('54', value); // Transaction Amount
-            emv += emvField('58', 'BR'); // Country Code
-            emv += emvField('59', merchantName); // Merchant Name
-            emv += emvField('60', city); // Merchant City
-            emv += emvField('62', emvField('05', txid)); // Additional Data Field
+            let emv = emvField('00', '01') + emvField('26', merchantAccountInfo) + 
+                      emvField('52', '0000') + emvField('53', '986') + emvField('54', value) + 
+                      emvField('58', 'BR') + emvField('59', merchantName) + emvField('60', city) + 
+                      emvField('62', emvField('05', txid)) + '6304';
             
-            // Calcula CRC16
-            emv += '6304';
-            const crc = crc16(emv);
-            emv += crc;
-            
-            return emv;
-        }
+            return emv + crc16(emv);
+        };
 
-        function crc16(str) {
+        const crc16 = str => {
             let crc = 0xFFFF;
             for (let i = 0; i < str.length; i++) {
                 crc ^= str.charCodeAt(i) << 8;
                 for (let j = 0; j < 8; j++) {
-                    if (crc & 0x8000) {
-                        crc = (crc << 1) ^ 0x1021;
-                    } else {
-                        crc = crc << 1;
-                    }
+                    crc = crc & 0x8000 ? (crc << 1) ^ 0x1021 : crc << 1;
                 }
             }
             return (crc & 0xFFFF).toString(16).toUpperCase().padStart(4, '0');
-        }
+        };
 
-        function copyToClipboard(text) {
-            // Usa a API moderna de clipboard
-            if (navigator.clipboard && navigator.clipboard.writeText) {
-                navigator.clipboard.writeText(text).then(() => {
-                    showCopyNotification();
-                }).catch(err => {
-                    // Fallback para método antigo
-                    fallbackCopy(text);
-                });
+        const copyToClipboard = text => {
+            if (navigator.clipboard?.writeText) {
+                navigator.clipboard.writeText(text).then(showCopyNotification, () => fallbackCopy(text));
             } else {
                 fallbackCopy(text);
             }
-        }
+        };
 
-        function fallbackCopy(text) {
+        const fallbackCopy = text => {
             const textarea = document.createElement('textarea');
             textarea.value = text;
-            textarea.style.position = 'fixed';
-            textarea.style.opacity = '0';
+            textarea.style.cssText = 'position:fixed;opacity:0';
             document.body.appendChild(textarea);
             textarea.select();
             try {
@@ -763,31 +724,22 @@
                 alert('Erro ao copiar. Por favor, copie manualmente.');
             }
             document.body.removeChild(textarea);
-        }
+        };
 
-        function showCopyNotification() {
-            const notification = document.getElementById('copyNotification');
-            notification.classList.remove('active'); // Remove primeiro para reiniciar animação
-            setTimeout(() => {
-                notification.classList.add('active');
-            }, 10);
-            setTimeout(() => {
-                notification.classList.remove('active');
-            }, 3000);
-        }
+        const showCopyNotification = () => {
+            copyNotification.classList.remove('active');
+            setTimeout(() => copyNotification.classList.add('active'), 10);
+            setTimeout(() => copyNotification.classList.remove('active'), 3000);
+        };
 
         // Fecha modal ao clicar fora
-        document.getElementById('pixModal').addEventListener('click', function(e) {
-            if (e.target === this) {
-                closePixModal();
-            }
+        pixModal.addEventListener('click', e => {
+            if (e.target === pixModal) closePixModal();
         });
 
         // Permite gerar PIX ao pressionar Enter
-        document.getElementById('pixValue').addEventListener('keypress', function(e) {
-            if (e.key === 'Enter') {
-                generatePix();
-            }
+        pixValue.addEventListener('keypress', e => {
+            if (e.key === 'Enter') generatePix();
         });
     </script>
 </body>