-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (130 loc) · 6.7 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>about me | 穷端-杨</title>
<meta name="description" content="我叫XcodeYang，因为看到onev博客才结识impress.js" />
<meta name="author" content="XcodeYang" />
<link href="css/aboutme.css" rel="stylesheet" />
<link href="css/font.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<base target="_blank">
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>您的浏览器 <b>不支持</b> impress.js的展示要求, 将为您呈现简化版的展示</p>
<p>为了获取最佳效果，请使用最新版的<b>Chrome</b>, <b>Safari</b> 或 <b>Firefox</b> 浏览器</p>
<p>珍爱生命，保护地球，远离IE。</p>
</div>
<div id="impress">
<div id="welcome" class="step" data-x="0" data-y="0" data-scale="1.5">
<p>欢迎来到</p>
<p><span class="title"><b>穷端-🐏</b></span></p>
<p><span class="footnote"><sup>*</sup>我叫<span class="name"><a href="https://zhipingyang.github.io">XcodeYang</a></span>，借此地装个B</span></p>
</div>
<div id="me" class="step" data-x="1000" data-y="200" data-rotate="90" data-scale="2">
<b class="now_me">现在的我：</b>
<ul>
<li><b class="web">- 职业 Web 菜鸡</b></li>
<li><b class="ios">- 职业 iOS 开发者</b></li>
<li><b class="photo">- 业余设计、绘画爱好者</b></li>
</ul>
</div>
<div id="whereiam" class="step" data-x="800" data-y="-700" data-rotate="180" data-scale="1.5">
<p>长居<span class="green">上海</span></p>
<p><span class="born">没事泡馆看书</span></p>
<p>毕业于<span class="tsinghua">工业工程</span>专业</p>
<p><span class="study">阴差阳错，当了Programmer</span></p>
</div>
<div id="dream" class="step" data-x="1500" data-y="100" data-rotate-y="90" data-scale="3">
<p>向往☞<b class="trans">硅谷</b></p>
<p>在技术的修行路上，</p>
<p>逢山开路,遇水搭桥</p>
</div>
<div id="world" class="step" data-x="0" data-y="-900" data-rotate-x="90" data-rotate-y="0" data-scale="2">
<p>有时候会觉得，圈子真的很小</p>
</div>
<div id="meet" class="step" data-x="-1200" data-y="50" data-z="0" data-rotate="180" data-scale="2">
<p>在同园区里奋斗</p>
<p>与共同的朋友玩乐</p>
<p>却不经意间，</p>
<p>看到<span class="green">朋友圈</span>那个共同的赞👍</p>
</div>
<div id="tiny" class="step" data-x="-1200" data-y="50" data-z="-3000" data-rotate="-180" data-scale="1">
<p>哦，原来...</p>
</div>
<div id="comein" class="step" data-x="-1200" data-y="800" data-z="0" data-rotate="180" data-scale="2">
<p>从此刻开始</p>
<p>我们的<b>交集</b>长出新绿</p>
</div>
<div id="mywords" class="step" data-x="0" data-y="800" data-z="400" data-rotate="0" data-scale="1">
<p>也许是处于对技术的好奇</p>
<p>偶然地我们在这里相遇</p>
</div>
<div id="knowme" class="step" data-x="0" data-y="1200" data-z="400" data-rotate-x="180" data-rotate="180">
<p>正如</p>
<p>伯乐得见绝世好马，子期终遇伯牙佳音</p>
</div>
<div id="prizeme" class="step" data-x="550" data-y="1200" data-z="300" data-rotate="90" data-rotate-x="20" data-scale="2">
<p><span class="horse">良驹美景，</span> <span class="moutain">高山流水，</span> <span class="hope">我真心希望</span> <span class="youare">您就是</span> <span class="my">我的伯乐，我的子期</span> <b></p>
</div>
<div id="grow" class="step" data-x="1600" data-y="1500" data-rotate="270" data-z="-500" data-scale="2">
<p>生在这最好的时代</p>
<p>互联网</p>
<p><b>记录了我们的成长</b></p>
</div>
<div id="findme" class="step" data-x="1000" data-y="-1200" " data-z="0" data-scale="1">
<p>您可以在</p>
<p><a href="https://github.com/ZhipingYang">GitHub</a>，<a href="https://www.instagram.com/xcodeyang/">Instagram</a>上找到我</p>
<p>也可以<a href="mailto:[email protected]">Email</a>我</p>
</div>
<div id="project" class="step" data-x="-800" data-y="-1500" data-rotate="180" data-scale="2">
<h2>也可以看看我的一些开源项目：</h2>
<p>
<a class="xydebug" href="https://github.com/ZhipingYang/XYDebugView">- XYDebugView
<iframe src="https://ghbtns.com/github-btn.html?user=ZhipingYang&repo=XYDebugView&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px">
</iframe>
</a><br>
<a class="chattable" fontSize="10px" href="https://github.com/ZhipingYang/UUChatTableView">- UUChatTableView
<iframe src="https://ghbtns.com/github-btn.html?user=ZhipingYang&repo=UUChatTableView&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px">
</iframe>
</a><br>
<a class="chart" href="https://github.com/ZhipingYang/XYChart">- XYChart
<iframe src="https://ghbtns.com/github-btn.html?user=ZhipingYang&repo=XYChart&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px">
</iframe>
</a><br>
</p>
</div>
<div id="one-more-thing" class="step" data-x="-800" data-y="-600" data-z="-600" data-rotate="180" data-scale="1">
<p>One More Thing</p>
<p>其实是一句话，想分享给您</p>
</div>
<div id="motto" class="step" data-x="-1300" data-y="-800" data-z="0" data-rotate-y="270" data-scale="2">
<p>If you want to go fast</p>
<p><b>go alone.</b></p>
<p>If you want to go far</p>
<p><b>go with others.</b></p>
</div>
<div id="back" class="step" data-x="-1000" data-y="1800" data-scale="2">
<p>谢谢您的来访</p>
<p>更多世界，用听的！</p>
</div>
<div id="overview" class="step" data-x="0" data-y="0" data-scale="4">
</div>
</div>
<div id="impress-toolbar"></div>
<div class="hint">
<p>使用空格或方向键继续</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>在左侧或右侧点击继续</p>";
}
</script>
<script src="impress.js"></script>
<script>impress().init();</script>
</body>
</html>