Added music function and SEO description, also formated code more pretty

This commit is contained in:
Bigsk 2023-02-02 23:24:12 +08:00
parent a5d3880a6a
commit c843854b56
9 changed files with 485 additions and 295 deletions

109
403.html
View File

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
<link type="text/css" rel="stylesheet" href="./static/css/errors.css" />
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.css">
</head>
<body>
@ -15,14 +16,112 @@
<div>
<h1 data-h1="403">403</h1>
<p data-p="FORBIDDEN">FORBIDDEN</p>
<div id="aplayer"></div>
</div>
</div>
<div id="tsparticles"></div>
<script type="text/javascript"
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
<script type="text/javascript" src="./static/js/errors.js"></script>
<script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
<script>
const ap = new APlayer({
container: document.getElementById('aplayer'),
autoplay: false,
loop: 'all',
listFolded: true,
order: "random",
audio: [
{
name: 'Roots',
artist: 'Josh Leake',
url: 'https://cdn.ghink.net/site/public/404/musics/Josh%20Leake%20-%20Roots.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Fall To Light',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Fall%20To%20Light.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Here We Are',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Here%20We%20Are.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Imaginary Friends',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Imaginary%20Friends.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Flares',
artist: 'NIVIRO',
url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20Flares.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'The Ghost',
artist: 'NIVIRO',
url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20The%20Ghost.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Candyland',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Candyland.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Hope (Original Mix)',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Hope%20(Original%20Mix).mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Life',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Life.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Mesmerize',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Mesmerize.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Seven',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Seven.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Cloud 9',
artist: 'Tobu,Itro',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Cloud%209.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Sunburst',
artist: 'Tobu,Itro',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Sunburst.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Force',
artist: 'Alan Walker',
url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Force.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Spectre',
artist: 'Alan Walker',
url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Spectre.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
]
});
</script>
</body>
</html>

109
404.html
View File

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.jpg" type="image/jpeg">
<link type="text/css" rel="stylesheet" href="./static/css/errors.css" />
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.css">
</head>
<body>
@ -15,14 +16,112 @@
<div>
<h1 data-h1="404">404</h1>
<p data-p="NOT FOUND">NOT FOUND</p>
<div id="aplayer"></div>
</div>
</div>
<div id="tsparticles"></div>
<script type="text/javascript"
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script>
<script type="text/javascript" src="./static/js/errors.js"></script>
<script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
<script>
const ap = new APlayer({
container: document.getElementById('aplayer'),
autoplay: false,
loop: 'all',
listFolded: true,
order: "random",
audio: [
{
name: 'Roots',
artist: 'Josh Leake',
url: 'https://cdn.ghink.net/site/public/404/musics/Josh%20Leake%20-%20Roots.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Fall To Light',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Fall%20To%20Light.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Here We Are',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Here%20We%20Are.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Imaginary Friends',
artist: 'Laszlo',
url: 'https://cdn.ghink.net/site/public/404/musics/Laszlo%20-%20Imaginary%20Friends.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Flares',
artist: 'NIVIRO',
url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20Flares.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'The Ghost',
artist: 'NIVIRO',
url: 'https://cdn.ghink.net/site/public/404/musics/NIVIRO%20-%20The%20Ghost.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Candyland',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Candyland.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Hope (Original Mix)',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Hope%20(Original%20Mix).mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Life',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Life.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Mesmerize',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Mesmerize.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Seven',
artist: 'Tobu',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu%20-%20Seven.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Cloud 9',
artist: 'Tobu,Itro',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Cloud%209.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Sunburst',
artist: 'Tobu,Itro',
url: 'https://cdn.ghink.net/site/public/404/musics/Tobu,Itro%20-%20Sunburst.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Force',
artist: 'Alan Walker',
url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Force.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
{
name: 'Spectre',
artist: 'Alan Walker',
url: 'https://cdn.ghink.net/site/public/404/musics/Alan%20Walker%20-%20Spectre.mp3',
cover: 'https://cdn.ghink.net/site/public/404/musics/NCS%20Cover.png',
},
]
});
</script>
</body>
</html>

View File

@ -1,7 +1,22 @@
<script>
if(navigator.language=="zh-CN"){
window.location.href="./zh_CN/about.html";
}else{
window.location.href="./en_US/about.html";
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk's personal website">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
<title>Ian Xia - About</title>
<script>
if (navigator.language == "zh-CN") {
window.location.href = "./zh_CN/about.html";
} else {
window.location.href = "./en_US/about.html";
}
</script>
</head>
<body>
</body>
</html>

View File

@ -7,12 +7,17 @@
<title>Ian Xia - About</title>
<!-- Bootstrap -->
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Modal -->
<link rel="stylesheet" href="../static/css/modal.css">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk's personal website">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
<style>
.table-bordered > tbody > tr > td
{
@ -39,8 +44,8 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<b>More</b>
</a>
<b>More</b>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://blog.ianxia.com"><b>Blog (In Chinese)</b></a>
<a class="dropdown-item" href="https://demo.ianxia.com"><b>DEMO</b></a>
@ -93,7 +98,7 @@
</tr>
<tr>
<td class="h6 font-weight-normal">
QSL ADDR
QSL ADDR:
</td>
<td class="h6 font-weight-bold">No.691 Jiaochang Rd. Tongxiang Zhejiang, P.R.C. 314500</td>
</tr>
@ -106,9 +111,9 @@
</div>
</div>
<br>
<script>
let date = new Date();
</script>
<script>
let date = new Date();
</script>
<footer class="text-center">
<div class="container">
<div class="row">
@ -190,42 +195,42 @@
}
});
</script>
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
}
})
})
})
</script>
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>

