forked from shibulijack/shibulijack.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (259 loc) · 36.6 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
<html lang="en">
<head>
<meta charset='utf-8'>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shibu Lijack</title>
<meta name="description" content="Official site of Shibu Lijack">
<meta name="author" content="Shibu Lijack">
<meta property="og:title" content="Shibu Lijack" />
<meta name="description" content="Software Engineer | Technophile | Music Maniac | Movie Buff | Foodie">
<meta property="og:description" content="Software Engineer | Technophile | Music Maniac | Movie Buff | Foodie" />
<!-- <meta property="og:image" content="" /> -->
<meta property="og:url" content="http://shibulijack.com" />
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style>
body {
margin: 0;
background: #03A9F4;
}
text {
font-family: "Source Sans Pro";
}
</style>
</head>
<body>
<div data-scene="scene1" id="scene1" data-0=" top: 0%; " data-400=" top: 0%; " data-900=" top: -100%; " class="skrollable skrollable-between" style="top: 0%;">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1024 768">
<rect x="-7576.432" y="-6889.818" fill="#03A9F4" width="16291.838" height="14783.959" id="bg"></rect>
<path id="wire1" opacity=".6" fill="none" stroke="#EFEFEF" stroke-miterlimit="10" enable-background="new" d="M18.115-44.888c45.837 59.667 97.598 127.804 180.521 125.904 65.57-1.501 127.096-41.73 193.394-31.265 67.338 10.629 116.664 71.303 167.169 111.705 53.213 42.57 112.231 66.442 171.979 97.309 45.997 23.766 69.189 58.462 77.456 109.252 5.77 35.415-.088 84.239 22.37 114.638 29.146 39.456 156.977 59.966 101.034 134.771-53.021 70.909-150.769 81.889-210.563 115.771-16.12 9.133-38.475 26.303-51.475 34.803l-1.984 1.312" data-100=" stroke-dashoffset: 6000; " data-2464=" stroke-dashoffset: 0; " class="skrollable skrollable-between" style="stroke-dashoffset: 5550.76;"></path>
<g id="introduction" xmlns:cc="http://creativecommons.org/ns#" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" sodipodi:docname="drawing.svg" inkscape:version="0.48.4 r9939">
<g id="intro1" fill="#ECF0F1" font-weight="100" font-size="30" data-100=" transform[swing]: translate(0, -10px); opacity: 0; " data-200=" transform[swing]: translate(0, 0px); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0)" style="transform: translate(0px, 0px); opacity: 1;">
<text transform="translate(30.705 477.156)">var name = Shibu Lijack;</text>
<text transform="translate(30.705 517.156)">.profile {</text>
<text transform="translate(90.705 557.156)">position: "Front End Web Developer"; </text>
<text transform="translate(30.705 597.156)">}</text>
</g>
<g id="macbook" data-50=" transform[swing]: translate(0, -500px) rotate(-10deg); opacity: 0; " data-150=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<path fill="#586273" d="M938.378 306.397z"></path>
<path opacity=".8" fill="#2980B9" enable-background="new" d="M969.267 279.006l-342.178-155.854s-8.188-3.73-11.923 4.46c-3.733 8.19 4.462 11.921 4.462 11.921l24.568 11.192s-8.188-3.73-11.92 4.46c-4.688 10.274-4.656 10.22-77.521 170.179-3.893 8.544.791 19.04 9.334 22.932l277.569 126.423c8.545 3.896 18.625.121 22.52-8.424 0 0 59.131-129.82 74.196-162.898.073-.166.579-1.274 3.312-7.28 3.729-8.19-4.462-11.921-4.462-11.921l24.562 11.191s8.189 3.73 11.924-4.46c3.744-8.19-4.443-11.921-4.443-11.921z"></path>
<path fill="#E6E9ED" d="M870.181 464.295c-3.893 8.545-13.974 12.316-22.52 8.424l-277.562-126.424c-8.543-3.892-13.227-14.388-9.334-22.932 0 0 73.783-161.988 77.521-170.179 3.729-8.191 11.922-4.46 11.922-4.46l293.031 133.471s8.188 3.73 4.459 11.921c-3.734 8.191-77.517 170.179-77.517 170.179z"></path>
<path opacity=".3" fill="#B7BFC7" enable-background="new" d="M944.378 301.397l-364.201-20.582s54.371-119.439 58.104-127.63c3.729-8.191 11.92-4.46 11.92-4.46l293.035 133.471s8.188 3.73 4.461 11.921c-3.733 8.191-3.319 7.28-3.319 7.28z"></path>
<rect x="713.911" y="215.06" transform="matrix(.91 .414 -.414 .91 162.516 -309.728)" fill="#DCE4E8" width="161.869" height="9"></rect>
<radialGradient id="mbplight_1_" cx="1256.444" cy="-8153.484" r="163.218" gradientTransform="matrix(.912 .401 .096 -.184 419.808 -1788.098)" gradientUnits="userSpaceOnUse">
<stop offset=".103" stop-color="#3498DB" stop-opacity=".4"></stop>
<stop offset=".795" stop-color="#3498DB" stop-opacity=".057"></stop>
<stop offset=".909" stop-color="#3498DB" stop-opacity="0"></stop>
</radialGradient>
<path fill="#CCD1D9" d="M967.806 293.387l-342.178-155.854s-8.19-3.73-4.462-11.921l11.923-4.46 342.178 155.854s8.188 3.73 4.459 11.921c-3.731 8.191-11.92 4.46-11.92 4.46z"></path>
<g fill="#3B3B3B" stroke="#C1C1C1" stroke-miterlimit="10">
<rect x="671.407" y="199.296" transform="matrix(.91 .414 -.414 .91 146.282 -263.544)" width="18.007" height="12.004"></rect>
<rect x="662.477" y="216.386" transform="matrix(.91 .414 -.414 .91 153.636 -258.122)" width="17.999" height="16.999"></rect>
<rect x="651.661" y="240.653" transform="matrix(.91 .414 -.414 .91 163.662 -253.836)" width="29.973" height="18.985"></rect>
<rect x="641.077" y="266.19" transform="matrix(.91 .414 -.414 .91 173.456 -249.929)" width="43.034" height="17.018"></rect>
<rect x="684.38" y="226.543" transform="matrix(.91 .414 -.414 .91 159.843 -266.476)" width="18.984" height="16.983"></rect>
<rect x="684.862" y="253.337" transform="matrix(.91 .414 -.414 .91 171.415 -264.182)" width="18.99" height="18.99"></rect>
<rect x="686.698" y="281.503" transform="matrix(.91 .414 -.414 .91 182.842 -262.499)" width="19" height="17"></rect>
<rect x="708.741" y="291.291" transform="matrix(.91 .414 -.414 .91 188.849 -270.559)" width="17.998" height="17"></rect>
<rect x="731.404" y="301.636" transform="matrix(.91 .414 -.414 .91 195.141 -278.991)" width="18.004" height="17"></rect>
<rect x="753.316" y="311.629" transform="matrix(.91 .414 -.414 .91 201.283 -287.202)" width="17.994" height="16.993"></rect>
<rect x="776.022" y="321.916" transform="matrix(.91 .414 -.414 .91 207.568 -295.666)" width="18.008" height="17.012"></rect>
<rect x="796.911" y="331.65" transform="matrix(.91 .414 -.414 .91 213.52 -303.651)" width="19.015" height="17.016"></rect>
<rect x="818.564" y="347.046" transform="matrix(.91 .414 -.414 .91 222.947 -316.23)" width="42.966" height="16.986"></rect>
<rect x="707.691" y="263.46" transform="matrix(.91 .414 -.414 .91 177.636 -272.543)" width="17.992" height="18.989"></rect>
<rect x="729.506" y="273.693" transform="matrix(.91 .414 -.414 .91 183.865 -280.852)" width="18.997" height="18.995"></rect>
<rect x="752.295" y="283.74" transform="matrix(.91 .414 -.414 .91 189.968 -289.12)" width="18.009" height="19.01"></rect>
<rect x="774.062" y="293.949" transform="matrix(.91 .414 -.414 .91 196.264 -297.495)" width="18.983" height="18.983"></rect>
<rect x="796.94" y="304.114" transform="matrix(.91 .414 -.414 .91 202.493 -305.857)" width="18.004" height="19.002"></rect>
<rect x="818.724" y="314.193" transform="matrix(.91 .414 -.414 .91 208.674 -314.188)" width="18.984" height="18.983"></rect>
<rect x="840.909" y="326.87" transform="matrix(.91 .414 -.414 .91 216.408 -324.511)" width="30.024" height="19.016"></rect>
<rect x="707.061" y="236.977" transform="matrix(.91 .414 -.414 .91 166.208 -274.938)" width="18.984" height="16.984"></rect>
<rect x="729.073" y="246.771" transform="matrix(.91 .414 -.414 .91 172.213 -282.982)" width="18" height="17.003"></rect>
<rect x="751.732" y="257.027" transform="matrix(.91 .414 -.414 .91 178.484 -291.433)" width="17.997" height="16.998"></rect>
<rect x="773.616" y="267.036" transform="matrix(.91 .414 -.414 .91 184.587 -299.589)" width="18.007" height="17.008"></rect>
<rect x="796.329" y="277.375" transform="matrix(.91 .414 -.414 .91 190.878 -308.033)" width="18.011" height="17.011"></rect>
<rect x="817.134" y="287.038" transform="matrix(.91 .414 -.414 .91 196.845 -316.043)" width="19.013" height="17.011"></rect>
<rect x="838.855" y="302.42" transform="matrix(.91 .414 -.414 .91 206.262 -328.646)" width="43.034" height="17.017"></rect>
<rect x="632.259" y="281.854" transform="matrix(.91 .414 -.414 .91 178.429 -239.577)" width="18.016" height="19.017"></rect>
<rect x="654.086" y="292.087" transform="matrix(.91 .414 -.414 .91 184.72 -247.949)" width="18.999" height="18.995"></rect>
<rect id="spacebar" x="672.495" y="322.498" transform="matrix(.91 .414 -.414 .91 203.329 -272.921)" width="115.907" height="18.982"></rect>
<rect x="786.895" y="352.455" transform="matrix(.91 .414 -.414 .91 221.646 -297.529)" width="19.007" height="19.007"></rect>
<rect x="809.663" y="362.791" transform="matrix(.91 .414 -.414 .91 228.009 -306.064)" width="19.018" height="19.015"></rect>
<rect x="832.447" y="373.077" transform="matrix(.91 .414 -.414 .91 234.238 -314.341)" width="18.004" height="19.006"></rect>
<rect x="693.327" y="209.5" transform="matrix(.91 .414 -.414 .91 152.551 -271.945)" width="19.017" height="12.011"></rect>
<rect x="715.961" y="219.8" transform="matrix(.91 .414 -.414 .91 158.844 -280.387)" width="19.006" height="12.004"></rect>
<rect x="737.882" y="229.612" transform="matrix(.91 .414 -.414 .91 164.846 -288.392)" width="17.993" height="11.996"></rect>
<rect x="760.603" y="240.018" transform="matrix(.91 .414 -.414 .91 171.215 -296.887)" width="17.992" height="11.995"></rect>
<rect x="782.477" y="249.913" transform="matrix(.91 .414 -.414 .91 177.249 -305.025)" width="18.006" height="12.004"></rect>
<rect x="805.192" y="260.308" transform="matrix(.91 .414 -.414 .91 183.6 -313.503)" width="18.016" height="12.011"></rect>
<rect x="826.155" y="269.97" transform="matrix(.91 .414 -.414 .91 189.553 -321.549)" width="19.008" height="12.009"></rect>
<rect x="848.861" y="280.403" transform="matrix(.91 .414 -.414 .91 195.945 -330.051)" width="18.985" height="11.99"></rect>
<rect x="871.646" y="290.687" transform="matrix(.91 .415 -.415 .91 202.255 -338.407)" width="17.991" height="11.999"></rect>
</g>
</g>
<g id="coffeeCup" data-150=" transform[swing]: translate(0, -200px) rotate(-10deg); opacity: 0; " data-250=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<circle opacity=".8" fill="#2980B9" enable-background="new" cx="419.415" cy="136.903" r="50.582"></circle>
<circle fill="#E6E9ED" cx="424.415" cy="134.903" r="50.582"></circle>
<path fill="#E74C3C" d="M424.415 93.203c23.03 0 41.7 18.67 41.7 41.7s-18.67 41.7-41.7 41.7c-10.368 0-19.854-3.786-27.149-10.052-8.897-7.647-14.547-18.989-14.547-31.648-.002-23.03 18.668-41.7 41.696-41.7z"></path>
<path id="linecover1" fill="#E6E9ED" d="M424.415 92.203c23.585 0 42.7 19.118 42.7 42.7s-19.115 42.7-42.7 42.7c-10.618 0-20.335-3.877-27.805-10.293-9.118-7.831-14.896-19.444-14.896-32.407.003-23.582 19.12-42.7 42.701-42.7z"></path>
<ellipse transform="matrix(-.118 .993 -.993 -.118 624.864 -221.061)" fill="#D8D8DA" cx="410.571" cy="166.875" rx="7.711" ry="11.569"></ellipse>
<polygon fill="#CCD1D9" points="361.239,157.128 402.066,164.068 401.641,167.644 360.325,164.782"></polygon>
<ellipse transform="matrix(-.118 .993 -.993 -.118 624.866 -221.043)" fill="#AAB2BD" cx="410.563" cy="166.882" rx="6.423" ry="9.64"></ellipse>
<path fill="#fff" d="M397.135 92.046l9.688 12.484c1.604 2.068 1.229 5.048-.838 6.654-2.062 1.607-5.05 1.232-6.648-.836l-9.692-12.484c-1.604-2.068-1.229-5.047.842-6.654 2.063-1.607 5.041-1.233 6.648.836z"></path>
<circle fill="#fff" cx="424.415" cy="134.903" r="34.776"></circle>
<circle fill="#E6E7E8" cx="424.415" cy="134.903" r="31.298"></circle>
<circle fill="#49433C" cx="424.415" cy="134.903" r="29.559"></circle>
<path fill="#363532" d="M403.194 151.386c9.088 11.702 26.004 13.828 37.707 4.739.688-.535.812-1.528.271-2.218-.537-.689-1.521-.814-2.226-.278-.274.218-.562.428-.854.632l-.229.166c-.271.188-.55.372-.83.549l-.271.167-.589.347-.396.222c-.229.125-.455.244-.688.36l-.539.261-.402.188-.512.223c-.238.103-.485.203-.732.298l-.484.178-.479.164-.441.147c-.281.088-.562.171-.854.249l-.312.081-.756.18-.235.054c-.343.072-.688.137-1.021.194l-.062.008-.6.092-.449.054-.076.009c-.738.085-1.484.134-2.229.147h-.021c-.73.013-1.477-.009-2.207-.064l-.129-.011c-.34-.028-.682-.061-1.021-.103l-.062-.006c-.312-.042-.638-.09-.949-.143l-.396-.07-.53-.105c-.646-.134-1.279-.297-1.918-.484l-.021-.007c-3.418-1.023-6.599-2.808-9.25-5.243l-.058-.044-.438-.425-.359-.358-.354-.373-.604-.659-.205-.237c-.229-.268-.45-.54-.67-.819-.219-.28-.428-.565-.627-.854l-.184-.256c-.168-.245-.33-.492-.486-.741l-.271-.442-.266-.438-.303-.539-.029-.06c-1.693-3.179-2.646-6.695-2.789-10.259l-.002-.025c-.021-.66-.021-1.319.008-1.978l.027-.541.026-.394c.021-.32.06-.641.101-.96l.01-.058.146-1.011.021-.129c.133-.723.288-1.441.479-2.154l.01-.022c.195-.717.435-1.428.693-2.13l.021-.071.162-.424.232-.556.021-.052.438-.948.104-.22.354-.684.155-.285.446-.766.256-.397.271-.418.291-.428c.151-.217.312-.432.479-.644l.348-.435.273-.348.396-.458.521-.576.312-.329.479-.483.229-.225c.234-.229.479-.45.729-.669l.229-.188c.271-.23.544-.458.818-.676.688-.536.812-1.528.272-2.218-.532-.689-1.522-.814-2.218-.279-11.665 9.09-13.792 26.005-4.702 37.706z"></path>
<path fill="#363532" d="M413.143 112.208c.345.803 1.271 1.182 2.063.842l.646-.253.102-.038.008-.002.604-.219.021-.006.152-.055.016-.003.635-.208.021-.005.041-.012.036-.011c.438-.138.896-.258 1.354-.369l.151-.039c.438-.104.884-.193 1.322-.271l.312-.055-.188.029.188-.029h-.008l.438-.065-.021.001.146-.023h.012l-.146.021.188-.025c.562-.059 1.091.182 1.416.601.165.212.271.47.312.755.11.859-.479 1.651-1.345 1.777l-.004.001-.011.002c-1.323.181-2.622.493-3.886.924l-.017.005-.062.019-.021.005c-.42.146-.829.305-1.235.476-.777.35-1.146 1.262-.812 2.056.336.797 1.252 1.174 2.054.849 2.157-.917 4.479-1.382 6.854-1.365h.188l.481.017.312.016.451.033.316.033.321.033.044.009.062.014c.389.076.723.282.944.575.247.32.375.734.312 1.167-.104.866-.896 1.479-1.768 1.371-2.487-.312-4.959.027-7.219.965l-.104.047c-.793.345-1.164 1.264-.824 2.062.34.802 1.271 1.182 2.066.842 4.604-1.942 9.965-.539 13.032 3.412 3.062 3.951 3.104 9.49.078 13.472-.524.695-.396 1.688.306 2.214.688.525 1.674.393 2.203-.29l.178-.227c1.403-1.922 2.312-4.181 2.61-6.607.104-.866.896-1.48 1.769-1.372.438.055.812.28 1.058.6.229.292.353.666.315 1.06l-.002.062v.044l-.051.326-.05.316-.075.449-.062.301-.104.475-.046.181c-.569 2.303-1.604 4.44-3.021 6.307-.518.695-.375 1.675.312 2.197.688.521 1.654.393 2.188-.282.271-.351.521-.711.771-1.08l.01-.013.033-.053.008-.01c.729-1.11 1.354-2.291 1.854-3.529l.009-.008.004-.004c.334-.8 1.246-1.183 2.054-.856.271.108.486.281.646.493.324.42.436.993.229 1.521l-.062.153-.25.579-.122.276-.276.587-.119.247c-.104.216-.229.429-.344.641l-.1.176c-.146.264-.302.525-.457.783l-.023.05-.014.017c-.12.2-.25.398-.381.595l-.085.127-.014.015-.229.327-.146.214-.055.07-.409.567c-.521.695-.396 1.688.307 2.214.688.528 1.688.392 2.221-.303 7.34-9.67 7.264-23.124-.189-32.719-7.446-9.594-20.471-13-31.646-8.282-.742.341-1.119 1.268-.781 2.073zm32.918 32.364l-.104.233.104-.233zm-.408.867l-.104.203.104-.203zm-.462.885l-.074.138.074-.138zm1.138-2.38l.062-.135-.019.037-.043.098z"></path>
<path fill="#363532" d="M443.29 149.252l.021-.023c.141-.176.268-.354.396-.535l-.417.558z"></path>
</g>
<g id="mouse" data-100=" transform[swing]: translate(200px, 0px) rotate(-30deg); opacity: 0; " data-200=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<path opacity=".8" fill="#2980B9" enable-background="new" d="M975.604 484.257l-.02-.011c-9.787-7.229-23.594-5.188-30.863 4.562l-.104.119-.12.162-24.63 33.294-.24.372-1.271 1.764.006.012c-7.248 9.894-5.045 23.509 4.729 30.729 9.814 7.261 23.707 5.104 30.896-4.615l26.224-35.456c7.255-9.807 5.21-23.671-4.607-30.932z"></path>
<path fill="#CCD1D9" d="M950.519 488.136l-.104.12-.117.161-24.63 33.294-.19.258-1.219 1.646.004.002c-7.316 10.055-5.097 23.624 4.675 30.851l52.45-70.896c-9.799-7.235-23.597-5.189-30.869 4.564z"></path>
<path fill="#E6E9ED" d="M981.396 483.579l-.021-.011-52.447 70.897c9.812 7.271 23.686 5.163 30.869-4.558l-.086-.065-.002-.001.002.001.086.065 26.207-35.43c7.267-9.802 5.208-23.636-4.608-30.898z"></path>
</g>
<g id="iphone" data-150=" transform[swing]: translate(-200px, 0) rotate(-10deg); opacity: 0; " data-200=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<path opacity=".8" fill="#2980B9" enable-background="new" d="M960.569 183.469l38.502-44.066c3.021-3.461 2.666-8.77-.797-11.794l-88.143-77.004c-3.463-3.025-8.771-2.666-11.793.796l-38.5 44.065c-3.021 3.462-2.67 8.768.793 11.795l88.131 77.003c3.471 3.024 8.782 2.668 11.807-.795z"></path>
<path fill="#434A54" d="M903.868 50.304l-38.5 44.066c-3.023 3.461-2.67 8.769.793 11.794l88.133 77.003c3.461 3.025 8.771 2.668 11.795-.796l38.504-44.065c3.021-3.461 2.666-8.77-.797-11.795l-88.132-77.002c-3.464-3.024-8.768-2.666-11.796.795z"></path>
<path fill="#586273" d="M991.997 127.306l-38.5 44.067-81.824-71.492v-.021l38.48-44.042.021-.003 81.823 71.491z"></path>
<rect x="972.958" y="152.869" transform="matrix(.658 -.753 .753 .658 218.213 790.374)" fill="#434A54" width="12.538" height="4.176"></rect>
<path fill="#F7F9F8" d="M871.673 99.859v.021l81.824 71.492 38.5-44.067-81.82-71.492-.021.003-38.483 44.043z"></path>
<path fill="#44C650" d="M935.56 94.342l-5.475-2.599c-.57-.273-1.514-.283-2.09-.021l-9.242 4.342-.014.007-1.287-1.126c-.396-2.214-1.729-4.557-3.854-6.419l-1.717-1.5c-3.028-2.647-7.518-2.466-10.021.4-2.521 2.868-2.08 7.34.938 9.987l1.729 1.499c2.135 1.862 4.635 2.868 6.881 2.957l1.287 1.126-.021.011-3.062 9.745c-.188.604-.045 1.533.304 2.064l3.312 5.075c.349.527.972.572 1.386.096l10.604-12.143 10.609-12.143c.428-.475.303-1.086-.267-1.358z"></path>
<rect x="918.808" y="113.388" transform="matrix(.658 -.753 .753 .658 231.693 745.793)" fill="#DCE4E8" width="35.867" height="8.969"></rect>
<rect x="929.052" y="122.359" transform="matrix(.658 -.753 .753 .658 228.357 756.48)" fill="#DCE4E8" width="35.86" height="8.969"></rect>
<rect x="947.932" y="131.236" transform="matrix(.658 -.753 .753 .658 225.054 766.968)" fill="#DCE4E8" width="17.933" height="8.964"></rect>
<circle fill="#586273" cx="937.946" cy="137.03" r="1.682"></circle>
<circle fill="#586273" cx="943.847" cy="130.277" r="1.681"></circle>
<circle fill="#586273" cx="940.896" cy="133.653" r="1.681"></circle>
<path fill="#586273" d="M947.903 125.634c.688.611.77 1.672.146 2.373-.604.699-1.678.771-2.373.16-.688-.611-.771-1.674-.146-2.374.612-.696 1.672-.768 2.373-.159z"></path>
<circle fill="#586273" cx="927.815" cy="128.179" r="1.681"></circle>
<circle fill="#586273" cx="939.616" cy="114.674" r="1.681"></circle>
<circle fill="#586273" cx="933.716" cy="121.427" r="1.681"></circle>
<circle fill="#586273" cx="930.767" cy="124.804" r="1.681"></circle>
<circle fill="#586273" cx="936.666" cy="118.051" r="1.682"></circle>
<rect x="952.637" y="134.605" transform="matrix(.658 -.753 .753 .658 225.117 767.404)" fill="#E74C3C" width="8.965" height="2.693"></rect>
<path fill="none" d="M903.868 50.305l-29.883 34.212 113.553 73.266 17.055-19.475c3.023-3.461 2.666-8.771-.797-11.795l-88.133-77.003c-3.463-3.025-8.767-2.667-11.795.795z"></path>
</g>
<a xlink:href="mailto:shibulijack@gmail.com" title="Send E-Mail">
<g id="pencil" data-25=" transform[swing]: translate(0, -200px) rotate(-10deg); opacity: 0; " data-125=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<polygon opacity=".8" fill="#2980B9" enable-background="new" points="1117.845,319.321 1055.812,191.27 1050.479,193.855 1045.142,196.44 1107.175,324.49 1112.511,321.906"></polygon>
<polygon fill="#2980B9" points="1121.599,337.266 1117.845,319.321 1107.175,324.49 1118.931,338.561 1122.851,343.246"></polygon>
<g fill="#58585C">
<polygon points="1116.608,320.809 1057.159,198.096 1054.575,192.76 1049.239,195.346 1111.274,323.395"></polygon>
<polygon points="1116.608,320.809 1121.944,318.227 1059.909,190.174 1054.575,192.76 1057.159,198.096"></polygon>
</g>
<polygon fill="#464E5C" points="1126.948,342.152 1125.696,336.17 1123.028,337.465"></polygon>
<polygon fill="#F7D39A" points="1125.696,336.17 1121.944,318.227 1111.274,323.395 1123.028,337.465"></polygon>
<rect x="1056.322" y="206.586" transform="matrix(-.9 .436 -.436 -.9 2109.198 -66.659)" fill="#DA4453" width="11.859" height="4.447"></rect>
</g>
</a>
<a xlink:href="/Shibu.Lijack.pdf" target="_blank" title="View/Download Resume">
<g id="portfolio2" data-50=" transform[swing]: translate(-200px, 0) rotate(-10deg); opacity: 0; " data-150=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<polygon fill="#2980B9" points="165.448,7.97 141.341,196.495 292.062,215.769 316.17,27.243 317.776,14.683 167.054,-4.591" opacity=".8"></polygon>
<rect x="156.346" y="14.112" transform="matrix(.992 .127 -.127 .992 15.712 -28.576)" fill="#EBF4FF" width="151.916" height="190.021"></rect>
<rect x="169.197" y="2.247" transform="matrix(.992 .127 -.127 .992 3.067 -31.017)" fill="#44C650" width="151.916" height="12.661"></rect>
<rect x="203.268" y="80.577" transform="matrix(-.992 -.127 .127 -.992 406.489 199.69)" fill="none" width="12.663" height="12.662"></rect>
<rect x="225.686" y="83.008" transform="matrix(.992 .127 -.127 .992 12.759 -28.295)" fill="none" width="6.329" height="6.33"></rect>
<rect x="180.374" y="66.455" transform="matrix(.992 .127 -.127 .992 10.338 -26.327)" fill="#434A54" width="63.165" height="3.166"></rect>
<rect x="249.542" y="73.886" transform="matrix(.992 .127 -.127 .992 11.75 -33.642)" fill="#3498DB" width="41.145" height="3.166"></rect>
<rect x="173.056" y="75.754" transform="matrix(.992 .127 -.127 .992 11.702 -29.146)" fill="#3498DB" width="123.431" height="3.166"></rect>
<rect x="178.893" y="77.015" transform="matrix(.992 .127 -.127 .992 11.538 -24.056)" fill="#3498DB" width="31.649" height="3.165"></rect>
<rect x="216.634" y="80.65" transform="matrix(.992 .127 -.127 .992 12.239 -27.632)" fill="#434A54" width="12.662" height="3.166"></rect>
<rect x="235.327" y="85.641" transform="matrix(.992 .127 -.127 .992 13.177 -32.547)" fill="#3498DB" width="53.803" height="3.165"></rect>
<rect x="163.049" y="126.052" transform="matrix(.992 .127 -.127 .992 17.628 -21.651)" fill="#434A54" width="31.649" height="3.165"></rect>
<rect x="161.486" y="137.818" transform="matrix(.992 .127 -.127 .992 19.072 -20.571)" fill="#434A54" width="18.988" height="3.165"></rect>
<rect x="186.636" y="140.622" transform="matrix(.992 .127 -.127 .992 19.611 -23.343)" fill="#434A54" width="12.66" height="3.166"></rect>
<rect x="162.271" y="131.927" transform="matrix(.992 .127 -.127 .992 18.34 -21.102)" fill="#434A54" width="25.325" height="3.166"></rect>
<rect x="160.64" y="144.894" transform="matrix(.992 .127 -.127 .992 20.001 -21.196)" fill="#434A54" width="31.649" height="3.166"></rect>
<rect x="165.82" y="90.248" transform="matrix(.992 .127 -.127 .992 14.956 -22.597)" fill="#CCD1D9" width="37.982" height="31.651"></rect>
<rect x="208.517" y="145.037" transform="matrix(.992 .127 -.127 .992 20.429 -27.666)" fill="#434A54" width="37.978" height="3.166"></rect>
<rect x="207.814" y="149.712" transform="matrix(.992 .127 -.127 .992 20.914 -25.933)" fill="#434A54" width="12.661" height="3.166"></rect>
<rect x="226.669" y="151.723" transform="matrix(.992 .127 -.127 .992 21.337 -27.955)" fill="#434A54" width="6.331" height="3.166"></rect>
<rect x="209.407" y="137.538" transform="matrix(.992 .127 -.127 .992 19.407 -26.634)" fill="#434A54" width="18.992" height="3.165"></rect>
<rect x="234.539" y="140.364" transform="matrix(.992 .127 -.127 .992 19.941 -29.394)" fill="#434A54" width="12.659" height="3.166"></rect>
<rect x="210.147" y="132.075" transform="matrix(.992 .127 -.127 .992 18.773 -27.576)" fill="#434A54" width="31.648" height="3.166"></rect>
<rect x="212.937" y="96.245" transform="matrix(.992 .127 -.127 .992 16.083 -28.505)" fill="#CCD1D9" width="37.978" height="31.65"></rect>
<rect x="257.223" y="138.499" transform="matrix(.992 .127 -.127 .992 19.991 -33.892)" fill="#434A54" width="37.977" height="3.165"></rect>
<rect x="255.651" y="150.281" transform="matrix(.992 .127 -.127 .992 21.442 -32.822)" fill="#434A54" width="25.321" height="3.165"></rect>
<rect x="257.521" y="143.171" transform="matrix(.992 .127 -.127 .992 20.491 -32.297)" fill="#434A54" width="12.662" height="3.165"></rect>
<rect x="254.88" y="156.149" transform="matrix(.992 .127 -.127 .992 22.134 -32.25)" fill="#434A54" width="18.988" height="3.166"></rect>
<rect x="280.027" y="158.953" transform="matrix(.992 .127 -.127 .992 22.669 -35.016)" fill="#434A54" width="12.661" height="3.166"></rect>
<rect x="275.32" y="146.007" transform="matrix(.992 .127 -.127 .992 21.031 -34.949)" fill="#434A54" width="18.989" height="3.165"></rect>
<rect x="260.036" y="102.274" transform="matrix(.992 .127 -.127 .992 17.227 -34.427)" fill="#CCD1D9" width="37.976" height="31.648"></rect>
<rect x="173.074" y="46.21" transform="matrix(.992 .127 -.127 .992 8.596 -29.95)" fill="#CCD1D9" width="132.924" height="12.66"></rect>
<rect x="180.111" y="44.22" transform="matrix(.992 .127 -.127 .992 7.316 -23.313)" fill="#E5E5E5" width="13.296" height="3.166"></rect>
<rect x="199.845" y="42.847" transform="matrix(.992 .127 -.127 .992 7.955 -26.627)" fill="#434A54" width="26.593" height="12.66"></rect>
<rect x="206.496" y="47.581" transform="matrix(.992 .127 -.127 .992 7.955 -26.63)" fill="#E5E5E5" width="13.293" height="3.165"></rect>
<rect x="232.861" y="51.001" transform="matrix(.992 .127 -.127 .992 8.611 -29.973)" fill="#E5E5E5" width="13.296" height="3.165"></rect>
<rect x="259.253" y="54.34" transform="matrix(.992 .127 -.127 .992 9.239 -33.27)" fill="#E5E5E5" width="13.295" height="3.165"></rect>
<rect x="285.636" y="57.708" transform="matrix(.992 .127 -.127 .992 9.877 -36.581)" fill="#E5E5E5" width="13.294" height="3.166"></rect>
<rect x="178.844" y="28.902" transform="matrix(.992 .127 -.127 .992 5.616 -27.248)" fill="#CCD1D9" width="75.959" height="3.165"></rect>
<rect x="179.867" y="19.015" transform="matrix(.992 .127 -.127 .992 4.14 -23.845)" fill="#CCD1D9" width="18.992" height="3.166"></rect>
<rect x="157.001" y="165.604" transform="matrix(.992 .127 -.127 .992 24.408 -26.897)" fill="#CCD1D9" width="132.927" height="25.322"></rect>
</g>
<g id="portfolio1" data-0=" transform[swing]: translate(0, -500px) rotate(-10deg); opacity: 0; " data-75=" transform[swing]: translate(0, -500px) rotate(-10deg); opacity: 1; " data-175=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<rect x="-6.736" y="-5.905" transform="matrix(.95 -.314 .314 .95 -29.36 27.962)" fill="#2980B9" width="157.882" height="222.228"></rect>
<rect x="-36.78" y="26.939" transform="matrix(.314 .95 -.95 .314 151.549 2.082)" fill="#F7F9F8" width="222.23" height="157.879"></rect>
<rect x="68.792" y="48.843" transform="matrix(.95 -.314 .314 .95 -11.352 33.136)" fill="#B7BFC7" width="56.982" height="5.999"></rect>
<rect x="71.931" y="58.333" transform="matrix(.95 -.314 .314 .95 -14.171 34.599)" fill="#DCE4E8" width="56.982" height="6.001"></rect>
<rect x="75.069" y="67.831" transform="matrix(.95 -.314 .314 .95 -16.992 36.062)" fill="#DCE4E8" width="56.981" height="6"></rect>
<rect x="78.202" y="77.325" transform="matrix(.95 -.314 .314 .95 -19.812 37.524)" fill="#DCE4E8" width="56.98" height="6"></rect>
<rect x="-12.21" y="42.879" transform="matrix(.95 -.314 .314 .95 -11.628 19.496)" fill="#DCE4E8" width="133.949" height="5.999"></rect>
<rect x="-18.481" y="13.896" transform="matrix(.95 -.314 .314 .95 -5.988 16.57)" fill="#B7BFC7" width="133.947" height="25.989"></rect>
<g fill="#DCE4E8">
<text x="5.122" y="134.446" fill="#E74C3C" font-size="40" transform="matrix(.95 -.314 .314 .95 -30.806 29.447)">RESUME</text>
</g>
<g fill="#DCE4E8">
<rect x="33.591" y="181.507" transform="matrix(.95 -.314 .314 .95 -52.805 40.862)" width="133.948" height="6"></rect>
<rect x="37.48" y="195.704" transform="matrix(.95 -.314 .314 .95 -57.819 38.096)" width="103.964" height="6"></rect>
</g>
<rect x="22.479" y="151.534" transform="matrix(.95 -.314 .314 .95 -45.098 28.807)" fill="#B7BFC7" width="88.966" height="5.999"></rect>
<rect x="25.617" y="161.031" transform="matrix(.95 -.314 .314 .95 -47.919 30.271)" fill="#DCE4E8" width="88.964" height="5.998"></rect>
<rect x="28.764" y="170.526" transform="matrix(.95 -.314 .314 .95 -50.739 31.737)" fill="#DCE4E8" width="88.965" height="5.999"></rect>
<rect x="120.946" y="128.45" transform="matrix(.95 -.314 .314 .95 -37.376 50.555)" fill="#44C650" width="35.023" height="26.014"></rect>
<rect x="1.636" y="80.101" transform="matrix(.95 -.314 .314 .95 -30.515 6.563)" fill="#DCE4E8" width="7.001" height="35.99"></rect>
<rect x="11.128" y="76.939" transform="matrix(.95 -.314 .314 .95 -29.05 9.384)" fill="#DCE4E8" width="7" height="36.008"></rect>
<rect x="20.624" y="73.791" transform="matrix(.95 -.314 .314 .95 -27.583 12.205)" fill="#DCE4E8" width="7" height="36.009"></rect>
<rect x="30.127" y="70.663" transform="matrix(.95 -.314 .314 .95 -26.125 15.032)" fill="#DCE4E8" width="7" height="35.997"></rect>
<rect x="39.6" y="67.546" transform="matrix(.95 -.314 .314 .95 -24.656 17.836)" fill="#DCE4E8" width="6.999" height="35.983"></rect>
<rect x="49.088" y="64.405" transform="matrix(.95 -.313 .313 .95 -23.174 20.631)" fill="#DCE4E8" width="6.999" height="35.992"></rect>
<rect x="58.615" y="61.252" transform="matrix(.95 -.314 .314 .95 -21.73 23.493)" fill="#DCE4E8" width="7.001" height="35.997"></rect>
<rect x="4.792" y="99.588" transform="matrix(.95 -.313 .313 .95 -33.298 8.018)" fill="#E74C3C" width="7.002" height="15.998"></rect>
<rect x="13.805" y="93.503" transform="matrix(.95 -.314 .314 .95 -31.441 10.63)" fill="#E74C3C" width="6.999" height="18.996"></rect>
<rect x="24.372" y="97.21" transform="matrix(.95 -.314 .314 .95 -30.978 13.958)" fill="#E74C3C" width="7.001" height="12.001"></rect>
<rect x="32.316" y="84.317" transform="matrix(.95 -.314 .314 .95 -28.087 16.042)" fill="#E74C3C" width="7" height="21.997"></rect>
<rect x="41.178" y="77.28" transform="matrix(.95 -.314 .314 .95 -26.069 18.576)" fill="#E74C3C" width="7.002" height="26.003"></rect>
<rect x="53.81" y="93.631" transform="matrix(.95 -.314 .314 .95 -27.43 22.866)" fill="#E74C3C" width="7" height="5.999"></rect>
<rect x="61.718" y="80.772" transform="matrix(.95 -.313 .313 .95 -24.534 24.91)" fill="#E74C3C" width="7.002" height="15.998"></rect>
</g>
</a>
<g id="calculator" data-0=" transform[swing]: translate(-500px, 0) rotate(-10deg); opacity: 0; " data-200=" transform[swing]: translate(0, 0) rotate(0deg); opacity: 1; " class="skrollable skrollable-after" transform="translate(0, 0) rotate(0)" style="transform: translate(0px, 0px) rotate(0deg); opacity: 1;">
<path opacity=".8" fill="#2980B9" enable-background="new" d="M1185.925 37.422l-33.881-36.096c-2.637-2.807-7.089-2.948-9.896-.313l-53.904 50.597c-2.812 2.635-2.945 7.087-.312 9.895l33.882 36.096c2.646 2.807 7.093 2.947 9.896.312l53.905-50.596c2.803-2.635 2.946-7.088.31-9.895z"></path>
<path fill="#F7F9F8" d="M1092.243 51.61c-2.812 2.635-2.945 7.087-.312 9.895l33.882 36.096c2.646 2.807 7.093 2.947 9.896.312l53.905-50.596c2.809-2.635 2.938-7.087.312-9.895l-33.881-36.096c-2.637-2.807-7.089-2.948-9.896-.313l-53.906 50.597z"></path>
<rect x="1128.71" y="23.033" transform="matrix(.684 .729 -.729 .684 377.909 -817.623)" fill="#E74C3C" width="9.345" height="9.348"></rect>
<rect x="1138.234" y="33.306" transform="matrix(.684 .729 -.729 .684 388.37 -821.296)" fill="#E74C3C" width="9.346" height="9.346"></rect>
<rect x="1147.847" y="43.548" transform="matrix(.684 .729 -.729 .684 398.895 -825.093)" fill="#E74C3C" width="9.349" height="9.346"></rect>
<rect x="1157.443" y="53.775" transform="matrix(.684 .729 -.729 .684 409.379 -828.862)" fill="#E74C3C" width="9.349" height="9.346"></rect>
<rect x="1118.414" y="32.616" transform="matrix(.684 .729 -.729 .684 381.51 -806.974)" fill="#E74C3C" width="9.349" height="9.345"></rect>
<rect x="1128.145" y="42.809" transform="matrix(.684 .729 -.729 .684 392.114 -810.941)" fill="#E74C3C" width="9.346" height="9.345"></rect>
<rect x="1137.59" y="53.094" transform="matrix(.684 .729 -.729 .684 402.719 -814.688)" fill="#E74C3C" width="9.347" height="9.345"></rect>
<rect x="1147.292" y="63.328" transform="matrix(.684 .729 -.729 .684 413.117 -818.425)" fill="#E74C3C" width="9.346" height="9.346"></rect>
<rect x="1108.126" y="42.302" transform="matrix(.684 .729 -.729 .684 385.647 -796.694)" fill="#E74C3C" width="9.346" height="9.348"></rect>
<rect x="1117.778" y="52.548" transform="matrix(.684 .729 -.729 .684 395.956 -800.317)" fill="#E74C3C" width="9.342" height="9.348"></rect>
<rect x="1127.425" y="62.696" transform="matrix(.684 .729 -.729 .684 406.387 -804.14)" fill="#E74C3C" width="9.346" height="9.347"></rect>
<rect x="1137.003" y="72.973" transform="matrix(.684 .729 -.729 .684 416.895 -807.874)" fill="#E74C3C" width="9.349" height="9.348"></rect>
<rect x="1098.013" y="51.844" transform="matrix(.685 .729 -.729 .685 389.038 -785.989)" fill="#E74C3C" width="9.345" height="9.347"></rect>
<rect x="1107.61" y="62.076" transform="matrix(.685 .729 -.729 .685 399.526 -789.757)" fill="#E74C3C" width="9.345" height="9.349"></rect>
<rect x="1114.907" y="77.457" transform="matrix(.684 .729 -.729 .684 415.442 -795.491)" fill="#656D78" width="23.366" height="9.346"></rect>
<rect x="1135.662" y="20.943" transform="matrix(.684 .729 -.729 .684 388.597 -837.187)" fill="#2C3E50" width="51.4" height="18.69"></rect>
<rect x="1165.482" y="32.386" transform="matrix(.684 .729 -.729 .684 395.663 -839.838)" fill="#ECF0F1" width="4.672" height="9.345"></rect>
<rect x="1171.786" y="39.164" transform="matrix(.685 .729 -.729 .685 402.137 -841.894)" fill="#ECF0F1" width="4.672" height="9.351"></rect>
<rect x="1152.652" y="18.804" transform="matrix(.684 .729 -.729 .684 381.878 -834.923)" fill="#ECF0F1" width="4.676" height="9.346"></rect>
<rect x="1158.918" y="25.734" transform="matrix(.684 .729 -.729 .684 388.695 -837.109)" fill="#ECF0F1" width="4.669" height="9.349"></rect>
</g>
<text id="hello" transform="translate(30, 400)" fill="#ECF0F1" font-weight="900" font-size="120" data-0=" transform: translate(390px, 370px); " data-100=" transform: translate(30px, 400px); " class="skrollable skrollable-after" style="transform: translate(30px, 400px);"><hello /></text>
</g>
</svg>
</div>
</body>
</html>