GT-Manual / public /index.html
wuliya's picture
feat: index style
0f6bd46
<!doctype html>
<html lang="zh" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GT-Manual</title>
<link rel="icon" href="./favicon.ico" sizes="16x16">
<meta name="Description" content="Home Page of iissnan">
<meta name="color-scheme" content="dark light">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<link rel="stylesheet" type="text/css" href="assets/css/main.css"/>
</head>
<body>
<div class="vi">
<h1 class="animate-slide-in-down">GT-Manual</h1>
<P>恭喜你,你成功部署了GT-Manual在Huggingface上</P>
<div class="quote">
<span class="quote-line quote-line-start animate-slide-in-left"></span>
<span class="quote-icon quote-icon-start animate-slide-in-down">
<i class="icon icon-quotes-left"></i>
</span>
<p class="quote-content animate-slide-in-down">不积跬步,无以至千里。不积小流,无以成江海。</p>
<p class="quote-author animate-slide-in-down">《劝学篇》—— <em>荀子</em></p>
<span class="quote-icon quote-icon-end animate-slide-in-up">
<i class="icon icon-quotes-right"></i>
</span>
<span class="quote-line quote-line-end animate-slide-in-right"></span>
</div>
</div>
<script src="assets/vendors/jquery-3.3.1.min.js"></script>
<script>
$(function () {
var SLIDE_IN_DOWN = { opacity: 1, top: 0 };
var SLIDE_IN_UP = { opacity: 1, bottom: 0 };
var SLIDE_IN_LEFT = { left: 0 };
var SLIDE_IN_RIGHT = { right: 0 };
registerCheatCode();
executeAnimations();
function executeAnimations() {
$.when()
.then(animateTitle)
.then(animateQuote)
.then(animateLinks)
.then(animateLocation);
}
function animateTitle() {
return animate('h1', SLIDE_IN_DOWN);
}
function animateQuote() {
return $.when(
animate('.quote-line-start', SLIDE_IN_LEFT),
animate('.quote-line-end',SLIDE_IN_RIGHT),
animate('.quote-icon-start', SLIDE_IN_DOWN),
animate('.quote-icon-end', SLIDE_IN_UP)
)
.then(function () {
return animate('.quote-content', SLIDE_IN_DOWN);
})
.then(function () {
return animate('.quote-author', SLIDE_IN_DOWN);
});
}
function animate(selector, properties, delay, options) {
delay = delay || 0;
return $(selector).delay(delay)
.animate(properties, options)
.promise();
}
function registerCheatCode() {
$(document.body).on('keydown', function (event) {
var KEY_B = 66;
if (event.which === KEY_B) {
$('.relocate-location').text('Bookmark Page');
$('.relocating').css('opacity', 1);
}
});
}
});
</script>
</body>
</html>