before aplayer

master
iotcat 5 years ago
parent db05d294dc
commit 2ece58a070
  1. 28
      index.html
  2. 9
      main.css

@ -31,7 +31,7 @@
<div class="content">
<div class="left">
<div class="avatar">
<img src="https://cdn.yimian.xyz/img/head/head3r.png">
<img class="logo" src="https://cdn.yimian.xyz/img/head/head3r.png">
</div>
<ul class="menu">
<li>
@ -51,14 +51,14 @@
Made with
<span class="shaky"><i class="fa fa-heart"></i></span> by
<br>
<a href="https://iotcat.me" target="_blank">iotcat</a>
<a id="ushio-homepage" 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">
<a id="ushio-blog" href="https://www.eee.dog" rel="noopener">
<i class="fa fa-home"></i>
<span>Blog</span>
</a>
@ -66,19 +66,19 @@
<i class="fa fa-code-fork"></i>
<span>Git</span>
</a>
<a href="https://monitor.yimian.xyz" target="_blank" rel="noopener">
<a id="ushio-monitor" 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">
<a id="ushio-cloud" 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">
<a id="ushio-api" 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">
<a id="ushio-shadowsocks" href="https://shadowsocks.yimian.xyz" target="_blank" rel="noopener">
<i class="fa fa-paper-plane-o"></i>
<span>ShadowSocks</span>
</a>
@ -102,7 +102,7 @@
<section id="donate">
<h1><del>我很可爱,请给我钱 !!<del></h1>
<div class="donate-img-box">
<a href="https://pay.yimian.xyz/" target="_blank" rel="noopener">
<a id="ushio-pay" 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>
@ -113,11 +113,11 @@
</div>
</div>
<footer>
<p id="hitokoto">Loading...</p>
<!--<p id="hitokoto">Loading...</p>--><p></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>
<a id="ushio-homepage2" href="https://iotcat.me" target="_blank">iotcat</a>
</div>
</footer>
<div class="aplayer-footer">
@ -140,7 +140,13 @@
music:eval(e)
});
window.aplayers || (window.aplayers = []),
window.aplayers.push(a)
window.aplayers.push(a);
window.aplayers[0].on('listswitch', function(e){
session.set('aplayer/playing', window.aplayers[0].list.audios[e.index].id);
});
setInterval(function(){
if(!window.aplayers[0].audio.paused) session.set('aplayer/seek', window.aplayers[0].audio.currentTime);
}, 1000);
}
})
})

@ -94,4 +94,13 @@ footer #hitokoto{text-shadow:2px 1px 2px #666}
#donate h1{margin-top:.2em;font-size:1.5em}
#donate .donate-img-box{margin:1.3em auto 1em;max-width:17em;max-height:13.5em}
#donate .donate-img-box img{margin:.1em}
}
.logo:hover {
border: 3px solid #5ba4e5;
transition: all .5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(350deg);
transform: rotate(360deg);
-ms-transform: rotate(360deg)
}
Loading…
Cancel
Save