-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
412 lines (390 loc) · 16.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<!DOCTYPE html>
<html>
<head>
<title>goofyy技术宅</title>
<meta name="keywords" content="技术宅" />
<meta name="description" content="IOS开发技术干货" />
<meta name="baidu-site-verification" content="yYPKP0xz8p" />
<meta property="qc:admins" content="152336671767776116375" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://www.goofyy.com/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://www.goofyy.com/css/animate.css">
<!-- js -->
<script src="http://www.goofyy.com/js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
* { margin: 0; padding: 0;}
body { overflow-x: hidden; font-family: "Microsoft Yahei";}
body h1 { width: 100%; margin: 80px 0; font-size: 50px; font-weight: 500; text-align: center;}
body .txt { margin: 80px 0; font-size: 16px; text-align: center;}
.dowebok { margin: 0 auto;}
.dowebok ul { list-style-type: none;}
.dowebok .row { font-size: 0; text-align: center;}
.dowebok .wow { display: inline-block; width: 280px; height: 280px; margin: 30px 15px 0; border-radius: 50%; font: 30px/280px "Microsoft Yahei"; vertical-align: top; *display: inline; zoom: 1;}
.bg-green { background: #5bd5a0;}
.bg-blue { background: #1daee9;}
.bg-purple { background: #c843a5;}
.bg-red { background: #eb3980;}
.bg-yellow { background: #ffcc35;}
</style>
<script type="text/javascript">
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
</script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="http://www.goofyy.com/js/move-top.js"></script>
<script type="text/javascript" src="http://www.goofyy.com/js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<!-- navigation -->
<link href="http://www.goofyy.com/css/component.css" rel="stylesheet" type="text/css" />
<!-- navigation -->
<!--animated-css-->
<link href="http://www.goofyy.com/css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="http://www.goofyy.com/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--/animated-css-->
</head>
<body>
<body class="cbp-spmenu-push">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-30027142-1', 'w3layouts.com');
ga('send', 'pageview');
</script>
<!-- banner -->
<div id="home" class="banner">
<div class="container">
<div class="header">
<div class="top-nav">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
<h3>Menu</h3>
<a class="scroll" href="#home">首页</a>
<a class="scroll" href="#features">最近文章</a>
<a class="scroll" href="#services">博客分类</a>
<a class="scroll" href="#about">关于小编</a>
<a class="scroll" href="#products">项目展示</a>
<h1 style="color:white;font-size:100px">.G</h1>
</nav>
<div class="main buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
</div>
<div class="logo wow fadeInUp" data-wow-delay="0.5s">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="sign-in-up">
<ul>
<li><a href="./blog/wp-login.php">Sign in</a></li>
<li><a href="blog/wp-login.php" class="hvr-shutter-in-vertical up">Sign up</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="banner-info wow fadeInUp" data-wow-delay="0 s">
<h3 style="font-size:75px">Goofyy .G</h3>
<p>goofyy - IOS设计师 Linux系统架构师<span>IOS Android Linux php arm技术分享 - 不识庐山真面目 只缘身在此山中</span></p>
<div class="sign-up">
<a href="./blog" class="hvr-shutter-in-vertical1">进入博客</a>
</div>
</div>
<div id="screenshots" class="banner-fig wow fadeInUp" data-wow-delay="0.5s">
<img src="http://www.goofyy.com/images/a.png" class="img-responsive zoom-img" alt=" " />
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div id="services" class="banner-bottom">
<div class="container">
<!-- Slider-starts-Here -->
<script src="http://www.goofyy.com/js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: false,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--//End-slider-script -->
<h3 style="text-align:center;color:#A873B2;padding:10em 0 1em;">博客分类</h3>
<div class="dowebok" data-wow-delay="1s">
<div class="row">
<a href="http://www.goofyy.com/blog/category/php"><div class="wow rollIn bg-yellow" data-wow-delay="0.5s"><img src="http://www.goofyy.com/images/4.png" style="height:40%;width:50%;"/></a> </div></a>
<a href="http://www.goofyy.com/blog/category/android"><div class="wow bounceInDown bg-green" data-wow-delay="1s"><img src="http://goofyy.com/images/6.png" style="height:40%;width:40%;" /></div></a>
<a href="http://www.goofyy.com/blog/category/linux"><div class="wow lightSpeedIn bg-purple" data-wow-delay="1.5s"><img src="http://www.goofyy.com/images/7.png" style="height:40%;width:40%;"/> </div></a>
</div>
<div class="row">
<a href="http://www.goofyy.com/blog/category/ios/swift"><div class="wow rollIn bg-red" data-wow-delay="0.5s"><img src="http://www.goofyy.com/images/5.png" style="height:40%;width:40%;"/> </div></a>
<a href="http://www.goofyy.com/blog/category/%E5%89%8D%E7%AB%AF"><div class="wow bounceInDown bg-green" data-wow-delay="1s"><img src="http://www.goofyy.com/images/html.png" style="height:40%;width:40%;"/></div></a>
<a href="http://www.goofyy.com/blog/category/ema/emapro"><div class="wow bounceInRight bg-yellow" data-wow-delay="1.5s"><img src="http://www.goofyy.com/images/arm.png" style="height:40%;width:40%;"/></div></a>
</div>
</div><br />
</div>
<!-- //banner-bottom -->
<!-- things -->
<div id="about" class="things">
<div class="container">
<h3>关于小编</h3>
<div class="col-md-6 things-left wow bounceIn" data-wow-delay="0.5s">
<div class="things-left-l">
<img src="./images/avater.png" alt=" " />
</div>
<div class="things-left-r">
<h4 style="left:0px">简介</h4>
<p>英文名：Goofyy .G<br/>职业方向:IOS设计师、Linux架构师<br/>爱好:爬山，DIY，长跑，吃甜品，体验新事物</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 things-left wow bounceIn" data-wow-delay="0.5s">
<div class="things-left-l">
<img src="http://www.goofyy.com/images/smile.png" alt=" " />
</div>
<div class="things-left-r">
<h4>个人技能</h4>
<p>Linux嵌入式驱动 IOS设计师 php开发<br/><br/>编程语言：C、swift、PHP、Python</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 things-left wow bounceIn" data-wow-delay="0.5s">
<div class="things-left-l">
<img src="http://www.goofyy.com/images/call.png" alt=" " />
</div>
<div class="things-left-r">
<h4>工作项目经历</h4>
<p>广东广州咪咕网络有限公司技术支持 - 2015年<br/>智能家居EcHub盒子 - 2014年<br/> 便签IOS app - 2014 <br/>zfm指纹门禁解锁等</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 things-left wow bounceIn" data-wow-delay="0.5s">
<div class="things-left-l">
<img src="http://www.goofyy.com/images/tv.png" alt=" " />
</div>
<div class="things-left-r">
<h4>获得奖项</h4>
<p>2014年软件设计三等奖<br/>2014年集体项目EcHub获得香港Cyberport CCMF投资<br/>2015年7月获得广东省大学生挑战杯决赛特等奖<br/>2015年9月获得全国大学生挑战杯决赛三等奖</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<div class="live">
<div class="live-sup wow bounceIn" data-wow-delay="0.5s">
<h4>交流平台</h4>
<p>公众微信号:goofyldd <br/>(扫描右侧二维码亦可。博客的文章会同步到微信公众号)<br/>个人网站:http://www.goofyy.com<br/> 联系QQ:1163191060</p>
</div>
<div class="live-sup1 wow bounceIn" data-wow-delay="0.5s">
<p class=""><span><img src="./images/qr.jpg">     <img src="./images/qqQR.jpg"></span></p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //things -->
<!-- john -->
<!-- //john -->
<!-- products -->
<div id="products" class="products wow fadeInUp" data-wow-delay="0.5s">
<div class="container">
<div class="products-info">
<h3>项目展示</h3>
<p>小编大学两年来的项目截图，直接做成了一张图片</p>
<img src="./images/1.png" class="img-responsive zoom-img" alt=" " />
<div class="link">
<a href="blog/wp-login.php" class="hvr-shutter-in-vertical">Sign up</a>
</div>
</div>
</div>
</div>
<!-- //products -->
<!-- about -->
<div id="features" class="about">
<div class="container">
<div class="about-info wow fadeInUp" data-wow-delay="0.5s">
<h3>最新文章更新</h3>
<p class="create">goofyy小编奉献最新的文章更新最快的文章给大家
<span>goofyy技术宅</span></p>
</div>
<script>
$(document).ready(function () {
size_li = $("#myList li").size();
x=1;
$('#myList li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+1 <= size_li) ? x+1 : size_li;
$('#myList li:lt('+x+')').show();
});
$('#showLess').click(function () {
x=(x-1<0) ? 1 : x-1;
$('#myList li').not(':lt('+x+')').hide();
});
});
</script>
<div class="load_more">
<ul id="myList">
<li>
<div class="about-grids">
<div class="about-grid wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/2.jpg" alt="" />
<p class="life">swift2.0语言新特性.2015 WWDC开发者大会宣布推出swift2.0，并且宣布开源
<span>Author：goofyy小编</span></p>
<div class="lives">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/85.html">查看详细--swift2.0语言新特性</a></p>
</div>
</div>
<div class="about-grid wow fadeInUp" data-wow-delay="0.5s">
<img src="images/wwdc.jpg" alt=" " />
<p class="life">6月9日凌晨1点，苹果WWDC 2015将正式拉开帷幕,今年的WWDC小编没有错过，欢迎大家关注小编WWDC文章
.<span>Author：goofyy小编</span></p>
<div class="lives1">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/24.html" style="text-align:center;">查看详细--2015苹果WWDC讲了什么？–The epicenter of change</a></p>
</div>
</div>
<div class="about-grid wow fadeInRight" data-wow-delay="0.5s">
<img src="images/qq.jpg" alt=" " />
<p class="life" style="text-color:blue;">小编教你做属于自己的QQ，在女神面前又可以顽强地装X了<span>Author：goofyy小编</span></p>
<div class="lives">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/72.html">查看详细--自己做QQ后台搭建</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="about-grids">
<div class="about-grid g_r wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/finger.jpg" alt=" " />
<p class="life">小编带去做智能家居指纹识别,是不是很高大上，其实很简单，点我查看<span>Author：goofyy小编</span></p>
<div class="lives">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/53.html">查看详细:pcduino指纹门禁开发–篇一</a></p>
</div>
</div>
<div class="about-grid g_r wow fadeInUp" data-wow-delay="0.5s">
<img src="images/linux.jpg" alt=" " />
<p class="life">linux系统管理员必知，又可以拿着终端给女神装X了，<span>SAuthor：goofyy小编</span></p>
<div class="lives1">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/83.html">查看详细,linux系统管理员必知一</a></p>
</div>
</div>
<div class="about-grid wow fadeInLeft" data-wow-delay="0.5s">
<img src="images/2.jpg" alt="" />
<p class="life">swift2.0语言新特性.2015 WWDC开发者大会宣布推出swift2.0，并且宣布开源
<span>Author：goofyy小编</span></p>
<div class="lives">
<p>New</p>
</div>
<div class="fountain">
<p><a href="http://www.goofyy.com/blog/85.html">查看详细--swift2.0语言新特性</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</li>
</ul>
</div>
<div id="loadMore">See all</div>
</div>
</div>
<!-- //about -->
<!-- any-thing -->
<div class="see-all-bottom">
<div class="container">
<div class="see-all-bottom-grids">
<div class="see-all-bottom-left wow fadeInLeft" data-wow-delay="0.5s">
<h2 style="color:white;font-size:5em">Goofyy .G </h2>
<p>
<span>IOS、android、PHP、嵌入式、驱动开发技术博客分享</span>备案号:粤ICP备15049224号</p>
</div>
<div class="see-all-bottom-right wow fadeInRight" data-wow-delay="0.5s">
<a href="./blog/wp-login.php" class="hvr-shutter-in-vertical1">Sign up</a>
</div>
</div>
</div>
</div>
<!-- //any-thing -->
<!-- //question -->
<!-- //footer -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
</body>
</html>
<div class="bdsharebuttonbox" style="display:none"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>