<!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>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46099659-1', 'jinwei.me');
ga('send', 'pageview');
</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>