-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
389 lines (359 loc) · 15.5 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
---
layout: default
---
<section
class="hero is-large has-background-black has-text-white"
style="background: black url(assets/img/hero-front-page.jpg) center / cover;"
>
<nav class="navbar is-transparent is-shadowless" role="navigation">
<div class="container">
<div class="navbar-menu centered">
<div class="navbar-brand">
<a class="navbar-item has-text-white" href="https://vijaysharma.ca">vijaysharma.ca</a>
</div>
<div class="navbar-menu">
<div class="navbar-end">
<a href="/" class="navbar-item has-text-primary">Home</a>
<a href="/blog.html" class="navbar-item has-text-white">Blog</a>
</div>
</div>
</div>
</div>
</nav>
<div class="hero-body">
<div class="container">
<p class="subtitle is-3 has-text-white">Looking for a Developer with <span class="has-text-primary">Experience</span>? Have an idea?</p>
<p class="title is-1 has-text-white">Let's make it happen together</p>
</div>
</div>
</section>
<section class="hero is-medium has-background-black">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-5 is-offset-1 landing-caption">
<h1 class="title is-1 is-bold is-spaced has-text-white">Hi! I'm <span class="has-text-primary">Vijay</span></h1>
<p class="subtitle is-muted is-4">And I love developing software. I've been doing it for over 20 years.</p>
<p class="subtitle is-muted is-4"> I'm an expert <span class="has-text-primary">mobile</span> developer, including <span class="has-text-primary">machine-learning</span> at the edge. I'm also a pretty advanced <span class="has-text-primary">full-stack</span> developer. If you have an idea, I can make it happen.</p>
<p class="subtitle is-muted is-4">Wanna chat? Let's get in touch.</p>
<p>
<a class="button is-rounded is-primary" href="https://www.linkedin.com/in/vijaysharm/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a class="button is-rounded is-primary" href="https://twitter.com/v_sharm" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a class="button is-rounded is-primary" href="https://github.com/vijaysharm" target="_blank">
<i class="fab fa-github"></i>
</a>
<a class="button is-rounded is-primary" href="#contact">
<i class="fab fas fa-envelope"></i>
</a>
</p>
</div>
<div class="column is-5 is-offset-1">
<figure class="image is-4by4">
<img class="lazy" src="assets/img/profile_pic.jpg" alt="Profile picture" style="display: block;">
</figure>
</div>
</div>
</div>
</div>
</section>
<section
class="hero is-medium has-background-black has-text-white"
style="background-image: url(assets/img/bgd-pattern.jpg); background-repeat: repeat; background-position: center center;"
>
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered" style="display: flex; flex-direction: column;">
<p class="title is-1 has-text-white">Checkout the stuff I've worked on</p>
<div style="display: grid; gap: 16px;">
<!-- Open Source -->
<div class="project-continer project-continer-right">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/assets/img/github-logo.png" alt="Github" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
My Open Source Projects
</div>
<div class="project-continer-subtitle">
<ul>
<li style="color: #4a4a4a;">
* <a href="https://github.com/vijaysharm/Huggingface.Swift" target="_blank">Huggingface.Swift</a>: Swift Library to access Huggingface Inference API
</li>
<li style="color: #4a4a4a;">
* <a href="https://github.com/vijaysharm/SwiftXState" target="_blank">SwiftXState</a>: Swift implementation of XState library
</li>
</ul>
</div>
<div class="project-continer-link">
<a href="https://github.com/vijaysharm/" target="_blank">Learn more</a>
</div>
</div>
<!-- MLFairy -->
<div class="project-continer project-continer-left">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/assets/img/mlfairy.png" alt="Machine Learning" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
MLFairy
</div>
<div class="project-continer-subtitle">
<p style="color: #4a4a4a;">MLFairy makes it easy to improve your CoreML models. Securely delivers your CoreML model to devices using highly redundant, and highly available content delivery networks. Collect in-app, on-device predictions and improve your model.</p>
</div>
<div class="project-continer-link">
<a href="https://mlfairy.com" target="_blank">Learn more</a>
</div>
</div>
<!-- Code Complete -->
<div class="project-continer project-continer-right">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/apps/codecomplete/Icon.png" alt="Machine Learning" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
Code Complete
</div>
<div class="project-continer-subtitle">
<p style="color: #4a4a4a;">Code complete is an all-in-one platform to help you prepare for your next technical coding interview.</p>
<p style="color: #4a4a4a;">Coding interview prep is a numbers game that many candidates lose. Code Complete comes with 100 hand-picked coding interview questions to truly prepare you. If you want to ace the coding interviews, being well-versed in all common data structures and popular problem-solving methods is paramount. With 100 questions spanning 14 categories and 5 difficulty levels, we've got you covered.</p>
</div>
<div class="project-continer-link">
<a href="/apps/codecomplete/index.html">Learn more</a>
</div>
</div>
<!-- Machine learning by Tutorials -->
<div class="project-continer project-continer-left">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/assets/img/machine-learning-by-tutorials.png" alt="Machine Learning" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
Machine Learning by Tutorials
</div>
<div class="project-continer-subtitle">
<p style="color: #4a4a4a;">The best book on machine learning for iOS.</p>
</div>
<div class="project-continer-link">
<a href="https://store.raywenderlich.com/products/machine-learning-by-tutorials" target="_blank">Learn more</a>
</div>
</div>
<!-- Superhero Colouring Book -->
<div class="project-continer project-continer-right">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/apps/superhero-colouring-book/Icon.png" alt="Machine Learning" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
Superhero Colouring Book
</div>
<div class="project-continer-subtitle">
<p style="color: #4a4a4a;">A powerful and unstoppable game for young superheroes all over the world. Give your hero a canvas to explore their inner superpower. Be free to colour outside the lines and inspire them create! The app includes images to colour on, and an empty canvas to express creativity. Best used on tablets!.</p>
</div>
<div class="project-continer-link">
<a href="/apps/superhero-colouring-book/">Learn more</a>
</div>
</div>
<!-- MoodLight! -->
<div class="project-continer project-continer-left">
<div class="project-continer-image" style="display: flex; flex-direction: column;">
<img src="/apps/moodlight/icon.png" alt="Machine Learning" height="256px" width="256px" style="margin: auto; border-radius: 8px;"/>
<div style="flex-grow: 1;"></div>
</div>
<div class="project-continer-title title is-2">
MoodLight!
</div>
<div class="project-continer-subtitle">
<p style="color: #4a4a4a;">Moodlight! brings you the world's most entertaining mood setting app. A fun and whimsical app to bring fun to your day.<br/>Moodlight! provides you with many more features synchronizing the camera led flashlight and the screen flashlight turning your phone in a colour flashlight ensuring you're enjoying lighting, dancing and listening music.</p>
</div>
<div class="project-continer-link">
<a href="/apps/moodlight/">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hero has-background-black">
<div class="hero-header" style="padding-top: 120px;">
<div class="has-text-centered single-spaced" style="top: 92px;">
<h1 class="title is-1 has-text-white">Work with someone who's passionate about software</h1>
</div>
</div>
<div class="hero-body">
<div class="container">
<div class="columns">
<!-- Recent blog posts -->
{% for post in site.posts limit:3 %}
<div class="column is-one-third is-flex">
<div class="card">
<div class="card-image">
<figure class="image is-16by9">
<img src="{% if post.cover %}{{ post.cover }}{% else %}assets/img/fallback-cover.jpg{% endif %}">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{ post.title }}</p>
<p class="subtitle is-6"><time datetime="2016-1-1">{{ post.date | date_to_string }}</time></p>
</div>
</div>
<div class="content">
{{ post.excerpt }}
<br>
<br>
<a href="{{ post.url }}" class="button is-primary">Read More</a>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="hero-footer" style="padding-bottom: 120px;">
<div class="has-text-centered single-spaced">
<a href="/blog.html" class="button is-success is-rounded"><strong>Check Blog Posts</strong></a>
</div>
</div>
</section>
<section
class="hero is-medium has-background-black"
style="background: black url(assets/img/people-hero.jpg) center / cover;"
>
<div class="hero-header" style="padding-top: 120px;">
<div class="container">
<div class="has-text-centered single-spaced" style="top: 92px;">
<h1 class="title is-1 has-text-white">Here are some People I've worked with</h1>
</div>
</div>
</div>
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-flex">
<div class="notification">
<p class="is-size-5">
Excellent! Thank you for your continued cooperation and high quality of work. Much appreciated!
</p>
<article class="media" style="padding-top: 20px;">
<figure class="media-left">
<p class="image is-64x64">
<img class="is-rounded" src="assets/img/gm.jpeg">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>Gil Megidish</strong>
<br><small>TestFairy, Co-Founder & CTO</small>
</p>
</div>
</div>
</article>
</div>
</div>
<div class="column is-flex">
<div class="notification">
<p class="is-size-5">
I love working with Vijay! Professional, punctual and effective. This is your guy!
</p>
<article class="media" style="padding-top: 20px;">
<figure class="media-left">
<p class="image is-64x64">
<img class="is-rounded" src="assets/img/gb.jpeg">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>Gian Brazzini</strong>
<br><small>pulseM, Director Of Engineering</small>
</p>
</div>
</div>
</article>
</div>
</div>
<div class="column is-flex">
<div class="notification">
<p class="is-size-5">
Vijay is a professional, asks great questions, and gets the job done accurately. Amazing!
</p>
<article class="media" style="padding-top: 20px;">
<figure class="media-left">
<p class="image is-64x64">
<img class="is-rounded" src="assets/img/mf.jpeg">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>Matthew Feadler</strong>
<br><small>IQZone, CTO</small>
</p>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hero is-medium has-background-black">
<div class="hero-header" style="padding-top: 120px;">
<div class="container">
<div class="has-text-centered single-spaced" style="top: 92px;">
<h1 class="title is-1 has-text-white">What I can do for you</h1>
</div>
</div>
</div>
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-flex">
<div class="notification">
<p style="text-align: center; font-size: 60px;"><span class="fas fa-pencil-ruler"></span></p>
<h1 class="title is-size-4 has-text-centered">Design</h1>
<p class="is-size-5 has-text-centered">
I can help get your ideas on to paper. I can help design your websites, so they look great, load fast, and help you convert your online visitors into customers.
</p>
</div>
</div>
<div class="column is-flex">
<div class="notification">
<p style="text-align: center; font-size: 60px;"><span class="fas fa-file-code"></span></p>
<h1 class="title is-size-4 has-text-centered">Develop</h1>
<p class="is-size-5 has-text-centered">
I can take your idea for the next great app from the whiteboard to the app store. I build apps for both Apple and Android devices. I can guide you through the process of analysis, design, market testing, and launching your app.
</p>
</div>
</div>
<div class="column is-flex">
<div class="notification">
<p style="text-align: center; font-size: 60px;"><span class="fas fa-hands-helping"></span></p>
<h1 class="title is-size-4 has-text-centered">Train</h1>
<p class="is-size-5 has-text-centered">
I can help provide training for your team whether its about handing-off a project, how to develop apps for Apple or Android devices, or if its machine-learning. I can help transfer all the necessary knowledge your team needs to succeed.
</p>
</div>
</div>
<div class="column is-flex">
<div class="notification">
<p style="text-align: center; font-size: 60px;"><span class="fas fa-life-ring"></span></p>
<h1 class="title is-size-4 has-text-centered">Support</h1>
<p class="is-size-5 has-text-centered">
I want my clients to know I'm there for them. When we work together, know that I will continue providing support for as long as you need it. I take pride in the work I do, and I believe your clients deserve to have the best experience possible. I'm there to make it happen.
</p>
</div>
</div>
</div>
</div>
</div>
</section>