225 lines
7.9 KiB
HTML
225 lines
7.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Forty by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html lang="zh">
|
|
<head>
|
|
<title>Ian Xia - 首页</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="../static/css/main.css" />
|
|
<meta name="author" content="Bigsk">
|
|
<meta name="description" content="Bigsk的个人网站">
|
|
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,摄影,开发,开源,全栈,博客">
|
|
<link rel="stylesheet" href="https://cdn.gh.ink/assembly/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="icon" href="https://cdn.gh.ink/image/avatar/Bigsk.png" type="image/png">
|
|
<script>
|
|
let date = new Date();
|
|
</script>
|
|
<noscript><link rel="stylesheet" href="../static/css/noscript.css" /></noscript>
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<a href="index.html" class="logo">IAN ANDY XIA</a>
|
|
<nav>
|
|
<a href="#menu">菜单</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Menu -->
|
|
<nav id="menu">
|
|
<h3> - 页面 - </h3>
|
|
<ul class="links">
|
|
<li><a href="index.html">首页</a></li>
|
|
<li><a href="about.html">关于</a></li>
|
|
</ul>
|
|
<br>
|
|
<h3> - 语言 - </h3>
|
|
<ul class="links">
|
|
<li><a href="../en/index.html">English</a></li>
|
|
<li><a href="../eo/index.html">Esperanto</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Banner -->
|
|
<section id="banner" class="major">
|
|
<div class="inner">
|
|
<header class="major">
|
|
<h1>你好, 我是 Ian.</h1>
|
|
</header>
|
|
<div class="content">
|
|
<p>欢迎你来到我的个人网站！<br />
|
|
你可以通过浏览下方更多来了解我</p>
|
|
<ul class="actions">
|
|
<li><a href="#one" class="button next scrolly">了解更多</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
|
|
<!-- One -->
|
|
<section id="one" class="tiles">
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic01.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://blog.ianxia.com" class="link">博客</a></h3>
|
|
<p>记录生活点滴</p>
|
|
</header>
|
|
</article>
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic02.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://photo.ianxia.com" class="link">摄影</a></h3>
|
|
<p>发现美，记录美</p>
|
|
</header>
|
|
</article>
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic03.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://github.com/bigsk05" class="link">编程</a></h3>
|
|
<p>代码如诗</p>
|
|
</header>
|
|
</article>
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic04.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://adsb.ianxia.com" class="link">ADS-B</a></h3>
|
|
<p>追飞机的孩子</p>
|
|
</header>
|
|
</article>
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic05.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://tools.ianxia.com" class="link">小工具</a></h3>
|
|
<p>无限进步</p>
|
|
</header>
|
|
</article>
|
|
<article>
|
|
<span class="image">
|
|
<img src="../static/images/pic06.jpg" alt="" />
|
|
</span>
|
|
<header class="major">
|
|
<h3><a href="https://nas.ianxia.com" class="link">Nas</a></h3>
|
|
<p>珍藏回忆</p>
|
|
</header>
|
|
</article>
|
|
</section>
|
|
|
|
<!-- Two -->
|
|
<section id="two">
|
|
<div class="inner">
|
|
<header class="major">
|
|
<h2>关于我</h2>
|
|
</header>
|
|
<ul class="actions">
|
|
<li><a href="about.html" class="button next">了解更多</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<div class="inner">
|
|
<ul class="icons">
|
|
<li><a href="mailto:i@ianxia.com" class="icon brands" target="_blank"><i class="fa fa-envelope"></i></a></li>
|
|
<li><a href="https://github.com/bigsk05" class="icon brands" target="_blank"><i class="fa fa-github-alt"></i></a></li>
|
|
<li><a href="https://t.me/Bigskkk" class="icon brands" target="_blank"><i class="fa fa-paper-plane-o"></i></a></li>
|
|
<li><a href="https://twitter.com/Bigskkk" class="icon brands" target="_blank"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="https://www.facebook.com/ianxia.bigsk" class="icon brands"><i class="fa fa-facebook-official" target="_blank"></i></a></li>
|
|
<li><a href="https://www.instagram.com/bigskkkk/" class="icon brands"><i class="fa fa-instagram" target="_blank"></i></a></li>
|
|
<li><a href="https://wpa.qq.com/msgrd?v=3&uin=1206066991&site=qq&menu=yes" class="icon brands" target="_blank"><i class="fa fa-qq"></i></a></li>
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li>版权所有 © Ian Xia <script>document.write(date.getFullYear().toString());</script>. 保留所有权利.</li>
|
|
<li><a href="https://beian.miit.gov.cn/">浙ICP备2023010574号</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="../static/js/jquery.min.js"></script>
|
|
<script src="../static/js/jquery.scrolly.min.js"></script>
|
|
<script src="../static/js/jquery.scrollex.min.js"></script>
|
|
<script src="../static/js/browser.min.js"></script>
|
|
<script src="../static/js/breakpoints.min.js"></script>
|
|
<script src="../static/js/util.js"></script>
|
|
<script src="../static/js/main.js"></script>
|
|
<script>
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "https://api.gh.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;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |