blob: 4786e5108b91e60922caaf50afa4e1ed6760087a (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
<!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>
|
