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