aboutsummaryrefslogtreecommitdiff
path: root/deprecated/jinwei.me/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'deprecated/jinwei.me/index.html')
-rw-r--r--deprecated/jinwei.me/index.html148
1 files changed, 148 insertions, 0 deletions
diff --git a/deprecated/jinwei.me/index.html b/deprecated/jinwei.me/index.html
new file mode 100644
index 0000000..4786e51
--- /dev/null
+++ b/deprecated/jinwei.me/index.html
@@ -0,0 +1,148 @@
1<!DOCTYPE html >
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8" />
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7 <meta name="viewport" content="width=device-width, initial-scale=1" />
8 <title>Jinwei的小站</title>
9 <link href="favicon.ico" type="image/x-icon" rel=icon>
10 <link rel="stylesheet" type="text/css" href="css/demo.css" />
11 <link rel="stylesheet" type="text/css" href="css/style2.css" />
12 <link href='css/css.css' rel='stylesheet' type='text/css'>
13 <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
14</head>
15
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 &hearts; 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>
147
148</html>
Powered by cgit v1.2.3 (git 2.41.0)