-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·177 lines (146 loc) · 7.32 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
<!doctype html>
<!--
This page is created based on impress.js (http://github.com/bartaz/impress.js). Thanks to the author bartaz
very much!
-->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Who's the man, and why him?</title>
<meta name="description" content="Introduce the one who's here" />
<meta name="presenter" content="Xiaoxiao Mo" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="css/impress-demo.css" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
<div id="start" class="step slide" data-x="-1000" data-y="-1500">
<q>This is Xiaoxiao Mo</q>
<div class="jiong">Guess what's XIAO?</div>
</div>
<div class="step slide" data-x="0" data-y="-1500">
<q>Written in Chinese</q>
<div style="margin-top:50px;margin-bottom:50px;margin-left:0;width:60%;margin-right:auto;"><h2>莫潇潇</h2></div>
<div>
<ul>
<li style="margin-bottom:20px">pronounciation = <i><b>'mo hsiao hsiao'</b></i></li>
<li style="margin-bottom:20px">Xiao is good enough as a nick name.</li>
<li style="margin-bottom:20px">And XIAO do have meanings!</li>
</ul>
</div>
</div>
<div class="step" data-x="0" data-y="0" data-z="5000" data-scale="1">
<q>X stands for</q>
<h1><b>eXpansive</b></h1>
<div class="jiong">not expensive</div>
</div>
<div class="step" data-x="0" data-y="0" data-scale="1">
<q>I stands for</q>
<h1><b>Instrument</b></h1>
<div class="jiong">Favorate is the native instrument - the vocal voice</div>
</div>
<div class="step" data-x="0" data-y="0" data-z="-5000" data-scale="1">
<q>A stands for</q>
<h1><b>Ambitous</b></h1>
<div class="jiong">2 B the best tester out of all coder, and the best coder out of all testers.</div>
</div>
<div class="step" data-x="0" data-y="0" data-z="-10000" data-scale="1">
<q>O stands for</q>
<h1><b>Optimistic</b></h1>
<div class="jiong">Always a guy with a lucky star.</div>
</div>
<div class="step" data-x="0" data-y="0" data-z="-15000" data-scale="1">
<q>Full version - A piece of 4 mins video</q>
<ul>
<li>Click here: <a href="http://v.youku.com/v_show/id_XNDg5MjYwOTcy.html">CC1-Ice breaking-Xiaoxiao Mo</a></li>
<li>My first speech made in Toast Master Club</li>
</ul>
</div>
<div class="step" data-x="0" data-y="1500" data-scale="1">
<h2>Languages</h2>
<ul>
<li>7 years in <i><b>JAVA</b></i> - EJB/SSH/JVM blah blah</li>
<li>Interested in <i><b>Scala</b></i>, Erlang, Python</li>
<li>Like shell command in *nux, however be impatient to BIG shell scripts</li>
<li>Chinese, Cantonese, English, a little Japanese, and <b>very limited</b> Arabic, Swedish, German</li>
</ul>
</div>
<div class="step" data-x="0" data-y="3000" data-scale="1">
<h2>E/// product</h2>
<ul>
<li><i><b>ECE</b></i> - Service Exposure, including Messaging, Location, Payment, Adq*, Oauth etc.</li>
<li><i><b>ECE</b></i> - RDA*, including Backup & Restore, Upgrade, Component Lastmile etc.</li>
<li><i><b>MSDP</b></i> - 3pi, portal composer, design tool, UX</li>
<li><i><b>Need2Learn</b></i> - SIGTRAN, SIP, F5 etc.</li>
</ul>
</div>
<div class="step" data-x="0" data-y="4500" data-scale="4">
<q>As Scrum Master of <b>Cambridge</b> team</q>
<img src="img/cambridge.jpg" style="width: 100%; height: 50%"/>
</div>
<div class="step" data-x="3500" data-y="1500" data-rotate="270" data-scale="4">
<q>Besides projects</q>
<ul>
<li>Maintain the CI, i.e. Jenkins, Hudson, Sonar, Artifactory</li>
<li>Technical support for SCM/Release team</li>
<li>Driving innovation activities within ECE</li>
</ul>
<div class="jiong">CI ?= Continuos Integration/Improvement/Inspection/In...</div>
</div>
<div class="step" data-x="3500" data-y="-1500" data-rotate="270" data-scale="4">
<p>Why am I coming to CUKSA?</p>
</div>
<div class="step" data-x="-1500" data-y="0" data-z="10000" data-rotate="180" data-scale="4">
<div class="jiong">Everyone told me that:</div>
<q><h1 style="font-size:100px">Tax free!<h1></q>
</div>
<div class="step" data-x="-1500" data-y="1500" data-z="10000" data-rotate="180" data-scale="4">
<q><h1 style="font-size:100px">Change.equals(Chance)<h1></q>
</div>
<div class="step" data-x="-1500" data-y="3000" data-z="10000" data-rotate="180" data-scale="4">
<q><h1 style="font-size:100px">Closer to the customers!<h1></q>
</div>
<div class="step" data-x="7500" data-y="-1000" data-scale="4">
<p>Gonna to do next months...</p>
</div>
<div class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">
<p style="margin-left:0;width:60%;margin-right:auto;">1. Recoginze everyone in the building!</p>
<p style="margin-left:auto;width:50%;margin-right:0;">2. Sharings, topic candidates are in this presentation and marked with a star* </span>
<p style="margin-left:0;width:60%;margin-right:auto;">3. Plan Toastmaster Club visits!</p>
</div>
<div class="step" data-x="6000" data-y="3500" data-scale="2">
<h2>Keep us <b style="font-size:72px"><i>Connected...</i></b></h2>
</div>
<div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
<p><span class="have">My</span> <span class="you"> SNS </span> <span class="noticed">Accounts</span></p>
<b class="imagination">- Mobile: 556 425 526</b>
<b class="imagination">- Github: <a href="http://github.com/stupidmxx">this site</a></b>
<b class="imagination">- Skype: [email protected]</b>
<b class="imagination">- LinkedIn: <a href="https://www.linkedin.com/profile/view?id=74260268">Xiaoxiao Mo</a></b>
<b class="imagination">- Facebook: <a href="https://www.facebook.com/xiaoxiao.mo.1">Xiaoxiao Mo</a></b>
<b class="imagination">- Google: <a href="mailto:[email protected]">[email protected]</a></b>
</div>
<div class="step" data-x="0" data-y="4300" data-z="-100" data-z="10000" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
<h1>Q&A</h1>
</div>
<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
</div>
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>