master
iotcat 5 years ago
parent 2fef1e0ef5
commit db05d294dc
  1. 1
      aplayer.min.js
  2. 4
      font-awesome.min.css
  3. 153
      index.html
  4. 97
      main.css
  5. 83
      main.js
  6. 1
      shaky.css

1
aplayer.min.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,153 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ushio - 小汐</title>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="keywords" content="Ushio,小汐,iotcat,yimian">
<meta name="description" content="小汐の主页">
<link rel="stylesheet" href="https://cdn.yimian.xyz/ushio-homepage/main.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.yimian.xyz/aplayer/aplayer.min.js"></script>
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/shaky/shaky.css">
</head>
<body>
<div class="loading">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
<div class="bak" style="background-image: url(https://api.yimian.xyz/img/?size=1920x1080);"></div>
<main>
<div class="content">
<div class="left">
<div class="avatar">
<img src="https://cdn.yimian.xyz/img/head/head3r.png">
</div>
<ul class="menu">
<li>
<a goto="#home" class="active">HOME</a>
</li>
<li>
<a goto="#archives">ARCHIVES</a>
</li>
<li>
<a goto="#about">ABOUT</a>
</li>
<li>
<a goto="#donate">DONATE</a>
</li>
</ul>
<div class="copyright">
Made with
<span class="shaky"><i class="fa fa-heart"></i></span> by
<br>
<a href="https://iotcat.me" target="_blank">iotcat</a>
</div>
</div>
<div class="right">
<section id="home" class="active">
<h1>Ushio - 汐</h1>
<div class="items">
<a href="https://www.eee.dog" rel="noopener">
<i class="fa fa-home"></i>
<span>Blog</span>
</a>
<a href="https://github.com/iotcat/ushio" target="_blank" rel="noopener">
<i class="fa fa-code-fork"></i>
<span>Git</span>
</a>
<a href="https://monitor.yimian.xyz" target="_blank" rel="noopener">
<i class="fa fa-bar-chart-o"></i>
<span>Monitor</span>
</a>
<a href="https://cloud.yimian.xyz" target="_blank" rel="noopener">
<i class="fa fa-cloud"></i>
<span>Cloud</span>
</a>
<a href="https://api.yimian.xyz" target="_blank" rel="noopener">
<i class="fa fa-share-alt-square"></i>
<span>API</span>
</a>
<a href="https://shadowsocks.yimian.xyz" target="_blank" rel="noopener">
<i class="fa fa-paper-plane-o"></i>
<span>ShadowSocks</span>
</a>
</div>
</section>
<section id="archives">
<h1>近期事件</h1>
<ul class="archive-list">
<li>Loading...</li>
</ul>
</section>
<section id="about">
<h1>关于</h1>
<p>
汐酱,超萌滴信息支持系统,足迹遍布3大洲(´・ω・`)<br/>
目标是满足主人呓喵酱的一切无理要求,愿望是希望主人早日<del>爆炸</del>现充
<br/>/ <a href="https://www.eee.dog/ushio.html" target="_blank">More...</a>
</p>
</section>
<section id="donate">
<h1><del>我很可爱,请给我钱 !!<del></h1>
<div class="donate-img-box">
<a href="https://pay.yimian.xyz/" target="_blank" rel="noopener">
<img src="https://cdn.yimian.xyz/img/pay/all.gif" style="zoom: 0.6" >
<p>三项全能二维码,来者不拒( • ̀ω•́ )✧</p>
</a>
</div>
</section>
</div>
</div>
<footer>
<p id="hitokoto">Loading...</p>
<div class="copyright-mobile">
Made with
<span class="shaky"><i class="fa fa-heart"></i></span> by
<a href="https://fly.moe" target="_blank">iotcat</a>
</div>
</footer>
<div class="aplayer-footer">
<div class="ap-f" id="ap-f"></div>
<script>
$(function(){
$.ajax({
url:"https://api.yimian.xyz/msc/?type=playlist&id=808097971&limit=15&random=true",
success:function(e){
var a = new APlayer({
element:document.getElementById("ap-f"),
autoplay:false,
fixed:true,
loop:"all",
order:"list",
listFolded:true,
showlrc:3,
theme:"#e6d0b2",
listmaxheight:"200px",
music:eval(e)
});
window.aplayers || (window.aplayers = []),
window.aplayers.push(a)
}
})
})
</script>
</div>
</main>
<script src="https://cdn.yimian.xyz/ushio-homepage/main.js"></script>
<script src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

@ -0,0 +1,83 @@
$('.menu a').click(function(){
target = $(this).attr('goto');
switchTo(target);
$('.menu li a').each(function(){
$(this).removeClass('active');
});
$(this).addClass('active');
});
function switchTo(target){
$('.right section').each(function () {
$(this).removeClass('active');
});
$(target).addClass('active');
}
function getAchives(){
t = ``;
/*$.ajax({
type:"GET",
url:"https://www.fczbl.vip/wp-json/wp/v2/posts?per_page=8&page=1",
dataType:"json",
success:function(json){
for(var i = 0;i < json.length;i++){
title = json[i].title.rendered;
link = json[i].link;
time = new Date(json[i].date).Format("yyyy-MM-dd");
t += `<li><a href="${link}" target="_blank">${title} <span class="meta">/ ${time}</span></a></li>`;
$('.archive-list').html(t);
}
}
})*/
}
function gethitokoto(){
/*$.ajax({
type:"POST",
url:"https://api.fczbl.vip/hitokoto/?encode=json",
dataType:"json",
success:function(result){
write(result.hitokoto);
},
error:function(){
$('#hitokoto').html("Error: Failed to get hitokoto.");
}
});*/
}
function write(text){
if (text.length < 25) {
$('#hitokoto').html(text);
} else {
gethitokoto();
}
}
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子:
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function(fmt){ //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1,(this.getFullYear() + "").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
$(document).ready(function(){
getAchives();
gethitokoto();
setTimeout(function(){$(".loading").hide();},1500);
});

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save