-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
669 lines (646 loc) · 27.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
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
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mathieu Gallas Parent - Web developer</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Overwrites -->
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var ga_debug = false;
if(ga_debug){
window.ga_debug = {trace: true};
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics_debug.js','ga');
ga('create', 'UA-44802911-3', {
'cookieDomain': 'none'
});
}else{
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44802911-3', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
}
</script>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500italic' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-target="#affix-nav">
<div class="container-fluid text-center" id="section_menu">
<nav class="row">
<div class="col-sm-6 nopadding aboutme" id="aboutme-link">
<a href="#aboutme" class="text-right"></a>
<h2>Mathieu Parent</h2>
</div>
<div class="col-sm-6 nopadding career" id="career-link">
<a href="#career" class="text-right"></a>
<h2>Work experiences</h2>
</div>
<div class="col-sm-6 nopadding skills" id="skills-link">
<a href="#skills" class="text-right"></a>
<h2>Skills & Interests</h2>
</div>
<div class="col-sm-6 nopadding contact" id="contact-link">
<a href="#contact" class="text-right"></a>
<h2>Contact</h2>
</div>
</nav>
</div>
<section class="container-fluid aboutme" id="aboutme">
<div class="row">
<div class="col-md-5 col-md-offset-1 text-right">
<h1>
Mathieu Parent<small><br>@salketer</small>
</h1>
<p class="lead bigger">
In a perpetual quest of finding <strong>challenges</strong> I am
looking for a <strong>great web software</strong> development <strong>team</strong>
where I could <strong>push my skills</strong> further, <strong>learn</strong> new things
and <strong>share</strong> my knowledge.
</p>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-comments-o fa-fw"></i>
<h3>Users’ best friend</h3>
Graphical user interface specialist<br> Customers’
difficulties solver
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-users fa-fw"></i>
<h3>Good team player</h3>
Dedicated to the tasks at hand<br> Reliable cooperative actor
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-magic fa-fw"></i>
<h3>Innovative creator</h3>
Trial and success promoter<br> Resourceful problem solver
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-flask fa-fw"></i>
<h3>Techno Curious</h3>
Code hungry autodidact<br> Sceptical library explorator
</div>
</div>
</div>
<div class="col-md-4 toppadded">
<p class="jumbo">
Who’s <strong>Mathieu</strong> <small class="tiny">in a few
numbers</small>
</p>
<div class="sliding-content">
<div class="btn-group number-pills">
<button type="button"
class="btn slider-btn circle font-fit height-to-width active">22</button>
<button type="button" class="btn slider-btn circle font-fit height-to-width">245</button>
<button type="button" class="btn slider-btn circle font-fit height-to-width">15</button>
<button type="button" class="btn slider-btn circle font-fit height-to-width">0</button>
<button type="button" class="btn slider-btn circle font-fit height-to-width">65</button>
</div>
<div class="slide-group">
<article class="slide active-slide">
<h2>Technologies tried</h2>
<p>Not letting others dictate which programming languages,
frameworks or tools are better, trying them all is the best way to
have an opinion. Before finding one to specialize, some
exploration was necessary.</p>
<ul class="two-col row">
<li class="col-xs-6 col-lg-4">HTML</li>
<li class="col-xs-6 col-lg-4">CGI</li>
<li class="col-xs-6 col-lg-4">Less</li>
<li class="col-xs-6 col-lg-4">CSS</li>
<li class="col-xs-6 col-lg-4">Python</li>
<li class="col-xs-6 col-lg-4">RequireJS</li>
<li class="col-xs-6 col-lg-4">JavaScript</li>
<li class="col-xs-6 col-lg-4">MySQL</li>
<li class="col-xs-6 col-lg-4">Google API</li>
<li class="col-xs-6 col-lg-4">PHP</li>
<li class="col-xs-6 col-lg-4">NodeJS</li>
<li class="col-xs-6 col-lg-4">CMSMadeSimple</li>
<li class="col-xs-6 col-lg-4">ActionScript 2</li>
<li class="col-xs-6 col-lg-4">CakePHP</li>
<li class="col-xs-6 col-lg-4">Wordpress</li>
<li class="col-xs-6 col-lg-4">ActionScript 3</li>
<li class="col-xs-6 col-lg-4">ZendFramework 1</li>
<li class="col-xs-6 col-lg-4">VisualBasic</li>
<li class="col-xs-6 col-lg-4">Lingo</li>
<li class="col-xs-6 col-lg-4">ZendFramework 2</li>
<li class="col-xs-6 col-lg-4">Meteor</li>
<li class="col-xs-6 col-lg-4">MongoDB</li>
</ul>
</article>
<article class="slide hidden-slide">
<h2>Stack Overflow answers</h2>
<p>
Helping out others is a great way to learn and to stay on the edge.
Stack Overflow has been a great source of knowledge for me and helped me kickstart some technologies explorations.
I hope to help others in the same way. Moreover, I have found it to be a great way to find mini challenges and problems to overcome.
</p>
<p>
<a href="http://stackoverflow.com/users/1620194/salketer" target="_blank">View Stack Overflow profile</a>
</p><p>
<a href="https://careers.stackoverflow.com/mathieuparent" target="_blank">View Stack Overflow Careers profile</a>
</p>
</article>
<article class="slide hidden-slide">
<h2>Years of programming</h2>
<p>
I have started to get interested in programming at the age of 12.
I had a very low-end computer, while my friends were battling over WarCraft or Red Alert, I had no other choice than surf the internet.
I found my games there, they were simple text-based games but addictive and fun...
My 56k internet was a bit too slow and too unreliable to play them correctly, so I've noticed that all the URL's were ending in ".cgi".
That's where it all started.
</p>
<p>
Challenges after challenges, I grew my knowledge starting with HTML and PHP, the need for MySQL came in fast and being a fan of good user experience, JavaScript became a new friend.
I studied in Integration techniques to touch sound, video, imaging and animation as I was lacking all that visual expertise.
</p>
</article>
<article class="slide hidden-slide">
<h2>Trans fat included</h2>
<p>
Not just because I'm skinny, but because I like to think of myself as an easy going, simple person.
Don't bring the trumpets just for me...
All is required is ideas, quality and productivity.
I learnt coding doing small simple things and I truly believe that it is the best way to grow something big and stable.
</p>
</article>
<article class="slide hidden-slide">
<h2>Liters of coffee per year</h2>
<p>
Although it may not be the best habit in the world, coffee seems to be the programmers' prefered fuel.
Do not get scared though, I often pay my part and bring my favorite mug.
</p>
<p>
That reminds me I have to try out some coffeescript some time...
</p>
</article>
</div>
</div>
</div>
<div class="col-md-1 hidden-xs hidden-sm">
<div id="affix-nav">
<nav>
<ul class="nav nav-tab">
<li class="active"><a href="#aboutme" class="aboutme side-nav-link">
<i class="text-right fa fa-user"></i>
</a>
</li>
<li><a href="#career" class="career side-nav-link">
<i class="text-right fa fa-suitcase"></i>
</a>
</li>
<li><a href="#skills" class="skills side-nav-link">
<i class="text-right fa fa-star"></i>
</a>
</li>
<li><a href="#contact" class="contact side-nav-link">
<i class="text-right fa fa-envelope"></i>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section class="container-fluid career sliding-content" id="career">
<div class="row">
<div class="col-md-5 col-md-offset-1 text-right">
<h1>Mathieu's experiences</h1>
</div>
</div>
<div class="row toppadded2 hidden-sm hidden-xs">
<div class="col-md-9 col-md-offset-1">
<div class="timeline">
<div class="jobs">
<div class="job active slider-btn" style="left: 10%; width: 37%">
<p>
BrutalMedia<br /> <strong>Developments director</strong>
</p>
<div class="timemarker">
<div>
<div>
<span></span>
</div>
<span></span>
</div>
<span></span>
</div>
</div>
<div class="job slider-btn" style="left: 10%; width: 9%">
<p>
Diagram Communication<br /> <strong>Lead programmer</strong>
</p>
<div class="timemarker">
<div>
<div>
<span></span>
</div>
<span></span>
</div>
<span></span>
</div>
</div>
<div class="job slider-btn" style="left: 18%; width: 34%">
<p>
TRF Retail<br /> <strong>Chief of GUI Developments</strong>
</p>
<div class="timemarker">
<div>
<div></div>
</div>
</div>
</div>
</div>
<div class="scale">
<div class="year-scale">2005</div>
<div class="year-scale">2006</div>
<div class="year-scale">2007</div>
<div class="year-scale">2008</div>
<div class="year-scale">2009</div>
<div class="year-scale">2010</div>
<div class="year-scale">2011</div>
<div class="year-scale">2012</div>
<div class="year-scale">2013</div>
<div class="year-scale">2014</div>
<div class="year-scale">2015</div>
</div>
</div>
</div>
</div>
<div class="row md-only slide-group">
<div class="slide active-slide">
<article class="col-md-9 col-md-offset-1">
<div class="col-md-4">
<h2 class="strong">Developments director</h2>
<p class="nopadding">From February 2006</p>
<p class="nopadding">To March 2010</p>
<div class="note">
<img src="img/brutal_logo2.png" alt="BrutalMedia.net Logo"/>
<p>BrutalMedia is a small company started by three associates
who wanted to offer an easy and reliable solution to small and
medium clients to have their name on the Web.</p>
<p>The company offers all the services required for a web
presence, from design creation to hosting.</p>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h3>Missions</h3>
<ul>
<li>Assure a steady progress in developments throughout <strong>multiple
projects at the same time</strong>.
</li>
<li>Meet all <strong>web standards</strong> and client’s
expectations in a <strong>very fast moving environment</strong>.
</li>
<li>Provide <strong>accurate analysis</strong> of required
development times for every futur project.
</li>
<li>Keep codes up to date and provide a <strong>custom
made</strong> Content Management System.
</li>
<li><strong>Think, build and manage</strong> any scripted
tool required for customers or business management.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>This offered the chance to create...</h3>
<div class="col-lg-3 col-md-5">
<h4>BrutalMedia.net</h4>
<p>
Complete website programmation using CMSMadeSimple. Custom
modules were created to <strong>support multiple
languages</strong>, and preview modifications before applying them to
the live website.
</p>
</div>
<div class="col-lg-3 col-md-offset-1 col-md-5">
<h4>HLWROC.net</h4>
<p>
Development of a <strong>very extensive</strong> knowledge base
for a videogame. An advanced user management, a live content
management and a <strong>fully operationnal forum</strong> were
created from scratch to support very specific needs.
</p>
</div>
<div class="col-lg-3 col-lg-offset-1 col-md-5">
<h4>Visionn'Arts.net</h4>
<p>
Creation of an artist directory with songs and videos.
<strong>Full management available contextually</strong> on the
website for easy administration. Featuring search engine, event
calendar and a subscribtion system.
</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="slide hidden-slide">
<article class="col-md-9 col-md-offset-1 ">
<div class="col-md-4">
<h2 class="strong">Lead programmer</h2>
<p class="nopadding">From June 2009</p>
<p class="nopadding">To February 2011</p>
<div class="note">
<p>Diagram Communication offers a wide range of services around providing the best web exposure to its customers.</p>
<p>This small buisiness aims for quality and perfection when helping their customers.</p>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h3>Missions</h3>
<ul>
<li>Build up entire websites starting from designers' Photoshop layout.
</li>
<li>Meet all <strong>web standards</strong> and assure a <strong>pixel perfect positioning</strong> on all browsers available on the market.
</li>
<li>Create all managing tools needed by each project to provide a <strong>fully autonomous CMS integration</strong>.
</li>
<li>Work on improvements for different CMSMadeSimple modules to speed production and users' ease of use.
</li>
<li>Provide fully billingual, <strong>SEO friendly</strong> and manageable websites.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>This offered the chance to...</h3>
<div class="col-md-3">
<h4>Create Atmosphäre.com</h4>
<p>
Complete website programmation using CMSMadeSimple. Custom
modules were created to <strong>support multiple
languages</strong>, products list and sitemap.<br><a href="http://www.atmosphare.com/" target="_blank">View Website</a>
</p>
</div>
<div class="col-md-3 col-md-offset-1">
<h4>Develop CMS modules</h4>
<p>
Numerous modules were created to produce categorized catalogues. Multiple enhancements and adjustments were done to an in-house <strong>module creator</strong> and other open modules.
</p>
</div>
<div class="col-md-3 col-md-offset-1">
<h4>Tame Internet Explorer 6</h4>
<p>
Supporting <strong>multiple browsers</strong> is a lot easier now than before. Learning how each browser behave and <i>please</i> them <strong>all at once</strong> was nothing easy and testing was long and hard.
</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="slide hidden-slide">
<article class="col-md-9 col-md-offset-1 ">
<div class="col-md-4">
<h2 class="strong">Chief of GUI Developments</h2>
<p class="nopadding">Since April 2012</p>
<div class="note">
<img src="img/trflogo_graph2.png" alt="TRF Retail Logo"/>
<p>TRF Retail aims at optimizing the stocks and assortments of big retailers with their SaaS platform.</p>
<p>This international buisiness brings intelligence and knowledge to provide tools unmatched by current BI softwares.</p>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h3>Missions</h3>
<ul>
<li>
Participate in the <strong>full stack development</strong> while concentrating on Front-End.
</li>
<li>
Develop tools and objects to facilitate back-end developers work and assure design coherence.
</li>
<li>
Share ideas about <strong>UI</strong>, <strong>Gamification</strong> and other user oriented features and upgrades leveraging my huge experience.
</li>
<li>
Keep the product's feel and look at a <strong>high quality standard</strong>.
</li>
<li>
Work in pair with designers to improve old parts while creating new content.
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>This offers the chance to...</h3>
<div class="col-md-3">
<h4>Work as a team</h4>
<p>
The R&D part being small, every collaborator has their specialization which requires good <strong>communication skills</strong>. Training and helping also is an every day activity.
</p>
</div>
<div class="col-md-3 col-md-offset-1">
<h4>Start from scratch</h4>
<p>
Although many libraries are available out there, they usually do more than what is strictly needed. As <strong>optimization</strong> is a very big concern, most tools are <strong>home made</strong> to do exactly the required.
</p>
</div>
<div class="col-md-3 col-md-offset-1">
<h4>Use a Framework</h4>
<p>
Zend Framework 1 is the framework chosen for the task. Most of its features remain unused, but its <strong>MVC</strong> structure was what we needed.
</p>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</section>
<section class="container-fluid skills" id="skills">
<div class="row">
<div class="col-md-offset-1 col-md-5 text-right">
<h1>Mathieu's skills and interests</h1>
<p class="lead bigger toppadded">
<strong>Computers</strong> have been the <strong>fascination of a lifetime</strong>, working with them is a <strong>dream</strong> come true.
<strong>Trying</strong> something new, finding solutions and problems is an every day hobby.
</p>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-heart fa-fw"></i>
<h3>Favorite missions</h3>
GUI planning and implementation<br/>
Development of libraries
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-key fa-fw"></i>
<h3>Keys to success</h3>
Always prone to innovation<br/>Respectful of standards
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-magnet fa-fw"></i>
<h3>Currently attracted by</h3>
NodeJS, Gamification<br/> Bootstrap, HTML5, Phones
</div>
</div>
<div class="col-lg-6 text-left vertical-padding">
<div class="info-pill">
<i class="fa fa-flag-checkered fa-fw"></i>
<h3>Achievement hungry</h3>
Takes pride in every project<br> Finished work has to be perfect
</div>
</div>
</div>
<div class="col-md-4 toppadded">
<h4 class="text-center"><i class="fa fa-comment fa-fw"></i>Flawless french and english communication skills.</h4>
<h3 class="strong">Software Masteries</h3>
<div class="skill-label">Eclipse</div><div class="skill-bar"><div style="width:90%;"></div></div>
<div class="skill-label">VirtualBox</div><div class="skill-bar"><div style="width:80%;"></div></div>
<div class="skill-label">Microsoft Office</div><div class="skill-bar"><div style="width:90%;"></div></div>
<div class="skill-label">Adobe CS</div><div class="skill-bar"><div style="width:80%;"></div></div>
<div class="skill-label">PHPMyAdmin</div><div class="skill-bar"><div style="width:80%;"></div></div>
<div class="skill-label">LAMP</div><div class="skill-bar"><div style="width:60%;"></div></div>
<div class="skill-label">WAMP</div><div class="skill-bar"><div style="width:70%;"></div></div>
<h3 class="strong">Technical Skills</h3>
<div class="skill-label">PHP</div><div class="skill-bar"><div style="width:90%;"></div></div>
<div class="skill-label">HTML 5</div><div class="skill-bar"><div style="width:70%;"></div></div>
<div class="skill-label">CSS 3</div><div class="skill-bar"><div style="width:70%;"></div></div>
<div class="skill-label">Less</div><div class="skill-bar"><div style="width:80%;"></div></div>
<div class="skill-label">MySQL</div><div class="skill-bar"><div style="width:70%;"></div></div>
<div class="skill-label">JavaScript</div><div class="skill-bar"><div style="width:90%;"></div></div>
<div class="skill-label">ZendFramework</div><div class="skill-bar"><div style="width:50%;"></div></div>
</div>
</div>
</section>
<section class="container-fluid contact" id="contact">
<div class="row">
<div class="col-md-offset-1 col-md-5 text-right">
<h1>Mathieu's contact</h1>
</div>
</div>
<div class="row">
<div class="col-md-offset-3 col-md-6 text-right">
<div id="scrolling-news" class="jumbotron aboutme text-center">
<h2>Let's keep in touch!</h2>
<p>
I'd be happy to read from you if my profile interests you.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-1 col-md-10 text-center">
</div>
<div class="col-md-5 text-left">
</div>
<div class="col-md-offset-1 col-md-10 text-center copyright toppadded">
<address>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="160px" height="160" viewBox="0 0 160 131.36" enable-background="new 0 0 160 131.36" xml:space="preserve" id="logo"><style>.style0{fill: #FFFFFF;}.style1{stroke: #000000;stroke-miterlimit: 10;}</style><path d="M160 60.67v10h-23.89c-0.301 3.43-0.91 6.77-1.801 10C127.741 104.5 105.9 122 80 122 c-22.92 0-42.641-13.69-51.431-33.33h24.171c0.02 0 0 0.1 0.1 0.07c0.25 0.3 0.5 0.6 0.8 0.9 c0.04 0.1 0.1 0.1 0.1 0.15c0.311 0.3 0.6 0.7 0.9 0.99c0.22 0.2 0.5 0.5 0.7 0.67c0.23 0.2 0.5 0.4 0.7 0.6 c0.12 0.1 0.2 0.2 0.4 0.32c0.109 0.1 0.2 0.2 0.3 0.31c0.48 0.4 1 0.8 1.5 1.2c0.25 0.2 0.5 0.4 0.8 0.6 c0.319 0.2 0.6 0.5 1 0.69c0.25 0.2 0.5 0.3 0.8 0.5s0.51 0.3 0.8 0.47c0.511 0.3 1 0.6 1.6 0.9 c0.561 0.3 1.1 0.6 1.7 0.87c0.289 0.1 0.6 0.3 0.9 0.4c0.301 0.1 0.6 0.3 0.9 0.38c0.6 0.2 1.2 0.5 1.8 0.7 c0.21 0.1 0.4 0.1 0.6 0.21c0.061 0 0.1 0.1 0.2 0.07c0.05 0 0.1 0 0.2 0.05c0.029 0 0.1 0 0.1 0 c0.26 0.1 0.5 0.2 0.8 0.24c0.31 0.1 0.6 0.2 0.9 0.26c0.69 0.2 1.4 0.3 2.1 0.48c0.24 0 0.5 0.1 0.7 0.1 c0.26 0.1 0.5 0.1 0.8 0.13c0.34 0.1 0.7 0.1 1 0.14c0.2 0 0.4 0 0.6 0.06c0.28 0 0.6 0.1 0.9 0.1 c0.3 0 0.6 0 0.9 0.06c0.04 0 0.1 0 0.1 0.01c0.06 0 0.1 0 0.2 0.01c0.13 0 0.3 0 0.4 0 c0.39 0 0.8 0 1.2 0.02c14.34 0 26.7-8.46 32.37-20.66c1.45-3.11 2.46-6.47 2.95-10H0v-10h23.89c0.3-3.43 0.91-6.77 1.8-10 C32.25 26.8 54.1 9.3 80 9.33c22.92 0 42.6 13.7 51.4 33.34h-24.17C100.72 34.9 90.9 30 80 30 c-14.34 0-26.71 8.46-32.37 20.67c-1.45 3.11-2.46 6.47-2.95 10H160z" class="style0"/><path d="M160 50.67v10H44.68c0.49-3.53 1.5-6.89 2.95-10C53.291 38.5 65.7 30 80 30 c10.93 0 20.7 4.9 27.3 12.67h24.17C122.64 23 102.9 9.3 80 9.33c-25.92 0-47.75 17.5-54.311 41.3 c-0.89 3.23-1.5 6.57-1.8 10H0v-10h16.05C22.84 21.6 48.9 0 80 0s57.16 21.6 64 50.67H160z" class="style1"/><path d="M0 80.69v-10h115.321c-0.49 3.529-1.5 6.89-2.95 10 C106.71 92.9 94.3 101.4 80 101.36c-10.93 0-20.72-4.92-27.26-12.67H28.57c8.79 19.6 28.5 33.3 51.4 33.3 c25.92 0 47.75-17.5 54.31-41.34c0.891-3.23 1.5-6.57 1.8-10H160v10h-16.05c-6.79 29.04-32.84 50.67-63.95 50.7 S22.84 109.7 16.1 80.69H0z" class="style1"/></svg>
<br>
<strong>Mathieu Parent</strong><br>
<strong id="ninja"><b></b><b></b><b></b><b></b></strong><br>
@Salketer
</address>
<p class="toppadded">Copyright © 2015 Mathieu Parent</p>
</div>
</div>
</section>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function() {
var windowSizeChange = function() {
$('.height-to-width').height(function() {
return $(this).width();
});
$('#affix-nav').affix();
var newOffset = {
top : $('#affix-nav').offset().top-parseInt($('#affix-nav').css('margin-top'),10),
bottom : 10
};
$('#affix-nav').data('bs.affix').options.offset = newOffset;
$('.slide-group').height(function() {
var maxHeight = 0;
// if($(this).find('.hidden-slide').is(':visible')){
// return ;
// }else{
maxHeight = null;
$(this).find('.slide').each(function() {
if ($(this).css('position')!=='static' && $(this).height() > maxHeight) {
maxHeight = $(this).height();
}
});
return maxHeight;
// }
});
};
$(window).resize(function() {
windowSizeChange();
});
windowSizeChange();
$('.sliding-content .slider-btn').click(
function() {
var $this = $(this);
$this.siblings().removeClass('active');
$this.addClass('active');
var $target = $this.closest('.sliding-content')
.find('.slide').eq($this.index()).trigger('tracking:slide-display');
$target.siblings().addClass('hidden-slide')
.removeClass('active-slide');
$target.removeClass('hidden-slide');
window.setTimeout(function() {
$target.addClass('active-slide');
}, 1);
}
);
$('#affix-nav').on('activate.bs.scrollspy', function (e) {
$link = $(this).find("li.active a");
var hash = $link.attr("href");
ga('set', {
page: '/'+hash,
title: $(hash).find('h1').text()
});
ga('send', 'pageview');
});
$('a[target=_blank]').on('click',function(){
ga('send', 'event', 'click', 'outbound', $(this).prop('href'));
});
$('.slide').on('tracking:slide-display',function(){
ga('send', 'event', 'click', 'slide-display', $(this).find('h2').text());
});
});
</script>
</body>
</html>