aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'Code/jinwei.me/index.html')
-rw-r--r--Code/jinwei.me/index.html154
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 &hearts; 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>
Powered by cgit v1.2.3 (git 2.41.0)