After Width: | Height: | Size: 32 KiB |
@ -0,0 +1,12 @@
|
||||
@font-face {
|
||||
font-family: "ZHSYKT";
|
||||
src: url("fonts/ZHSYKT.eot"); /* IE9 */
|
||||
src: url("fonts/ZHSYKT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
|
||||
url("fonts/ZHSYKT.woff") format("woff"), /* chrome、firefox */
|
||||
url("fonts/ZHSYKT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
|
||||
|
||||
url("fonts/ZHSYKT.svg#ZHSYKT") format("svg"); /* iOS 4.1- */
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,56 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot?bpkkt1');
|
||||
src: url('fonts/icomoon.eot?bpkkt1#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.ttf?bpkkt1') format('truetype'),
|
||||
url('fonts/icomoon.woff?bpkkt1') format('woff'),
|
||||
url('fonts/icomoon.svg?bpkkt1#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-1 .path1:before {
|
||||
content: "\e93a";
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-1 .path2:before {
|
||||
content: "\e93b";
|
||||
margin-left: -1em;
|
||||
color: rgb(238, 238, 238);
|
||||
}
|
||||
.icon-1 .path3:before {
|
||||
content: "\e93c";
|
||||
margin-left: -1em;
|
||||
color: rgb(58, 71, 80);
|
||||
}
|
||||
.icon-1 .path4:before {
|
||||
content: "\e93d";
|
||||
margin-left: -1em;
|
||||
color: rgb(58, 71, 80);
|
||||
}
|
||||
.icon-1 .path5:before {
|
||||
content: "\e93e";
|
||||
margin-left: -1em;
|
||||
color: rgb(58, 71, 80);
|
||||
}
|
||||
.icon-1 .path6:before {
|
||||
content: "\e93f";
|
||||
margin-left: -1em;
|
||||
color: rgb(58, 71, 80);
|
||||
}
|
||||
|
@ -0,0 +1,41 @@
|
||||
body {
|
||||
background-color: rgba(48, 56, 65, 1);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.u0 {
|
||||
margin: 0 10vw;
|
||||
font-weight: 500;
|
||||
font-family: 'ZHSYKT';
|
||||
font-size: 8.5vh;
|
||||
color: #F6C90E;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.u1 {
|
||||
margin: 0 10vw;
|
||||
}
|
||||
|
||||
.u1 img{
|
||||
margin: .5vh;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.u2 {
|
||||
margin: 8.5vh 10vw;
|
||||
font-size: 4vh;
|
||||
font-family: 'ZHSYKT';
|
||||
color: #EEEEEE;
|
||||
}
|
||||
|
||||
.unavailable {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
@media (max-width:768px){
|
||||
.u0{font-size:48px;}
|
||||
.u1 img{margin:2px;}
|
||||
.u2{font-size:20px;}
|
||||
}
|
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 7.1 KiB |
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Denny Dai</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="theme-color" content="#3A4750">
|
||||
<link href="css/style.css" type="text/css" rel="stylesheet"/>
|
||||
<link href="css/ZHSYKT.css" type="text/css" rel="stylesheet"/>
|
||||
<link href="css/icomoon.css" type="text/css" rel="stylesheet"/>
|
||||
<link rel="shortcut icon" href="favicon.png" type="image/png" />
|
||||
<link rel="icon" sizes="any" mask href="favicon.svg">
|
||||
<script src="js/main.js"></script>
|
||||
<script async src="js/nightnight.js"></script>
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(["setDomains", ["*.daihan.cn"]]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="//piwik.dennx.com/";
|
||||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<noscript><p><img src="https://piwik.dennx.com/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
|
||||
<!-- End Piwik Code -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="u0">
|
||||
<p>
|
||||
<span class="icon-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></span>
|
||||
<span>Denny Dai</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="u1">
|
||||
<a href="https://about.me/dennydai" target="_blank"><img src="svg/about.me.svg" /></a>
|
||||
<a href="https://www.behance.net/dennydai" target="_blank"><img src="svg/behance.svg" /></a>
|
||||
<!--<a href="https://zh.wikipedia.org/wiki/User:Dennydai10" target="_blank"><img src="svg/wikipedia.svg" /></a>-->
|
||||
<a href="https://playoverwatch.com/en-us/career/pc/us/DennyDai-1686" target="_blank"><img src="svg/battle.net.svg" /></a>
|
||||
<a href="https://blog.daihan.cn/" target="_blank"><img src="svg/blog.svg" /></a>
|
||||
<!--<a href="https://xotino.daihan.cn/" target="_blank"><img src="svg/blog.svg" /></a>-->
|
||||
<a href="https://github.com/dennydai" target="_blank"><img src="svg/github.svg" /></a>
|
||||
<a href="https://soundcloud.com/dennydai" target="_blank"><img src="svg/soundcloud.svg" /></a>
|
||||
<a href="http://steamcommunity.com/id/dennydai" target="_blank"><img src="svg/steam.svg" /></a>
|
||||
<a href="https://t.me/DennyDai" target="_blank"><img src="svg/telegram.svg" /></a>
|
||||
<a href="tel:+86-15578-DAIHAN" target="_blank"><img src="svg/phone.svg" /></a>
|
||||
<a href="https://twitter.com/cndaihan" target="_blank"><img src="svg/twitter.svg" /></a>
|
||||
<a href="https://www.facebook.com/dennydai10" target="_blank"><img src="svg/facebook.svg" /></a>
|
||||
<a href="https://www.instagram.com/dennydai10" target="_blank"><img src="svg/instagram.svg" /></a>
|
||||
<!--<a href="https://degreed.com/dennydai" target="_blank"><img src="svg/degreed.svg" /></a>-->
|
||||
<a href="https://open.spotify.com/user/dennydai" target="_blank"><img src="svg/spotify.svg" /></a>
|
||||
<a href="http://music.163.com/#/user/home?id=97317274" target="_blank"><img src="svg/netease_music.svg" /></a>
|
||||
<a href="mailto:public@daihan.cn" target="_blank"><img src="svg/email.svg" /></a>
|
||||
<a href="http://sighttp.qq.com/authd?IDKEY=b1940336507819779943de4b34ae369efcab0cd013ecd5a9" target="_blank"><img src="svg/qq.svg" /></a>
|
||||
<!--<a href="https://www.reddit.com/user/DennyDai/" target="_blank"><img src="svg/reddit.svg" /></a>-->
|
||||
<a href="http://stackoverflow.com/users/4882080" target="_blank"><img src="svg/stackoverflow.svg"/></a>
|
||||
<a href="#" onclick="window.open('add-wechat.svg', '', 'width=200,height=225,toolbar=no')"><img src="svg/wechat.svg" /></a>
|
||||
<a href="https://www.zhihu.com/people/dennydai" target="_blank"><img src="svg/zhihu.svg" /></a>
|
||||
<a href="https://www.khanacademy.org/profile/dennydai/" target="_blank"><img src="svg/khan.svg" /></a>
|
||||
<a href="https://www.coursera.org/user/i/738227ceaa65446eee7034d5ed981e80" target="_blank"><img src="svg/coursera.svg" /></a>
|
||||
<a href="https://plus.google.com/u/0/104064655722567909748" target="_blank"><img src="svg/google+.svg" /></a>
|
||||
<a href="http://subset.pool.sks-keyservers.net/pks/lookup?op=get&search=0x43851A85311F8373" target="_blank"><img src="svg/openpgp.svg" /></a>
|
||||
<!--<a href="https://keybase.io/dennydai" target="_blank"><img src="svg/keybase.svg" /></a>-->
|
||||
</div>
|
||||
<div class="u2">
|
||||
(c) 2017
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,10 @@
|
||||
window.onload = function() {setInterval(msg1,1000);};
|
||||
|
||||
function msg1(){
|
||||
location.hash = '# 🎇 #';
|
||||
setTimeout(msg2,500);
|
||||
}
|
||||
|
||||
function msg2(){
|
||||
location.hash = '# 🎆 #';
|
||||
}
|
@ -0,0 +1,58 @@
|
||||
/** nightnight.みんな v1.0 | MIT License | https://git.io/vwz9N */
|
||||
|
||||
window.nightnightHide = function() {
|
||||
var banners = document.getElementsByClassName('nightnight');
|
||||
|
||||
for (var i = 0; i < banners.length; i++) {
|
||||
banners[i].style.display = 'none';
|
||||
}
|
||||
};
|
||||
|
||||
(function(){
|
||||
var d = new Date();
|
||||
var m = d.getHours() * 60 + d.getMinutes();
|
||||
var bh = 22, bm = 0;
|
||||
var eh = 6, em = 0;
|
||||
|
||||
var use12HourClock = true;
|
||||
|
||||
var b = bh * 60 + bm;
|
||||
var e = eh * 60 + em;
|
||||
|
||||
if (b < e) {
|
||||
console.log("WARNING: NightNight: invalid time interval: sleep time is earlier in the day than wakeup time");
|
||||
return
|
||||
}
|
||||
|
||||
if (m >= b || m <= e) {
|
||||
console.log('NightNight activated')
|
||||
|
||||
// Inject CSS
|
||||
var css = '.nightnight {background: #101314; font-family: Arial, sans-serif; color: #EEE; font-size: 12px; padding: 10%; position: fixed; margin: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .nightnight-skip a {padding: 10px 0; } .nightnight a:link {color: #999; } .nightnight a:visited {color: #999; } .nightnight a:hover {color: #EEE; } .nightnight-timing {font-size: 15px; font-weight: 900; margin-top: 20px; } .nightnight-skip {font-style: italic; font-size: 14px; margin-top: 40px; } .nightnight-credits {position: fixed; bottom: 20px; right: 20px; margin-top: 40px; font-size:9px; }';
|
||||
var head = document.head || document.getElementsByTagName('head')[0];
|
||||
var style = document.createElement('style');
|
||||
style.type = 'text/css';
|
||||
if (style.styleSheet){
|
||||
style.styleSheet.cssText = css;
|
||||
} else {
|
||||
style.appendChild(document.createTextNode(css));
|
||||
}
|
||||
head.appendChild(style);
|
||||
|
||||
// Format time
|
||||
var time = ''
|
||||
if (use12HourClock) {
|
||||
var suffix = eh < 12 ? "AM" : "PM"
|
||||
time = (eh % 13) + ":" + ("0"+em).slice(-2) + " " + suffix;
|
||||
} else {
|
||||
time = ("0"+eh).slice(-2) + ":" + ("0"+em).slice(-2)
|
||||
}
|
||||
|
||||
// Inject DIV
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.innerHTML = '<div class="nightnight"><div>It’s late…</div><div> Nothing is more important than your sleep.</div> <div> Sleep well, we will catch you in the morning.</div> <div class="nightnight-timing">This site will wake up at ' +
|
||||
time +
|
||||
'</div> <div class="nightnight-skip"> <a href="javascript:nightnightHide()">I really want to visit this site right now →</a> </div> </div>';
|
||||
document.body.appendChild(wrapper);
|
||||
}
|
||||
})();
|
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 6.7 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 10 KiB |