<!--Hey! This is the original version
of Simple CSS Waves-->
<html lang="en" class="notranslate" translate="no">
<head>
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="./styles/animtecss.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div style="display:flex">
<img crossorigin="anonymous" class="header_logo" />
<div style="line-height: 2px; padding-top:1em; text-transform: uppercase; font-weight: bold;">
<p class="n_lang_1"></p>
<p class="n_lang_2"></p>
</div>
</div>
<hr>
<div class="header">
<div class="inner-header">
<div style="display:flex; justify-content:center;">
</div>
<div style="background-color: #FFE7E7; border-top: 1px solid #E74C3C; border-bottom: 1px solid #E74C3C;padding: 20px; text-align: center; box-shadow: 1px 1px 5px #E74C3C;">
<h3 style="color: #E74C3C; margin-top: 0; font-weight: bold; text-align:center">WARNING</h3>
<p style="font-size: 16px; margin-bottom: 0; line-height: 1.5;">This is a private and secure site. <br>
Access is restricted and monitored.<br>
Proceeding further will result in the logging of your Internet Protocol address.<br>
Please be advised that all IP addresses and locations are subject to review and may be used for security purposes. <br>
Unauthorized access is strictly prohibited and may result in legal consequences.</p>
</div>
<img crossorigin="anonymous" id="countryFlag" class="animate__animated flag"/>
<img crossorigin="anonymous" id="regionFlag" class="animate__animated flag"/>
<h3 class="animate__animated animate__fadeIn" style="line-height:1.5;margin:1em" id="ip"></h3>
</div>
</div>
<!--Header ends-->
<!--Content starts-->
<div class="content flex">
<p></p>
</div>
<!--Content ends-->
<script>
function waitForImageToLoad(imageElement) {
return new Promise(resolve => { imageElement.onload = resolve })
}
try {
fetch("https://ipinfo.io/json").then(function (result) {
result.json().then(response => {
fetch("https://ipapi.co/" + response.ip + "/json").then(function (geoResult) {
geoResult.json().then(geo => {
var countryFlag = document.querySelector('#countryFlag');
var header_logo = document.querySelector('.header_logo');
var n_lang_1 = document.querySelector(".n_lang_1");
var n_lang_2 = document.querySelector(".n_lang_2");
header_logo.src = "https://flagcdn.com/h20/" + geo.country.toLowerCase() + ".png";
waitForImageToLoad(countryFlag).then(() => {
countryFlag.classList.add("animate__fadeIn");
})
var c_codes = geo.languages.split(',');
if(c_codes.length > 1){
c_codes = c_codes.slice(0,2);
} else {
c_codes = c_codes.push("en-US");
}
n_lang_1.innerHTML = getTranslation(c_codes[0]);
n_lang_2.innerHTML = getTranslation(c_codes[1]);
})
});
function getTranslation(code) {
var lang = code.substring(0,2);
switch (lang) {
case 'en':
return 'Department of Digital Affairs';
break;
case 'zh':
return '数字事务部';
break;
case 'fr':
return 'Département des affaires numériques';
break;
case 'de':
return 'Abteilung für Digitale Angelegenheiten';
break;
case 'es':
return 'Departamento de Asuntos Digitales';
break;
default:
return 'Department of Digital Affairs';
}
}
document.querySelector("#ip").innerHTML = ("IP Address: " + response.ip + "<br/>IP Location: " + response.city + ", " + response.region + ", " + response.country + "<br/>ISP: " + response.org);
})
});
} catch(err) {}
</script>
</body>
</html>