121 lines
5.2 KiB
HTML
121 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title id="page-title">This Site is Suspended</title>
|
|
<style>
|
|
html {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
color: #1A4469;
|
|
background-color: #F9FAFA;
|
|
}
|
|
|
|
.container {
|
|
padding-top: 4rem;
|
|
max-width: 768px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.logo {
|
|
text-align: center;
|
|
}
|
|
|
|
.logo svg {
|
|
height: 1rem;
|
|
}
|
|
|
|
.message-container {
|
|
width: 24rem;
|
|
margin: 0 auto;
|
|
background-color: white;
|
|
padding: 2.5rem;
|
|
margin-top: 1.5rem;
|
|
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
font-size: 13px;
|
|
text-align: center;
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
.alert-icon svg {
|
|
height: 2rem;
|
|
width: 2rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
p {
|
|
color: #4C5A67;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
a {
|
|
color: #1579D0;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #1579D0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="message-container">
|
|
<div class="alert-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M4.00288 21.3966C2.47791 21.3966 1.51397 19.7584 2.25456 18.4253L10.2527 4.02871C11.0147 2.65709 12.9873 2.6571 13.7493 4.02872L21.7474 18.4253C22.488 19.7584 21.524 21.3966 19.9991 21.3966H4.00288ZM11.9991 18.4126C12.5688 18.4126 13.0307 17.9507 13.0307 17.381C13.0307 16.8113 12.5688 16.3495 11.9991 16.3495C11.4294 16.3495 10.9675 16.8113 10.9675 17.381C10.9675 17.9507 11.4294 18.4126 11.9991 18.4126ZM13 8.8601C13 8.30782 12.5523 7.8601 12 7.8601C11.4477 7.8601 11 8.30782 11 8.8601V13.9074C11 14.4597 11.4477 14.9074 12 14.9074C12.5523 14.9074 13 14.4597 13 13.9074V8.8601Z"
|
|
fill="#D6932E" />
|
|
</svg>
|
|
</div>
|
|
<h1 id="suspended-title">
|
|
This Site is Suspended.
|
|
</h1>
|
|
<p class="message" id="suspended-message">
|
|
This site has been suspended due to exceeding site limits or a payment failure. If you are the owner of this site, resolve issues related to your site's plan from the <a class="dashboard-url" href="https://cloud.jingrow.com/dashboard/saas/login">Dashboard</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
const dashboardUrl = document.querySelector('.dashboard-url');
|
|
// saas 版 dashboard 链接无需拼接域名
|
|
// 国际化内容
|
|
const i18n = {
|
|
en: {
|
|
title: 'This Site is Suspended',
|
|
suspendedTitle: 'This Site is Suspended.',
|
|
messageBefore: 'This site has been suspended due to exceeding site limits or a payment failure. If you are the owner, please resolve issues related to your site\'s plan from the ',
|
|
dashboard: 'Dashboard',
|
|
messageAfter: '.'
|
|
},
|
|
zh: {
|
|
title: '站点已被暂停',
|
|
suspendedTitle: '站点已被暂停',
|
|
messageBefore: '该站点因超出配额或支付失败已被暂停。如果你是站点所有者，请前往',
|
|
dashboard: '控制台',
|
|
messageAfter: '处理相关问题。'
|
|
}
|
|
};
|
|
function getLang() {
|
|
const lang = navigator.language || navigator.userLanguage;
|
|
if (lang && lang.toLowerCase().startsWith('zh')) {
|
|
return 'zh';
|
|
}
|
|
return 'en';
|
|
}
|
|
const lang = getLang();
|
|
const dict = i18n[lang];
|
|
document.getElementById('page-title').innerText = dict.title;
|
|
document.getElementById('suspended-title').innerText = dict.suspendedTitle;
|
|
document.getElementById('suspended-message').innerHTML = `${dict.messageBefore}<a class='dashboard-url' href='https://cloud.jingrow.com/dashboard/saas/login'>${dict.dashboard}</a>${dict.messageAfter}`;
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|