View File

@ -7,12 +7,16 @@
<title>Ian Xia - Index</title>
<!-- Bootstrap -->
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Modal -->
<link rel="stylesheet" href="../static/css/modal.css">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk's personal website">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
@ -33,8 +37,8 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<b>More</b>
</a>
<b>More</b>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://blog.ianxia.com"><b>Blog (In Chinese)</b></a>
<a class="dropdown-item" href="https://demo.ianxia.com"><b>DEMO</b></a>
@ -109,7 +113,7 @@
</div>
<br>
<h2 class="text-center">PROGRAMMING WORKS</h2>
<br>
<br>
<div class="container">
<div class="row text-center">
<div class="col-md-4 pb-1 pb-md-0">
@ -145,9 +149,9 @@
</div>
</div>
<br>
<script>
let date = new Date();
</script>
<script>
let date = new Date();
</script>
<footer class="text-center">
<div class="container">
<div class="row">
@ -229,42 +233,42 @@
}
});
</script>
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
}
})
})
})
</script>
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>

View File

@ -1,7 +1,22 @@
<script>
if(navigator.language=="zh-CN"){
window.location.href="./zh_CN/index.html";
}else{
window.location.href="./en_US/index.html";
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk's personal website">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
<title>Ian Xia - Index</title>
<script>
if (navigator.language == "zh-CN") {
window.location.href = "./zh_CN/index.html";
} else {
window.location.href = "./en_US/index.html";
}
</script>
</head>
<body>
</body>
</html>

View File

@ -1,56 +0,0 @@
tsParticles.load("tsparticles", {
fpsLimit: 60,
particles: {
number: {
value: 5,
density: {
enable: true,
area: 800
}
},
color: {
value: "#fcfcfc"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: {
enable: true,
minimumValue: 0.1
},
},
size: {
value: 140,
random: {
enable: true,
minimumValue: 40
},
animation: {
enable: true,
speed: 10,
minimumValue: 40,
sync: false
}
},
move: {
enable: true,
speed: 8,
direction: "none",
random: false,
straight: false,
outModes: {
default: "out"
}
}
},
interactivity: {
detectsOn: "canvas",
events: {
resize: true
}
},
detectRetina: true
});

View File

@ -7,12 +7,17 @@
<title>Ian Xia - 关于</title>
<!-- Bootstrap -->
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Modal -->
<link rel="stylesheet" href="../static/css/modal.css">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk的个人网站">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,摄影,开发,开源,全栈,博客">
<style>
.table-bordered > tbody > tr > td
{
@ -189,42 +194,42 @@
}
});
</script>
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
}
})
})
})
</script>
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>

View File

