blob: 4786e5108b91e60922caaf50afa4e1ed6760087a (
plain) (
tree)
|
|
<!DOCTYPE html >
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Jinwei的小站</title>
<link href="favicon.ico" type="image/x-icon" rel=icon>
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<link href='css/css.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
</head>
<body>
<div class="container">
<header>
<h1>
<span>Jinwei的小站</span>
</h1>
<h2>一生放荡不羁只敲自己喜欢的代码</h2>
<h2>95后,大二了,宅,伪文青,爱折腾,爱技术,爱有技术会设计的妹子</h2>
<div class="support-note">
<!-- let's check browser support with modernizr -->
<!--span class="no-cssanimations">CSS animations are not supported in your browser</span-->
<span class="no-csstransforms">都什么年代了还用这么渣的浏览器!不让看!</span>
<!--span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span-->
<span class="no-csstransitions">都什么年代了还用这么渣的浏览器!不让看!</span>
<span class="note-ie">我和所有用IE的都绝交了你造吗?</span>
</div>
</header>
<section class="main">
<div id="sb-container" class="sb-container">
<div>
<span class="sb-icon icon-cog"></span>
<h4>
<span>City</span>
</h4>
</div>
<div>
<span class="sb-icon icon-flight"></span>
<h4>
<span>This</span>
</h4>
</div>
<div>
<span class="sb-icon icon-eye"></span>
<h4>
<span>With</span>
</h4>
</div>
<div>
<span class="sb-icon icon-install"></span>
<h4>
<span>Love</span>
</h4>
</div>
<div>
<span class="sb-icon icon-bag"></span>
<h4>
<span>In</span>
</h4>
</div>
<div>
<span class="sb-icon icon-globe"></span>
<h4>
<span>Fell</span>
</h4>
</div>
<div>
<span class="sb-icon icon-picture"></span>
<h4>
<span>I</span>
</h4>
</div>
<div>
<span class="sb-icon icon-video"></span>
<h4>
<span>Why</span>
</h4>
</div>
<div>
<span class="sb-icon icon-download"></span>
<h4>
<span>Reason</span>
</h4>
</div>
<div>
<span class="sb-icon icon-mobile"></span>
<h4>
<span>The</span>
</h4>
</div>
<div>
<span class="sb-icon icon-camera"></span>
<h4>
<span>Are</span>
</h4>
</div>
<div>
<h4>
<span>You</span>
</h4>
<span class="sb-toggle">Click to open/close</span>
<h5>
<span>
<a href="http://www.cnblogs.com/jinweiclarkchao/" target="_blank">My ♥ blog</a>
</span>
</h5>
</div>
</div>
<!-- sb-container -->
<h5>
© 2014. All rights reserved. View on
<a href="https://github.com/JinweiClarkChao/jinweiclarkchao.github.com" target="_blank">Github</a>
</h5>
</section>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.swatchbook.js"></script>
<script type="text/javascript">
$(function() {
$('#sb-container').swatchbook({
// number of degrees that is between each item
angleInc: -10,
// amount in degrees for the opened item's next sibling
proximity: -45,
neighbor: -4,
// index of the element that when clicked, triggers the open/close function
// by default there is no such element
closeIdx: 11
});
});
</script>
<script type="text/javascript">
var x = 12;
window.addEventListener("mousewheel", function(event) {
event.preventDefault();
if (event.wheelDelta >= 120 && x > 0)
$("#sb-container div")[x - 1].click();
else if (event.wheelDelta <= -120 && x < 12)
$("#sb-container div")[x + 1].click();
}, false);
</script>
</body>
</html>
|