|
|
|
|
@@ -3,7 +3,7 @@
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<title>Device Tester Pro</title>
|
|
|
|
|
<title>Device Tester</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
@@ -124,11 +124,6 @@
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
|
transition: transform 0.2s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.test-card:hover {
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
@@ -244,6 +239,27 @@
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
footer {
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
border-top: 1px solid var(--border-color);
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 0.9rem;
|
|
|
|
|
color: var(--text-color);
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
footer a {
|
|
|
|
|
color: var(--text-color);
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
transition: color 0.2s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
footer a:hover {
|
|
|
|
|
color: var(--primary);
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
@@ -252,11 +268,14 @@
|
|
|
|
|
<div class="container">
|
|
|
|
|
<header>
|
|
|
|
|
<div class="header-top">
|
|
|
|
|
<h1 data-i18n="app_title">Device Tester Pro</h1>
|
|
|
|
|
<h1 data-i18n="app_title">Device Tester</h1>
|
|
|
|
|
<div class="header-controls">
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('en')" id="btn-en" aria-label="English">🇺🇸</button>
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('pt')" id="btn-pt" aria-label="Português">🇧🇷</button>
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('es')" id="btn-es" aria-label="Español">🇲🇽</button>
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('en')" id="btn-en" aria-label="English"><img
|
|
|
|
|
src="https://flagcdn.com/24x18/us.png" alt="US" width="24" height="18"></button>
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('pt')" id="btn-pt" aria-label="Português"><img
|
|
|
|
|
src="https://flagcdn.com/24x18/br.png" alt="BR" width="24" height="18"></button>
|
|
|
|
|
<button class="icon-btn" onclick="changeLanguage('es')" id="btn-es" aria-label="Español"><img
|
|
|
|
|
src="https://flagcdn.com/24x18/mx.png" alt="MX" width="24" height="18"></button>
|
|
|
|
|
<div style="width: 1px; height: 24px; background: var(--border-color); margin: 0 4px;"></div>
|
|
|
|
|
<button class="theme-toggle" onclick="toggleTheme()" data-i18n="theme_toggle">🌓 Theme</button>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -277,7 +296,7 @@
|
|
|
|
|
<!-- Battery -->
|
|
|
|
|
<div class="test-card">
|
|
|
|
|
<h2 data-i18n="battery_title">🔋 Battery</h2>
|
|
|
|
|
<p id="battery-status" data-i18n="detecting">Detecting...</p>
|
|
|
|
|
<p id="battery-status">Detecting...</p>
|
|
|
|
|
<div class="bar-container">
|
|
|
|
|
<div id="battery-bar" class="bar-fill" style="background-color: var(--primary);"></div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -339,6 +358,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
|
<p>
|
|
|
|
|
<a href="https://icc.gg/privacidade" target="_blank" data-i18n="privacy_policy">Privacy Policy</a> •
|
|
|
|
|
<a href="https://icc.gg/termos" target="_blank" data-i18n="terms_conditions">Terms and Conditions</a>
|
|
|
|
|
</p>
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Overlay para teste de tela -->
|
|
|
|
|
@@ -350,7 +376,7 @@
|
|
|
|
|
// i18n Dictionary
|
|
|
|
|
const dictionary = {
|
|
|
|
|
en: {
|
|
|
|
|
app_title: "Device Tester Pro",
|
|
|
|
|
app_title: "Device Tester",
|
|
|
|
|
theme_toggle: "🌓 Theme",
|
|
|
|
|
network_title: "📡 Network & Browser",
|
|
|
|
|
user_agent_label: "User Agent:",
|
|
|
|
|
@@ -386,7 +412,9 @@
|
|
|
|
|
device_unknown: "Unknown Device",
|
|
|
|
|
default_output: "Default Output",
|
|
|
|
|
ipv4_unavailable: "Unavailable",
|
|
|
|
|
ipv6_not_detected: "Not detected"
|
|
|
|
|
ipv6_not_detected: "Not detected",
|
|
|
|
|
privacy_policy: "Privacy Policy",
|
|
|
|
|
terms_conditions: "Terms and Conditions"
|
|
|
|
|
},
|
|
|
|
|
pt: {
|
|
|
|
|
app_title: "Teste de Dispositivos",
|
|
|
|
|
@@ -425,7 +453,9 @@
|
|
|
|
|
device_unknown: "Dispositivo não identificado",
|
|
|
|
|
default_output: "Saída Padrão",
|
|
|
|
|
ipv4_unavailable: "Indisponível",
|
|
|
|
|
ipv6_not_detected: "Não detectado"
|
|
|
|
|
ipv6_not_detected: "Não detectado",
|
|
|
|
|
privacy_policy: "Política de Privacidade",
|
|
|
|
|
terms_conditions: "Termos e Condições"
|
|
|
|
|
},
|
|
|
|
|
es: {
|
|
|
|
|
app_title: "Prueba de Dispositivos",
|
|
|
|
|
@@ -464,7 +494,9 @@
|
|
|
|
|
device_unknown: "Dispositivo desconocido",
|
|
|
|
|
default_output: "Salida Predeterminada",
|
|
|
|
|
ipv4_unavailable: "No disponible",
|
|
|
|
|
ipv6_not_detected: "No detectado"
|
|
|
|
|
ipv6_not_detected: "No detectado",
|
|
|
|
|
privacy_policy: "Política de Privacidad",
|
|
|
|
|
terms_conditions: "Términos y Condiciones"
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
