diff options
Diffstat (limited to 'Code/jinwei.me/index.html')
-rw-r--r-- | Code/jinwei.me/index.html | 154 |
1 files changed, 154 insertions, 0 deletions
diff --git a/Code/jinwei.me/index.html b/Code/jinwei.me/index.html new file mode 100644 index 0000000..c6becf8 --- /dev/null +++ b/Code/jinwei.me/index.html | |||
@@ -0,0 +1,154 @@ | |||
1 | <!DOCTYPE html > | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="UTF-8" /> | ||
5 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
6 | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
7 | <title>Jinwei的小站</title> | ||
8 | <link href="favicon.ico" type="image/x-icon" rel=icon> | ||
9 | <link rel="stylesheet" type="text/css" href="css/demo.css" /> | ||
10 | <link rel="stylesheet" type="text/css" href="css/style2.css" /> | ||
11 | <link href='css/css.css' rel='stylesheet' type='text/css'> | ||
12 | <script type="text/javascript" src="js/modernizr.custom.79639.js"></script> | ||
13 | </head> | ||
14 | <body> | ||
15 | <div class="container"> | ||
16 | <header> | ||
17 | <h1> | ||
18 | <span>Jinwei的小站</span> | ||
19 | </h1> | ||
20 | <h2>一生放荡不羁只敲自己喜欢的代码</h2> | ||
21 | <h2>95后,大二了,宅,伪文青,爱折腾,爱技术,爱有技术会设计的妹子</h2> | ||
22 | <div class="support-note"> | ||
23 | <!-- let's check browser support with modernizr --> | ||
24 | <!--span class="no-cssanimations">CSS animations are not supported in your browser</span--> | ||
25 | <span class="no-csstransforms">都什么年代了还用这么渣的浏览器!不让看!</span> | ||
26 | <!--span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span--> | ||
27 | <span class="no-csstransitions">都什么年代了还用这么渣的浏览器!不让看!</span> | ||
28 | <span class="note-ie">我和所有用IE的都绝交了你造吗?</span> | ||
29 | </div> | ||
30 | </header> | ||
31 | <section class="main"> | ||
32 | <div id="sb-container" class="sb-container"> | ||
33 | <div> | ||
34 | <span class="sb-icon icon-cog"></span> | ||
35 | <h4> | ||
36 | <span>City</span> | ||
37 | </h4> | ||
38 | </div> | ||
39 | <div> | ||
40 | <span class="sb-icon icon-flight"></span> | ||
41 | <h4> | ||
42 | <span>This</span> | ||
43 | </h4> | ||
44 | </div> | ||
45 | <div> | ||
46 | <span class="sb-icon icon-eye"></span> | ||
47 | <h4> | ||
48 | <span>With</span> | ||
49 | </h4> | ||
50 | </div> | ||
51 | <div> | ||
52 | <span class="sb-icon icon-install"></span> | ||
53 | <h4> | ||
54 | <span>Love</span> | ||
55 | </h4> | ||
56 | </div> | ||
57 | <div> | ||
58 | <span class="sb-icon icon-bag"></span> | ||
59 | <h4> | ||
60 | <span>In</span> | ||
61 | </h4> | ||
62 | </div> | ||
63 | <div> | ||
64 | <span class="sb-icon icon-globe"></span> | ||
65 | <h4> | ||
66 | <span>Fell</span> | ||
67 | </h4> | ||
68 | </div> | ||
69 | <div> | ||
70 | <span class="sb-icon icon-picture"></span> | ||
71 | <h4> | ||
72 | <span>I</span> | ||
73 | </h4> | ||
74 | </div> | ||
75 | <div> | ||
76 | <span class="sb-icon icon-video"></span> | ||
77 | <h4> | ||
78 | <span>Why</span> | ||
79 | </h4> | ||
80 | </div> | ||
81 | <div> | ||
82 | <span class="sb-icon icon-download"></span> | ||
83 | <h4> | ||
84 | <span>Reason</span> | ||
85 | </h4> | ||
86 | </div> | ||
87 | <div> | ||
88 | <span class="sb-icon icon-mobile"></span> | ||
89 | <h4> | ||
90 | <span>The</span> | ||
91 | </h4> | ||
92 | </div> | ||
93 | <div> | ||
94 | <span class="sb-icon icon-camera"></span> | ||
95 | <h4> | ||
96 | <span>Are</span> | ||
97 | </h4> | ||
98 | </div> | ||
99 | <div> | ||
100 | <h4> | ||
101 | <span>You</span> | ||
102 | </h4> | ||
103 | <span class="sb-toggle">Click to open/close</span> | ||
104 | <h5> | ||
105 | <span> | ||
106 | <a href="http://www.cnblogs.com/jinweiclarkchao/" target="_blank">My ♥ blog</a> | ||
107 | </span> | ||
108 | </h5> | ||
109 | </div> | ||
110 | </div> | ||
111 | <!-- sb-container --> | ||
112 | <h5> | ||
113 | © 2014. All rights reserved. View on | ||
114 | <a href="https://github.com/JinweiClarkChao/jinweiclarkchao.github.com" target="_blank">Github</a> | ||
115 | </h5> | ||
116 | </section> | ||
117 | |||
118 | </div> | ||
119 | |||
120 | <script type="text/javascript" src="js/jquery.min.js"></script> | ||
121 | <script type="text/javascript" src="js/jquery.swatchbook.js"></script> | ||
122 | <script type="text/javascript"> | ||
123 | $(function() { | ||
124 | $( '#sb-container' ).swatchbook( { | ||
125 | // number of degrees that is between each item | ||
126 | angleInc : -10, | ||
127 | // amount in degrees for the opened item's next sibling | ||
128 | proximity : -45, | ||
129 | neighbor : -4, | ||
130 | // index of the element that when clicked, triggers the open/close function | ||
131 | // by default there is no such element | ||
132 | closeIdx : 11 | ||
133 | } ); | ||
134 | }); | ||
135 | </script> | ||
136 | <script> | ||
137 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
138 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
139 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
140 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
141 | ga('create', 'UA-46099659-1', 'jinwei.me'); | ||
142 | ga('send', 'pageview'); | ||
143 | </script> | ||
144 | <script type="text/javascript"> | ||
145 | var x=12; | ||
146 | window.addEventListener("mousewheel",function(event){ | ||
147 | event.preventDefault(); | ||
148 | if (event.wheelDelta >= 120&&x>0) | ||
149 | $("#sb-container div")[x-1].click(); | ||
150 | else if (event.wheelDelta <= -120&&x<12) | ||
151 | $("#sb-container div")[x+1].click(); | ||
152 | },false); | ||
153 | </script></body> | ||
154 | </html> | ||