Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="MIPESCA El Salvador - Registro de capturas y gestión pesquera (CODEPESCA)"> | |
| <meta name="theme-color" content="#001F3F"> | |
| <!-- PWA Meta Tags --> | |
| <link rel="manifest" href="manifest.json?v=4"> | |
| <link rel="icon" type="image/x-icon" href="favicon.ico?v=4"> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | |
| <meta name="apple-mobile-web-app-title" content="MIPESCA"> | |
| <title>MIPESCA El Salvador</title> | |
| <!-- Styles --> | |
| <link rel="stylesheet" href="css/styles.css?v=5"> | |
| <!-- Dexie.js for IndexedDB --> | |
| <script src="https://unpkg.com/dexie@3.2.4/dist/dexie.min.js"></script> | |
| <!-- Chart.js for data visualization --> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| <!-- Font Awesome 6 Icons --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <!-- App content will be rendered here --> | |
| <div class="loading"> | |
| <h1>🌊 MIPESCA</h1> | |
| <p>Cargando ecosistema digital...</p> | |
| </div> | |
| </div> | |
| <!-- Bottom Navigation Bar --> | |
| <nav class="tab-bar" id="bottom-nav"> | |
| <a href="#" class="tab-item active" onclick="app.navigate('home'); return false;" id="nav-home"> | |
| <i class="fa-solid fa-anchor"></i> | |
| <span>BOTE</span> | |
| </a> | |
| <a href="#" class="tab-item" onclick="app.navigate('data'); return false;" id="nav-info"> | |
| <i class="fa-solid fa-chart-simple"></i> | |
| <span>DATOS</span> | |
| </a> | |
| <a href="#" class="tab-item" onclick="app.navigate('forum'); return false;" id="nav-forum"> | |
| <i class="fa-solid fa-users"></i> | |
| <span>FORO</span> | |
| </a> | |
| <a href="#" class="tab-item" onclick="app.navigate('anzuelo'); return false;" id="nav-anzuelo"> | |
| <i class="fa-solid fa-user-ninja"></i> | |
| <span>ANZUELO</span> | |
| </a> | |
| <a href="#" class="tab-item" onclick="app.navigate('info'); return false;" id="nav-education"> | |
| <i class="fa-solid fa-circle-info"></i> | |
| <span>INFO</span> | |
| </a> | |
| </nav> | |
| <!-- Scripts --> | |
| <script src="js/db.js?v=4"></script> | |
| <script src="js/geolocation.js?v=4"></script> | |
| <script src="js/api.js?v=4"></script> | |
| <script src="js/sync.js?v=4"></script> | |
| <script src="js/components/home.js?v=5"></script> | |
| <script src="js/components/species-selector.js?v=4"></script> | |
| <script src="js/components/capture-form.js?v=4"></script> | |
| <script src="js/components/confirmation.js?v=4"></script> | |
| <script src="js/components/history.js?v=4"></script> | |
| <script src="js/components/info.js?v=5"></script> | |
| <script src="js/components/forum.js?v=1"></script> | |
| <script src="js/components/anzuelo.js?v=1"></script> | |
| <script src="js/components/market.js?v=1"></script> | |
| <script src="js/components/education.js?v=1"></script> | |
| <script src="js/components/emergency.js?v=1"></script> | |
| <script src="js/app.js?v=5"></script> | |
| <!-- Register Service Worker --> | |
| <script> | |
| if ('serviceWorker' in navigator) { | |
| window.addEventListener('load', () => { | |
| navigator.serviceWorker.register('sw.js') | |
| .then(registration => { | |
| console.log('Service Worker registered:', registration); | |
| }) | |
| .catch(error => { | |
| console.log('Service Worker registration failed:', error); | |
| }); | |
| }); | |
| } | |
| </script> | |
| </body> | |
| </html> |