-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdraft.html
More file actions
200 lines (191 loc) · 11.5 KB
/
draft.html
File metadata and controls
200 lines (191 loc) · 11.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Michael Lefebvre • full-stack web develpper • Paris, France</title>
<meta name="description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 15 years of experience in the industry. I'm in love with Javascript, CSS, MongoDb and all that stuff.">
<!-- Metadata -->
<meta name="twitter:title" content="Michael Lefebvre ">
<meta name="twitter:description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 15 years of experience in the industry. I'm in love with Javascript, CSS, MongoDb and all that stuff.">
<meta name="twitter:image" content="TODO ADD IMAGE">
<meta property="og:title" content="Michael Lefebvre - full-stack develpper - Paris, France">
<meta property="og:url" content="http://www.michael-lefebvre.co">
<meta property="og:description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 15 years of experience in the industry. I'm in love with Javascript, CSS, MongoDb and all that stuff.">
<meta property="og:image" content="TODO ADD IMAGE">
<meta property="og:type" content="website">
<link rel="stylesheet" href="/assets/css/michael-lefebvre.css">
</head>
<body>
<div class="bkgd"></div>
<div class="container">
<div class="content">
<div class="tagline">
<div>
<h3 class="ff-regular u-tl" style="font-size: 1.5vw">
oh<br>
<span class="ff-italic" style="font-size: 5vw">hai</span>,
</h3>
<h1 class="ff-serif u-tr" style="margin:8vh 0; font-size: 2vw; line-height:.95">
my name is
<strong class="ff-bold u-db co-primary" style="font-size: 3vw; margin-top:1vh; letter-spacing:-.05em; word-spacing:.07em">Michael Lefebvre</strong>
</h1>
<p class="u-tr ff-regular" style="line-height:1.65">
I'm a <i class="ff-italic" style="font-size:1.55vw">full-stack web developer</i><br>
working at <a href="http://efounders.co/" target="_blank" class="co-primary strong">eFounders</a>, Paris, FR.
</p>
<hr class="hr hr--right">
</div>
</div><!--./tagline -->
<div class="u-tl" style="margin-bottom:15vh">
<p class="ff-italic" style="margin-bottom:2vh; font-size:2vw">In a nutshell, or kinda</p>
<ul class="ff-regular" style="font-size:1vW; list-style: disc; padding: 15px; margin:0">
<li style="margin-bottom:1vh; line-height:1.65">
I'm a <strong>passionate</strong> web workers for 15 years;
</li>
<li style="margin-bottom:1vh; line-height:1.65">
I was freelance and I worked for agencies<br>
like <strong>Ultranoir</strong> and <strong>Happyend</strong>;
</li>
<li style="margin-bottom:1vh; line-height:1.65">
I mainly code in <strong>Javascript</strong> and <strong>PHP</strong>;
</li>
<li style="margin-bottom:1vh; line-height:1.65">
I craft and organize clean HTML/CSS<br>
to deliver <strong>pixel perfect</strong> and <strong>maintenable</strong> pages;
</li>
<li style="margin-bottom:1vh; line-height:1.65">
I love to design <strong>applications architectures</strong><br>
and <strong>databases schemas</strong>;
</li>
</ul>
<hr class="hr hr--left">
</div>
<p class="u-tr" style="line-height:1.55; margin-bottom:5vh; font-size:1.6vw">
As a <i class="ff-italic">developer</i> I worked<br>
on cool projects such as:
</p>
<ul class="projects">
<li class="projects__row">
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Squid for Mac And iOS</h3>
<a href="https://getsquiddone.com" target="_blank" class="co-primary" style="font-size:1vw">gets#!@*done.com</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
Squid is a Github issues client for Mac OS X and iOS platforms. It started as a playground to learn react.js framework by displaying user's repositories into an app available straight from the desktop menu bar. The project recently switch to a cross-platforms tool to ease bugs reporting and assigned tasks management. Work is in progress but you still can visit the original draft at <a href="https://github.com/michael-lefebvre/Squid" target="_blank" class="co-primary" style="font-size:1vw">github.com/michael-lefebvre/Squid</a>
</p>
</div>
</div>
<a href="https://getsquiddone.com" target="_blank" class="projects__screen">
<img src="/assets/img/project-squid.jpeg" alt="Squid for OS X alpha screenshot">
</a>
</li>
<li class="projects__row">
<a href="http://landing.mobee.tm.mc/" target="_blank" class="projects__screen">
<img src="/assets/img/project-mobee.jpg">
</a>
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Mobee</h3>
<a href="http://landing.mobee.tm.mc/" target="_blank" class="co-primary" style="font-size:1vw">mobee.tm.mc</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
Mobee is a innovative car-sharing service based on the principle of free floating. Project's keywords were "triangles" and "scroll-jacking", I think we reach the objectifs.
</p>
</div>
</div>
</li>
<li class="projects__row">
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Thrust</h3>
<a href="http://thrust.fr/" target="_blank" class="co-primary" style="font-size:1vw">thrust.fr</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
Thrust is a SAAS application for osteopath on desktop and mobile. The app manage patients history, practitioner agenda and accounting. It provide an analytics on techniques and practices used during consultations. Data are automatically sync between shared offices workstations and mobile devices.
</p>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
My first project as freelance. I designed the servers architecture, wrote the REST API, build the desktop application for Mac OS X and Window, setup payment gateway and made the website in 4 moyhs. Pretty proud.
</p>
</div>
</div>
<a href="http://thrust.fr/" target="_blank" class="projects__screen">
<img src="/assets/img/project-thrust-web4.jpg">
</a>
</li>
<li class="projects__row">
<a href="http://www.dagobert.com/" target="_blank" class="projects__screen">
<img src="/assets/img/project-dagobert.png">
</a>
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Dagobert</h3>
<a href="http://dagobert.com" target="_blank" class="co-primary" style="font-size:1vw">dagobert.com</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
The first and only 8 hands made project with my brothers from <strong>la Piscine</strong>.
</p>
</div>
</div>
</li>
<li class="projects__row">
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Gifrocket</h3>
<a href="http://www.gifrocket.com/" target="_blank" class="co-primary" style="font-size:1vw">gifrocket.com</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
A Mac OS X application that convert video to animated GIF with a simple drag'n drop. Made in 24h on a lonley summer weekend.
</p>
</div>
</div>
<a href="http://www.gifrocket.com/" target="_blank" class="projects__screen">
<img src="/assets/img/project-gifrocket.jpg">
</a>
</li>
<li class="projects__row">
<a href="http://jobsisfree.com/" target="_blank" class="projects__screen">
<img src="/assets/img/project-jobs.jpg">
</a>
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">JOBS</h3>
<a href="http://jobsisfree.com/" target="_blank" class="co-primary" style="font-size:1vw">jobsisfree.com</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
Promotional website for the movie.
</p>
</div>
</div>
</li>
<li class="projects__row">
<div class="project__details u-tl">
<div>
<h3 class="ff-medium" style="font-size:2vw">Tapioca</h3>
<a href="http://www.tapioca.io/" target="_blank" class="co-primary" style="font-size:1vw">tapioca.io</a>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
A Schema Driven Data Engine - or a structure free CMS - based on MongoDB with a RESTFULL API. This is my main side project for the last 3 years and it works in production on websites like <a href="http://www.84paris.com" target="_blank" class="co-title">84paris</a>, <a href="http://www.sismodesign.com/" target="_blank" class="co-title">Sismo Design</a> and <a href="http://www.bouffesdunord.com/" target="_blank" class="co-title">le Théâtre Des Bouffes Du Nord</a>.
</p>
<p class="ff-regular" style="margin-top: 3vh; font-size:1vw; line-height:1.8">
I am working to release a SAAS version of this project.
</p>
</div>
</div>
<a href="http://www.tapioca.io/" target="_blank" class="projects__screen">
<img src="/assets/img/project-tapioca.jpg">
</a>
</li>
</ul>
<p class="u-tr ff-regular" style="width:45%; margin-left:55%; line-height:1.5; padding-bottom: 10vh">I also worked for companies like <span class="ff-italic" style="font-size:1.3vw">Dior, Samsung, Clarins, Diesel, Guerlain, Bénénuts, le Pavillon de l'Arsenal, Roger Dubuis, le Mondial de l'Automobile, Generali, Société Générale, Air France KML</span>...</p>
<hr class="hr hr--right">
<div class="u-tl" style="margin-bottom:20vh; margin-top: 15vh">
<p class="ff-italic" style="margin-bottom:2vh; font-size:2vw">Social stuff</p>
<ul class="ff-regular" style="font-size:1vW; list-style: disc; padding: 15px; margin:0">
<li style="margin-bottom:1vh; line-height:1.65">
you can try to catch my on <a href="https://twitter.com/lefebvremichael" target="_blank" class="co-title">Twitter</a><br>
but to be honest I not a social person;
</li>
<li style="margin-bottom:1vh; line-height:1.65">
I share codes on <a href="https://github.com/michael-lefebvre" target="_blank" class="co-title">Github</a><br>
but I keep the best part for me;
</li>
</ul>
</div>
</div><!-- /.content -->
</div><!-- /.container -->
</body>
</html>