|
|
|
|
<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>Projects Timeline</title>
|
|
|
|
|
<script type="text/javascript">block_aplayer = true;</script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script>
|
|
|
|
|
<!-- Bootstrap -->
|
|
|
|
|
<link href="https://cdn.yimian.xyz/cv/timeline/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
<link href="https://cdn.yimian.xyz/cv/timeline/ionicons/css/ionicons.min.css" rel="stylesheet">
|
|
|
|
|
<link href="https://cdn.yimian.xyz/cv/timeline/css/animate.min.css" rel="stylesheet">
|
|
|
|
|
<link href="https://cdn.yimian.xyz/cv/timeline/css/aos.css" rel="stylesheet">
|
|
|
|
|
<!-- main style -->
|
|
|
|
|
<link href="https://cdn.yimian.xyz/cv/timeline/css/style.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- Preloader -->
|
|
|
|
|
<div id="preloader">
|
|
|
|
|
<div id="status">
|
|
|
|
|
|
|
|
|
|
<div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- ./Preloader -->
|
|
|
|
|
|
|
|
|
|
<!-- header -->
|
|
|
|
|
<header class="navbar-fixed-top">
|
|
|
|
|
<nav>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="../index.html">CV</a></li>
|
|
|
|
|
<li><a href="../contact.html">Leave a Message</a></li>
|
|
|
|
|
<li><a href="#experience">Timeline</a></li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
<!-- ./header -->
|
|
|
|
|
|
|
|
|
|
<!-- home -->
|
|
|
|
|
|
|
|
|
|
<!-- ./home -->
|
|
|
|
|
|
|
|
|
|
<!-- about -->
|
|
|
|
|
|
|
|
|
|
<!-- ./about -->
|
|
|
|
|
|
|
|
|
|
<!-- experience -->
|
|
|
|
|
<div class="section" id="experience">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<h4>IoTcat</h4>
|
|
|
|
|
<h1 class="size-50">My <br /> Projects Timeline</h1>
|
|
|
|
|
<div class="h-50"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<ul class="timeline">
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<br/><br/>
|
|
|
|
|
<div class="copywrite">
|
|
|
|
|
<p>© 2019-<script type="text/javascript">document.write(new Date().getFullYear())</script> <a href="https://iotcat.me/">IoTcat</a> | Powered by <a href="https://ushio.cool/">Ushio</a> </p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- ./experience -->
|
|
|
|
|
<!-- projects -->
|
|
|
|
|
|
|
|
|
|
<!-- ./contact -->
|
|
|
|
|
|
|
|
|
|
<!--DEMO01-->
|
|
|
|
|
|
|
|
|
|
<!-- jQuery -->
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/jquery.js"></script>
|
|
|
|
|
<!-- plugins -->
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/bootstrap.min.js"></script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/plugins.js"></script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/aos.js"></script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/jquery.form.js"></script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/jquery.validate.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- main script -->
|
|
|
|
|
<script src="https://cdn.yimian.xyz/cv/timeline/js/custom.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
$.get('https://log.yimian.xyz/proj.php', function(res){
|
|
|
|
|
res = JSON.parse(res);
|
|
|
|
|
res.reverse();
|
|
|
|
|
|
|
|
|
|
var s = '';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
res.forEach((item, index)=>{
|
|
|
|
|
var time = new Date(item.datetime);
|
|
|
|
|
|
|
|
|
|
item.description = item.description.replace(/<a\shref/, '<a target="_blank" href');
|
|
|
|
|
|
|
|
|
|
s += `
|
|
|
|
|
<li class="timeline-event" data-aos="fade-up">
|
|
|
|
|
<label class="timeline-event-icon"></label>
|
|
|
|
|
<div class="timeline-event-copy">
|
|
|
|
|
<p class="timeline-event-thumbnail">${time.toDateString()}</p>
|
|
|
|
|
<h3>${item.title}</h3>
|
|
|
|
|
<h4>${item.class}</h4>
|
|
|
|
|
<p>${item.description}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.timeline').html(s);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/javascript" src="https://cdn.yimian.xyz/cv/timeline/js/scrolltopcontrol.js"></script>
|
|
|
|
|
<script src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|