2022-12-28 09:56:27 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<title>Ian Xia - About</title>
|
|
|
|
|
|
<!-- Bootstrap -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<link href="https://cdn.gh.ink/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<!-- Font Awesome -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<link rel="stylesheet" href="https://cdn.gh.ink/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<!-- Modal -->
|
2023-02-01 13:02:31 +00:00
|
|
|
|
<link rel="stylesheet" href="../static/css/modal.css">
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<!-- Favicon -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<link rel="icon" href="https://cdn.gh.ink/image/avatar/Bigsk.png" type="image/png">
|
2023-02-02 15:24:12 +00:00
|
|
|
|
|
|
|
|
|
|
<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">
|
|
|
|
|
|
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<style>
|
|
|
|
|
|
.table-bordered > tbody > tr > td
|
|
|
|
|
|
{
|
|
|
|
|
|
border: white 0px solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<a class="navbar-brand" href="index.html">
|
2023-02-01 13:02:31 +00:00
|
|
|
|
<img src="../static/images/logo.png" alt="Ian Xia's Logo" height="40">
|
2022-12-28 09:56:27 +00:00
|
|
|
|
</a>
|
|
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
|
|
|
|
<ul class="navbar-nav ml-auto">
|
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
|
<a class="nav-link" href="index.html"><b>Home</b></a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item active">
|
|
|
|
|
|
<a class="nav-link" href="about.html"><b>About</b></a>
|
|
|
|
|
|
</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">
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<b>More</b>
|
|
|
|
|
|
</a>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<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>
|
|
|
|
|
|
<a class="dropdown-item" href="https://adsb.ianxia.com"><b>ADS-B</b></a>
|
|
|
|
|
|
<a class="dropdown-item" href="https://tools.ianxia.com"><b>Tools</b></a>
|
|
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
|
|
<a class="dropdown-item" href="https://www.ghink.net"><b>My Studio</b></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
|
<a class="nav-link" href="../zh_CN/about.html"><b>简体中文</b></a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-4">
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<img class="img-obj" src="https://cdn.gh.ink/image/avatar/Bigsk.png" alt="Bigsk" style="border-radius: 10px" width="90%" onclick="show_modal(this)">
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<br>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-1"></div>
|
|
|
|
|
|
<div class="col-md-7">
|
|
|
|
|
|
<div class="h1 font-weight-normal">Ian Andy Xia</div>
|
|
|
|
|
|
<div class="h6 font-weight-normal">From Wenzhou, China</div>
|
|
|
|
|
|
<div class="h6 font-weight-normal">Live in Jiaxing, China</div>
|
2023-01-31 14:19:31 +00:00
|
|
|
|
<div class="h6 font-weight-normal"><b>Student</b>, Full Stack Developer</div>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<div class="h6 font-weight-normal">Originator of <b>Ghink Universe Technology</b></div>
|
|
|
|
|
|
<br>
|
2023-01-31 14:19:31 +00:00
|
|
|
|
<li>📝 Prefer GoLang / Python for the backend, Vue.JS for the frontend</li>
|
|
|
|
|
|
<li>👨 Pronouns: He/His</li>
|
2023-02-01 08:48:42 +00:00
|
|
|
|
<li>🏳️‍🌈 Sexuality: <a href="https://github.com/LGBT-CN/LGBTQIA-In-China">Gay</a></li>
|
2023-01-31 14:19:31 +00:00
|
|
|
|
<li>💻 Orientation: Computer Science</li>
|
|
|
|
|
|
<li>🌟 Let's idea fly</li>
|
|
|
|
|
|
<li>💕 Open Source</li>
|
|
|
|
|
|
<br>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<table>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="h6 font-weight-normal">
|
|
|
|
|
|
Email:
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td class="h6 font-weight-bold">i@ianxia.com</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="h6 font-weight-normal">Phone:</td>
|
|
|
|
|
|
<td class="h6 font-weight-bold">(86) 18967399415</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="h6 font-weight-normal">
|
2023-02-02 15:24:12 +00:00
|
|
|
|
QSL ADDR:
|
2022-12-28 09:56:27 +00:00
|
|
|
|
</td>
|
|
|
|
|
|
<td class="h6 font-weight-bold">No.691 Jiaochang Rd. Tongxiang Zhejiang, P.R.C. 314500</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
<div class="h4 font-weight-normal">Need a Custom Program?</div>
|
|
|
|
|
|
<div class="h6 font-weight-normal">Email me, or contact with me on any social media platforms for more info on pricing, demand, and more.</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br>
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<script>
|
|
|
|
|
|
let date = new Date();
|
|
|
|
|
|
</script>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<footer class="text-center">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-6 mr-auto text-left">
|
|
|
|
|
|
<p style="color: #516069"><strong>Copyright © Ian Xia <script>document.write(date.getFullYear().toString());</script>. All rights reserved.</strong></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 ml-auto text-right">
|
|
|
|
|
|
<a href="mailto:i@ianxia.com" style="color: #516069" class="px-1"><i class="fa fa-envelope-o"></i></a>
|
|
|
|
|
|
<a href="https://github.com/bigsk05" style="color: #516069" class="px-1"><i class="fa fa-github-alt"></i></a>
|
|
|
|
|
|
<a href="https://gitee.com/bigsk" style="color: #516069" class="px-1"><i class="fa fa-code-fork"></i></a>
|
|
|
|
|
|
<a href="https://git.ghink.net/bigsk" style="color: #516069" class="px-1"><i class="fa fa-code"></i></a>
|
|
|
|
|
|
<a href="https://t.me/Bigskkk" style="color: #516069" class="px-1"><i class="fa fa-paper-plane-o"></i></a>
|
|
|
|
|
|
<a href="https://twitter.com/Bigskkk" style="color: #516069" class="px-1"><i class="fa fa-twitter"></i></a>
|
|
|
|
|
|
<a href="https://www.facebook.com/ianxia.bigsk" style="color: #516069" class="px-1"><i class="fa fa-facebook-official"></i></a>
|
|
|
|
|
|
<a href="https://www.instagram.com/bigskkkk/" style="color: #516069" class="px-1"><i class="fa fa-instagram"></i></a>
|
|
|
|
|
|
<a href="https://wpa.qq.com/msgrd?v=3&uin=1206066991&site=qq&menu=yes" style="color: #516069" class="px-1"><i class="fa fa-qq"></i></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
<div class="modal" id="modal">
|
|
|
|
|
|
<span class="close" id="close">×</span>
|
|
|
|
|
|
<img class="modal_img" id="modal_img">
|
|
|
|
|
|
<div id="caption"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<script src="https://cdn.gh.ink/js/jquery/jquery-3.6.0.min.js"></script><!-- Grey Filter Detector -->
|
2022-12-29 06:55:14 +00:00
|
|
|
|
<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;
|
|
|
|
|
|
}
|
2022-12-28 09:56:27 +00:00
|
|
|
|
}
|
2022-12-29 06:55:14 +00:00
|
|
|
|
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;
|
|
|
|
|
|
}
|
2022-12-28 09:56:27 +00:00
|
|
|
|
}
|
|
|
|
|
|
}
|
2022-12-29 06:55:14 +00:00
|
|
|
|
});
|
|
|
|
|
|
</script>
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<!-- owl carousel -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<script src="https://cdn.gh.ink/site/ghink/v2/js/owl.carousel.js"></script>
|
2023-02-02 15:24:12 +00:00
|
|
|
|
<!-- 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
|
|
|
|
|
|
}
|
2022-12-28 09:56:27 +00:00
|
|
|
|
}
|
2023-02-02 15:24:12 +00:00
|
|
|
|
})
|
2022-12-28 09:56:27 +00:00
|
|
|
|
})
|
2023-02-02 15:24:12 +00:00
|
|
|
|
</script>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
2023-02-03 17:03:46 +00:00
|
|
|
|
<script src="https://cdn.gh.ink/js/popper/1.16.1/popper.min.js"></script>
|
|
|
|
|
|
<script src="https://cdn.gh.ink/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
<!-- Modal for image display -->
|
2023-02-01 13:02:31 +00:00
|
|
|
|
<script src="../static/js/modal.js"></script>
|
2022-12-28 09:56:27 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
