bigsk/www
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
13cc66028f
www/en/about.html
Bigsk 13cc66028f Fixed width problem
2024-11-28 23:11:37 +08:00

237 lines
8.6 KiB
HTML
Raw Blame History

<!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="en">
<head>
<title>Ian Xia - About</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's personal website">
<meta name="keywords" content="bigsk,ianxia,xiaxinzhe,blog,photography,developer,opensource,fullstack">
<link rel="stylesheet" href="https://cdn.gh.ink/assembly/font-awesome/6.6.0/css/all.min.css">
<link rel="icon" href="https://2-cdn.ianxia.com/images/avatar/common.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">
<a href="index.html" class="logo">IAN ANDY XIA</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<h3> - Pages - </h3>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
<br>
<h3> - Languages - </h3>
<ul class="links">
<li><a href="../eo/about.html">Esperanto</a></li>
<li><a href="../zh/about.html">简体中文</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main" class="alt">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h1>About</h1>
</header>
<h2>Ian Andy Xia</h2>
<div>From Wenzhou, China; Live in Shanghai, China</div>
<br>
<table>
<tbody>
<tr>
<td><li>🎒 Student</li></td>
<td><li>📝 Prefer GoLang / Python for the backend, Vue.JS for the frontend</li></td>
</tr>
<tr>
<td><li>🐺 Furry</li></td>
<td><li>👨 Pronouns: He/His</li></td>
</tr>
<tr>
<td><li>👨‍💻 Full Stack Developer</li></td>
<td><li>🏳️&zwj;🌈 Sexuality: <a href="https://github.com/LGBT-CN/LGBTQIA-In-China">Gay</a></li></td>
</tr>
<tr>
<td><li>📻 Amateur Radio Ham (Enthusiast)</li></td>
<td><li>💻 Orientation: Computer Science</li></td>
</tr>
<tr>
<td><li>📸 Photography enthusiasts</li></td>
<td><li>🍎 Apple Fans</li></td>
</tr>
<tr>
<td><li>✈ Aviation enthusiasts</li></td>
<td></td>
</tr>
</tbody>
</table>
<br>
<table>
<h3>My Identification</h3>
<tbody>
<tr>
<td>Nickname: </td>
<td>Bigsk</td>
</tr>
<tr>
<td>English Name: </td>
<td>Ian Andy Xia</td>
</tr>
<tr>
<td>Callsign: </td>
<td>BD8CMN / KC3WED</td>
</tr>
</tbody>
</table>
<br>
<table>
<h3>Contact Me</h3>
<tbody>
<tr>
<td>
Email:
</td>
<td><a href="mailto:i@ianxia.com">i@ianxia.com</a></td>
</tr>
<tr>
<td>Phone:</td>
<td>(86) 17317537729</td>
</tr>
<tr>
<td>
QSL ADDR: &nbsp;
</td>
<td>No.691 Jiaochang Rd. Tongxiang Zhejiang, P.R.C. 314500</td>
</tr>
</tbody>
</table>
<br>
<h3>Where I am?</h3>
<p>
<script type="text/javascript">
var tv_track = "BD8CMN-5";
var tv_width = '100%';
var tv_height = '350';
var tv_zoom = 15;
var tv_maptype = 'h';
var tv_ct = "call,time,dev,speed,dir,alt,power,gain";
</script>
<script type="text/javascript" src="//aprs.tv/js/embed.js"></script>
</p>
<h3>Need a Custom Program?</h3>
<div>Email me, or contact with me on any social media platforms for more info on pricing, demand, and more.</div>
</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="fas fa-envelope"></i></a></li>
<li><a href="https://github.com/bigsk05" class="icon brands" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="https://t.me/Bigsk05" class="icon brands" target="_blank"><i class="fab fa-telegram-plane"></i></a></li>
<li><a href="https://discord.gg/URwjPMAZ" class="icon brands" target="_blank"><i class="fab fa-discord"></i></a></li>
<li><a href="https://snapchat.com/t/0mfrdjPJ" class="icon brands" target="_blank"><i class="fab fa-snapchat"></i></a></li>
<li><a href="https://x.com/Bigskkk" class="icon brands" target="_blank"><i class="fab fa-x-twitter"></i></a></li>
<li><a href="https://bsky.app/profile/bigsk.bsky.social" class="icon brands" target="_blank"><i class="fab fa-bluesky"></i></a></li>
<li><a href="https://www.facebook.com/ianxia.bigsk" class="icon brands"><i class="fab fa-facebook-f" target="_blank"></i></a></li>
<li><a href="https://www.instagram.com/bigskkkk/" class="icon brands"><i class="fab fa-instagram"></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="fab fa-qq"></i></a></li>
</ul>
<ul class="copyright">
<li>Copyright &copy; Ian Xia <script>document.write(date.getFullYear().toString());</script>. All rights reserved.</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>
Reference in New Issue View Git Blame Copy Permalink