<!--
-- Uploaded on : https://haxor.my.id/open/uuuuuuuuu.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>URL Shortener404</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="shortcut icon" href="https://www.nintenderos.com/wp-content/uploads/2022/11/Jujutsu-Kaisen.jpg" type="image/x-icon">
<meta property="og:image" content="https://www.nintenderos.com/wp-content/uploads/2022/11/Jujutsu-Kaisen.jpg"/>
</head>
<body>
<div class="container">
<h1>URL Shortener</h1>
<label for="url">Enter URL to shorten:</label>
<a href="https://t.me/virussss404" target="_self">@virussss404 Telegram</a>
<input type="text" id="url" placeholder="https://www.example.com" autocomplete="off">
<button onclick="shortenURL()">SHORTEN</button>
<div id="result"></div>
</div>
<style>
*{ margin:0; padding:0; box-sizing:border-box; }
body{ height:100vh; font-family:Arial, Helvetica, sans-serif; font-size: 14px; padding: 20px; display: flex; justify-content: center; align-items: center; background:url(landscape) no-repeat; background-position: center; background-size: cover; } .container{ padding: 1.2rem; position: relative; width: 400px; height: 450px; background: transparent; border: 2px solid rgba(255,255,255,0.5); border-radius: 20px; backdrop-filter: blur(15px); display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0.7rem; }
h1{ font-size:2.6rem; color:#ccc; } label{ font-size:1rem; color:#ccc; }
input{ position: relative; width:100%; padding: .9rem; margin: 1.2rem 0; border: 1px solid #ccc; border-radius: 4px; }
button{ position: relative; transition: all .2s linear; background-color: #4c75af; color:#fff; padding: .7rem .9rem; border:none; border-radius:10%; cursor:pointer; }
button:hover{ background-color: #7682a9; }
#result{ color:#ccc; position: relative; margin-top:10px; }
body {
margin: 0;
padding: 0;
/* Set background image properties */
background-image: url('https://a.storyblok.com/f/178900/1504x846/cce89fee50/yuji-megumi-and-nobara.png/m/1200x0/filters:quality(95)format(webp)');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
/* Additional styles for background image resizing */
background-clip: content-box;
/* Other styles for the body tag */
}
body {
font-family: Arial, sans-serif;
background-color: #f0f2f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
</style>
<script>async function shortenURL(){
const url=document.getElementById("url").value;
const response=await fetch(`http://tinyurl.com/api-create.php?url=${encodeURIComponent(url)}`);
if(response.ok){
const data=await response.text();
document.getElementById('result').innerHTML=`Shortened URL:<a href="${data}" target="_blank">${data}</a>`;
}
else{
document.getElementById(`result`).innerHTML="Error shortening URL";
}
}</script>
</body>
</html>