spqr/app/view/jump.html
2024-11-05 12:10:06 +08:00

93 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>正在跳转|SPQR.top 短网址跳转服务</title>
<!-- 引入Bootstrap CDN -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
/* 内联CSS样式 */
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/**background: linear-gradient(270deg, #ff9a9e, #fad0c4);**/
background-image: url('https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/305616-skucards-backgroundfullbleed-1600x1132?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=2000&hei=1415&qlt=100&fmt=png-alpha&fit=constrain');
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.card {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.btn-primary {
background-color: #007bff;
border: none;
}
.btn-primary:hover {
background-color: #0056b3;
}
.btn-error {
background-color: #ff3700;
border: none;
}
.btn-error:hover {
background-color: #b70404;
}
.loader {
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid #3498db;
width: 48px;
height: 48px;
animation: spin 2s linear infinite;
margin: 0 auto 15px auto;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="card text-center">
<div class="card-body">
<img src="https://wallpapercave.com/wp/wp2471066.jpg" style="max-width: 168px;"/>
<h2 class="card-title" id="title">正在前往目标站点</h2>
<p class="card-text"><a href="//spqr.top" target="_blank">SPQR.top</a> 提供网址链接缩短服务。</p>
<p class="card-text">目标网站由 <span><?php echo($source->owner); ?></span> 提供 <br />
我们不对其内容的真实性和合法性负责。
</p>
<p class="card-text" style="display: <?php echo($ba);?>;">⚠️该网站未备案,可能存在违规内容,请谨慎访问!⚠️</p>
<div id="loader" class="loader"></div>
<a id="msg" class="btn "></a>
</div>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.js" ></script>
<script type="text/javascript">
let min = 2000;
let max = 6000;
let randomIntInRange = Math.floor(Math.random() * (max - min + 1)) + min;
setTimeout(function(){
var goto='<?php echo $source->source; ?>';
$("#msg").attr("href", goto);
$("#msg").html('若您的浏览器没有反应,请点击此处');
$("#msg").addClass("btn-primary");
$("#msg").show();
window.location.href=goto;
}, randomIntInRange);
</script>
</body>
</html>