Added music function and SEO description, also formated code more pretty
This commit is contained in:
parent
a5d3880a6a
commit
c843854b56
109
403.html
109
403.html
@ -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
109
404.html
@ -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>
|
29
about.html
29
about.html
@ -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>
|
@ -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>
|
||||
|
@ -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>
|
||||
|
29
index.html
29
index.html
@ -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>
|
@ -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
|
||||
});
|
||||
|
@ -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>
|
||||
|
182
zh_CN/index.html
182
zh_CN/index.html
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user