-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout_me.html
More file actions
150 lines (126 loc) · 8.88 KB
/
about_me.html
File metadata and controls
150 lines (126 loc) · 8.88 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ABOUT ME</title>
<meta name="description" content="Gavin Li">
<meta name="author" content="Gavin Li">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section class="stack" data-id="a6d99f31a41a15d9fc825cf10365744e">
<section class="" data-id="55c7e7a7e0107e1e96ad472d4734c8f3">
<h1>About me</h1>
</section>
<section class="" data-id="a4f2baf8b8ede6f35074379964d0a917">
<h2 class="absolute-element" style="position: absolute; width: 476px; height: 67px; z-index: 4; left: 352px; top: 142px;">一个聪明的人</h2>
<h2 class="absolute-element" style="position: absolute; width: 476px; height: 67px; z-index: 6; left: 111px; top: 296px;">轻微完美主义</h2>
<h2 class="absolute-element" style="position: absolute; width: 399px; height: 67px; z-index: 7; left: 407px; top: 453px;">轻微强迫症</h2>
</section>
<section class="" data-id="408655d2b7fed838887293dec54666d0">
<h3 style="font-style: normal; font-variant: normal; position: absolute; width: 182px; height: 50px; z-index: 4; left: 379px; top: 138px;">喜欢玩</h3>
<h3 style="font-style: normal; font-variant: normal; position: absolute; width: 363px; height: 51px; z-index: 4; left: 293px; top: 251px;" class="absolute-element">喜欢新鲜事物</h3>
<h3 class="absolute-element" style="position: absolute; width: 461px; height: 50px; z-index: 4; left: 265px; top: 507px;">喜欢分享(chui niu bi)</h3>
<h3 class="absolute-element" style="position: absolute; width: 584px; height: 50px; z-index: 4; left: 187px; top: 379px;">编程是我一个主要爱好</h3>
</section>
</section>
<section class="stack" data-id="57b6a50e86adcc9a624256a6e3260283">
<section class="" data-id="3f8862fcf98d1a922878ed17e9b7833a">
<h1>skills</h1>
</section>
<section class="" data-id="621a7d22ddbfc7b959cf7cb1062e81a4"> <h3 class="absolute-element" style="position: absolute; width: 604px; height: 50px; z-index: 4; left: 176px; top: 175px;">google+stackoverflow编程党</h3>
<h3 class="absolute-element" style="position: absolute; width: 618.4701986754967px; height: 53px; z-index: 4; left: 166px; top: 314px; max-height: none; max-width: none;">号称fullstack,但只懂皮毛</h3>
<h3 class="absolute-element" style="position: absolute; width: 469px; height: 50px; z-index: 4; left: 250px; top: 465px;">前端和算法比较弱</h3>
</section>
<section class="" data-id="61dc76f4956873d9c775c78c195eb1b1">
<h3 class="absolute-element" style="position: absolute; width: 554px; height: 50px; z-index: 4; left: 211px; top: 164px;">ruby是我最常用的语言</h3>
<h3 class="absolute-element" style="position: absolute; width: 641px; height: 50px; z-index: 4; left: 165px; top: 320px;">但是我更喜欢函数式编程</h3>
<h3 class="absolute-element" style="position: absolute; width: 829.9514348785872px; height: 50px; z-index: 4; left: 82px; top: 469px; max-height: none; max-width: none;">听说lisp逼格很高所以也很喜欢</h3>
</section>
<section class="" data-id="f703f4a9cff2d0025bf88472becbb7ff">
<h3>web开发该会的基本都会</h3>
<h3>即使不会google也会</h3>
<h3>除了算法和JS</h3>
<h3>其他都挺容易学的</h3>
</section>
</section>
<section class="stack" data-id="19b79449db76bbdf7f9703287e5a07e3">
<section class="" data-id="bc7964334211124fb209df7cfb15a919">
<h1>expect</h1>
</section>
<section class="" data-id="6715390d611cab9282beea8231e8c4ba">
<h3 class="absolute-element" style="position: absolute; width: 641px; height: 50px; z-index: 4; left: 54px; top: 138px;">希望和聪明人一起捡肥皂</h3>
<h3 class="absolute-element" style="position: absolute; width: 461px; height: 50px; z-index: 4; left: 392px; top: 259px;">不能接受baidu和svn</h3>
<h3 class="absolute-element" style="position: absolute; width: 871px; height: 50px; z-index: 4; left: 9px; top: 418px;">希望你和我一样对代码质量有追求</h3>
<p style="position: absolute; width: 759.4039735099337px; height: 46px; z-index: 4; left: 118px; top: 563px; max-height: none; max-width: none;">"等遇到瓶颈时,再优化"不是烂代码的借口!</p>
</section>
<section class="" data-id="6939d786de3f49e5a8dd8bbeb03f960c"> <p class="absolute-element" style="position: absolute; width: 337px; height: 46px; z-index: 4; left: 131px; top: 412px;"> 喜欢<font color="#6fa8dc">丰富多彩</font>的生活</p>
<p class="absolute-element" style="position: absolute; width: 616px; height: 46px; z-index: 4; left: 68px; top: 123px;">希望不停接触新技术带来生产力的提升</p>
<p class="absolute-element" style="position: absolute; width: 509px; height: 46px; z-index: 4; left: 347px; top: 265px;">不喜欢大量时间浪费在上班路上</p>
</section>
</section>
<section class="stack" data-id="ad86d2b0db42439b7bebc7c6d918992b">
<section class="" data-id="88dbffd75e8a513c8fa60429849dbd60">
<h1>More</h1>
</section>
<section class="" data-id="4fe9f7db159a2ab54768f9cdb84a2b11">
<a href="http://weibo.com/flypiggy" class="absolute-element" style="position: absolute; width: 107px; height: 43px; z-index: 4; left: 424px; top: 519px;" target="_blank" rel="external"> weibo</a>
<h3 class="absolute-element" style="position: absolute; width: 138px; height: 50px; z-index: 5; left: 438px; top: 272px;"> <a href="https://github.com/flyiggy" target="_blank" rel="external">github</a>
</h3>
<a href="https://twitter.com/flypiggys" class="absolute-element" style="position: absolute; width: 114px; height: 43px; z-index: 8; left: 239px; top: 462px;" target="_blank" rel="external">twitter</a>
<div class="absolute-element" style="position: absolute; width: 127px; height: 46px; z-index: 4; left: 563px; top: 452px;">
<a href="https://www.linkedin.com/in/gavin1986" target="_blank" rel="external">linkedin</a>
</div>
<div style="max-height: none; max-width: none; position: absolute; width: 120px; height: 87px; z-index: 7; left: 202px; top: 143px;" class="absolute-element">
<h2>
<span>
<a href="http://blog.ligan.me/" target="_blank" rel="external">blog</a>
</span>
</h2>
</div>
</section>
<section class="" data-id="9aa3c9cd5f40aca6b5ec25572fa21b27">
<h2 class="absolute-element" style="position: absolute; width: 202px; height: 67px; z-index: 4; left: 378px; top: 173px;">打dota</h2>
<h2 class="absolute-element" style="position: absolute; width: 243px; height: 67px; z-index: 5; left: 233px; top: 323px;">上草榴</h2>
<h2 class="absolute-element" style="position: absolute; width: 149px; height: 67px; z-index: 7; left: 506px; top: 437px;">逛hn</h2>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>