@ -7,12 +7,16 @@
<title>Ian Xia - 首页</title>
<!-- Bootstrap -->
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Modal -->
<link rel="stylesheet" href="../static/css/modal.css">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
<meta name="author" content="Bigsk">
<meta name="description" content="Bigsk的个人网站">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,摄影,开发,开源,全栈,博客">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
@ -176,95 +180,95 @@
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.ghink.net/js/jquery/jquery-3.6.0.min.js"></script><!-- Grey Filter Detector -->
<script>
$.ajax({
type: "GET",
url: "https://open.geh.ink/grey_filter",
dataType: "json",
success: function(data, textStatus){
for (let i=0;i<data["content"]["accurate_slot"].length;i++) {
// Accurate Slot
if (Date.now()/1000 >= data["content"]["accurate_slot"][i][0] && Date.now()/1000 <= data["content"]["accurate_slot"][i][1]) {
$("html").css({
'-webkit-filter': 'grayscale(100%)',
'-moz-filter': 'grayscale(100%)',
'-ms-filter': 'grayscale(100%)',
'-o-filter': 'grayscale(100%)',
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
'_filter': 'none'
});
break;
<script>
$.ajax({
type: "GET",
url: "https://open.geh.ink/grey_filter",
dataType: "json",
success: function(data, textStatus){
for (let i=0;i<data["content"]["accurate_slot"].length;i++) {
// Accurate Slot
if (Date.now()/1000 >= data["content"]["accurate_slot"][i][0] && Date.now()/1000 <= data["content"]["accurate_slot"][i][1]) {
$("html").css({
'-webkit-filter': 'grayscale(100%)',
'-moz-filter': 'grayscale(100%)',
'-ms-filter': 'grayscale(100%)',
'-o-filter': 'grayscale(100%)',
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
'_filter': 'none'
});
break;
}
}
for (let i=0;i<data["content"]["day_slot"].length;i++) {
// Day Slot
let begin = new Date(
date.getFullYear().toString() + "-" +
data["content"]["day_slot"][i][0][0].toString() + "-" +
data["content"]["day_slot"][i][0][1].toString() + " " +
data["content"]["day_slot"][i][0][2].toString() + ":" +
data["content"]["day_slot"][i][0][3].toString() + ":" +
data["content"]["day_slot"][i][0][4].toString()
)
let end = new Date(
date.getFullYear().toString() + "-" +
data["content"]["day_slot"][i][1][0].toString() + "-" +
data["content"]["day_slot"][i][1][1].toString() + " " +
data["content"]["day_slot"][i][1][2].toString() + ":" +
data["content"]["day_slot"][i][1][3].toString() + ":" +
data["content"]["day_slot"][i][1][4].toString()
)
if (Date.now() >= begin.getTime() && Date.now() <= end.getTime()) {
$("html").css({
'-webkit-filter': 'grayscale(100%)',
'-moz-filter': 'grayscale(100%)',
'-ms-filter': 'grayscale(100%)',
'-o-filter': 'grayscale(100%)',
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
'_filter': 'none'
});
break;
}
}
}
for (let i=0;i<data["content"]["day_slot"].length;i++) {
// Day Slot
let begin = new Date(
date.getFullYear().toString() + "-" +
data["content"]["day_slot"][i][0][0].toString() + "-" +
data["content"]["day_slot"][i][0][1].toString() + " " +
data["content"]["day_slot"][i][0][2].toString() + ":" +
data["content"]["day_slot"][i][0][3].toString() + ":" +
data["content"]["day_slot"][i][0][4].toString()
)
let end = new Date(
date.getFullYear().toString() + "-" +
data["content"]["day_slot"][i][1][0].toString() + "-" +
data["content"]["day_slot"][i][1][1].toString() + " " +
data["content"]["day_slot"][i][1][2].toString() + ":" +
data["content"]["day_slot"][i][1][3].toString() + ":" +
data["content"]["day_slot"][i][1][4].toString()
)
if (Date.now() >= begin.getTime() && Date.now() <= end.getTime()) {
$("html").css({
'-webkit-filter': 'grayscale(100%)',
'-moz-filter': 'grayscale(100%)',
'-ms-filter': 'grayscale(100%)',
'-o-filter': 'grayscale(100%)',
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
'_filter': 'none'
});
break;
});
</script>
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
}
}
});
</script>
<!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel -->
<script>
$(document).ready(function () {
$('.owl-testimonial').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
})
})
})
</script>
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>