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,3 +1,13 @@
<!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";
@ -5,3 +15,8 @@ if(navigator.language=="zh-CN"){
window.location.href = "./en_US/about.html";
}
</script>
</head>
<body>
</body>
</html>

View File

@ -13,6 +13,11 @@
<link rel="stylesheet" href="../static/css/modal.css">
<!-- 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
{
@ -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>

View File

@ -13,6 +13,10 @@
<link rel="stylesheet" href="../static/css/modal.css">
<!-- 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">

View File

@ -1,3 +1,13 @@
<!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";
@ -5,3 +15,8 @@ if(navigator.language=="zh-CN"){
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

@ -13,6 +13,11 @@
<link rel="stylesheet" href="../static/css/modal.css">
<!-- 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
{

View File

@ -13,6 +13,10 @@
<link rel="stylesheet" href="../static/css/modal.css">
<!-- 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">