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