DolarCTD/estados-apis.html at main · FabriCTD/DolarCTD · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Estado de APIs — DólarCTD</title>
    <meta name="description" content="Monitoreo en tiempo real del estado de las APIs que proveen datos de cotizaciones en DólarCTD. Argentina, Chile, Uruguay, Brasil y Venezuela.">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://dolarctd.fabrictd.com/estados-apis.html">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/estados-apis.css">
</head>
<body>
    <div class="animated-bg"></div>

    <header class="header">
        <div class="container">
            <div class="header-content">
                <a href="index.html" class="header-logo" style="text-decoration:none">
                    <div>
                        <div class="header-title">Dólar<span>CTD</span></div>
                        <p class="header-subtitle">Estado de APIs</p>
                    </div>
                </a>
                <nav class="header-links">
                    <a href="index.html" class="dev-link"><i class="fas fa-home"></i> Inicio</a>
                    <a href="ar/inicio.html" class="dev-link"><i class="fas fa-flag"></i> Argentina</a>
                    <a href="ar/contacto.html" class="dev-link"><i class="fas fa-envelope"></i> Contacto</a>
                    <a href="https://github.com/FabriCTD/DolarCTD" class="dev-link" target="_blank" rel="noopener"><i class="fab fa-github"></i> GitHub</a>
                </nav>
            </div>
        </div>
    </header>

    <div class="container">
        <section class="api-status-section">
            <div class="section-header" style="margin-bottom:1.25rem">
                <h2 class="section-title" style="font-size:1.5rem;padding-left:0">Estado de las APIs</h2>
                <p class="section-description">Monitoreo en tiempo real de las APIs que proveen datos de cotizaciones</p>
            </div>
            <div class="refresh-container">
                <button id="refresh-btn" class="refresh-btn">
                    <i class="fas fa-arrows-rotate"></i> Actualizar ahora
                </button>
                <p class="last-update">Última verificación: <span id="last-update-time">--:--:--</span></p>
            </div>
            <div class="api-cards-container" id="api-cards-container">
                <div class="loading-state">
                    <i class="fas fa-circle-notch"></i>
                    <p>Verificando estado de las APIs...</p>
                </div>
            </div>
            <div class="summary-container">
                <div class="summary-card">
                    <div class="summary-icon"><i class="fas fa-server"></i></div>
                    <div class="summary-content">
                        <h3>Total APIs</h3>
                        <p class="summary-value" id="total-apis">0</p>
                    </div>
                </div>
                <div class="summary-card">
                    <div class="summary-icon online"><i class="fas fa-circle-check"></i></div>
                    <div class="summary-content">
                        <h3>Online</h3>
                        <p class="summary-value" id="online-apis">0</p>
                    </div>
                </div>
                <div class="summary-card">
                    <div class="summary-icon offline"><i class="fas fa-circle-xmark"></i></div>
                    <div class="summary-content">
                        <h3>Offline</h3>
                        <p class="summary-value" id="offline-apis">0</p>
                    </div>
                </div>
            </div>
        </section>

        <footer class="footer">
            <div class="footer-disclaimer">
                <strong>⚠ Aviso Legal:</strong> La información de cotizaciones mostrada en DólarCTD proviene de fuentes públicas y se ofrece únicamente con fines informativos.
            </div>
            <div class="footer-bottom" style="border-top:1px solid var(--border-card);padding-top:1.25rem;margin-top:1.5rem">
                <p>&copy; 2025 DólarCTD · <a href="https://github.com/FabriCTD" target="_blank" rel="noopener">FabriCTD</a></p>
                <p><a href="index.html">Inicio</a> · <a href="https://dolarapi.com/docs/" target="_blank" rel="noopener">DolarAPI</a></p>
            </div>
        </footer>
    </div>

    <script src="js/app.js"></script>
    <script src="js/estados-apis.js"></script>
</body>
</html>