bigsk/www
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
403.html
View File

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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 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 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> </head>
<body> <body>
@ -15,14 +16,112 @@
<div> <div>
<h1 data-h1="403">403</h1> <h1 data-h1="403">403</h1>
<p data-p="FORBIDDEN">FORBIDDEN</p> <p data-p="FORBIDDEN">FORBIDDEN</p>
<div id="aplayer"></div>
</div> </div>
</div> </div>
<div id="tsparticles"></div> <script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
<script>
<script type="text/javascript" const ap = new APlayer({
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script> container: document.getElementById('aplayer'),
<script type="text/javascript" src="./static/js/errors.js"></script> 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> </body>
</html> </html>

109
404.html
View File

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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 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 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> </head>
<body> <body>
@ -15,14 +16,112 @@
<div> <div>
<h1 data-h1="404">404</h1> <h1 data-h1="404">404</h1>
<p data-p="NOT FOUND">NOT FOUND</p> <p data-p="NOT FOUND">NOT FOUND</p>
<div id="aplayer"></div>
</div> </div>
</div> </div>
<div id="tsparticles"></div> <script src="https://cdn.ghink.net/assembly/aplayer/1.10.0/APlayer.min.js"></script>
<script>
<script type="text/javascript" const ap = new APlayer({
src="https://cdn.ghink.net/js/tsparticles/1.18.11/tsparticles.min.js"></script> container: document.getElementById('aplayer'),
<script type="text/javascript" src="./static/js/errors.js"></script> 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> </body>
</html> </html>

29
about.html
View File

@ -1,7 +1,22 @@
<script> <!DOCTYPE html>
if(navigator.language=="zh-CN"){ <html>
window.location.href="./zh_CN/about.html"; <head>
}else{ <meta charset="utf-8">
window.location.href="./en_US/about.html"; <meta http-equiv="X-UA-Compatible" content="IE=edge">
} <meta name="viewport" content="width=device-width, initial-scale=1">
</script> <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>

93
en_US/about.html
View File

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

92
en_US/index.html
View File

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

29
index.html
View File

@ -1,7 +1,22 @@
<script> <!DOCTYPE html>
if(navigator.language=="zh-CN"){ <html>
window.location.href="./zh_CN/index.html"; <head>
}else{ <meta charset="utf-8">
window.location.href="./en_US/index.html"; <meta http-equiv="X-UA-Compatible" content="IE=edge">
} <meta name="viewport" content="width=device-width, initial-scale=1">
</script> <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>

56
static/js/errors.js
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
});

81
zh_CN/about.html
View File

@ -7,12 +7,17 @@
<title>Ian Xia - 关于</title> <title>Ian Xia - 关于</title>
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome --> <!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.ghink.net/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Modal --> <!-- Modal -->
<link rel="stylesheet" href="../static/css/modal.css"> <link rel="stylesheet" href="../static/css/modal.css">
<!-- Favicon --> <!-- Favicon -->
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png"> <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> <style>
.table-bordered > tbody > tr > td .table-bordered > tbody > tr > td
{ {
@ -189,42 +194,42 @@
} }
}); });
</script> </script>
<!-- owl carousel --> <!-- owl carousel -->
<script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script> <script src="https://cdn.ghink.net/site/ghink/v2/js/owl.carousel.js"></script>
<!-- script for tesimonials carousel slider --> <!-- script for tesimonials carousel slider -->
<!-- script for owlcarousel --> <!-- script for owlcarousel -->
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$('.owl-testimonial').owlCarousel({ $('.owl-testimonial').owlCarousel({
loop: true, loop: true,
margin: 0, margin: 0,
nav: false, nav: false,
responsiveClass: true, responsiveClass: true,
autoplay: false, autoplay: false,
autoplayTimeout: 5000, autoplayTimeout: 5000,
autoplaySpeed: 1000, autoplaySpeed: 1000,
autoplayHoverPause: false, autoplayHoverPause: false,
responsive: { responsive: {
0: { 0: {
items: 1, items: 1,
nav: false nav: false
}, },
480: { 480: {
items: 1, items: 1,
nav: false nav: false
}, },
667: { 667: {
items: 1, items: 1,
nav: false nav: false
}, },
1000: { 1000: {
items: 1, items: 1,
nav: false nav: false
}
} }
} })
}) })
}) </script>
</script>
<!-- Include all compiled plugins (below), or include individual files as needed --> <!-- 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/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> <script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>

182
zh_CN/index.html
View File

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