mirror of https://github.com/iotcat/CV.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
4.3 KiB
130 lines
4.3 KiB
<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> |