<!DOCTYPE HTML>
<html lang="fr">
	<head>
		<title>C.V. Olivier Massot</title>
		<meta charset="utf-8" />
		<meta name="robots" content="noindex">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="Curriculum Vitae">
		<meta name="author" content="Olivier Massot">
		
		<link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../assets/css/main.css" />
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="../assets/js/skel.min.js"></script>
		<script src="../assets/js/util.js"></script>
		<script src="../assets/js/main.js"></script>
	</head>
	
	<body>

		<a id="scrolltop" class="scroll" title="Retour"><i class="fa fa-arrow-circle-o-up"></i></a> 

		<!-- Header -->
		<header id="header">
			<div class="inner">
				<a href="#" class="logo"><strong>C.V.</strong> Olivier Massot</a>
				<nav id="nav">
					<a class="scroll" href="#cursus">Story / Skills</a>
					<a class="scroll" href="#realisations">Achievements</a>
					<a class="scroll" href="#contact">Contact</a>
				</nav>
				<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
			</div>
		</header>

		<!-- Banner -->
		<section id="banner">
			<div class="inner">
				<header>
					<h1>Fullstack Developer</h1>
				</header>
				
				<p>8 years or professional experience, Engineer, Remote only</p>

				<p><i class="fa fa-quote-left" aria-hidden="true"></i> 
				Agile fullstack dev, I worked for the last 10 years on various subjects, from web to desktop applications, data-science, qgis plugins, 
				CI / CD and unit-testing, deep-learning and NLP, network diagnosis and so on. I like to learn, to work with a team, and to be proud 
				of a well-working solution that users and maintainers can enjoy.
				<i class="fa fa-quote-right" aria-hidden="true"></i> 
				</p>

				<p>Find me on
					<a href='https://stackoverflow.com/story/olivier-massot' target='blank_' style='vertical-align: -10px;'>
						<img src="../images/so-logo.svg" width='170px;' alt="Stackoverflow">
					</a> 
					and
					<a href='https://www.codingame.com/profile/75dcc329745def530c02ddb4485f22235683081' target='blank_' style='vertical-align: -10px;'>
						<img src="../images/CodinGame_Logo.svg" width='170px;' alt="CodeInGame">
					</a>
				</p>

				<br/>
			</div>
		</section>

		<!-- Main -->
		<section id="main" class="wrapper align-left">
			<div class="inner container">
				<section id="cursus" class="row">
					<div id="competences" class="col-md-8">
						<header>
							<h2>Skills</h2>
						</header>

						<table class="table-wrapper">
							<caption>Development</caption>
							<tbody>
								<tr>
									<th>Servers / OS</th>
									<td>Ubuntu, Debian, CentOS, Windows, Windows Server</td>
								</tr>
								<tr>
									<th>Languages</th>
									<td>Python, C#/.Net, Html5/CSS/Javascript, SQL, Node.js, Shell, Php7</td>
								</tr>
								<tr>
									<th>Frameworks</th>
									<td>.Net MVC, Django, Flask, JQuery</td>
								</tr>
								<tr>
									<th>IDE</th>
									<td>Eclipse, Visual Studio, VsCode, Qt Creator</td>
								</tr>
								<tr>
									<th>DBMS </th>
									<td>Postgres / Postgis, SQL Server, SQLite, Mysql, Oracle</td>
								</tr>
								<tr>
									<th>SCM and Repositories Managers</th>
									<td>Git, Github, Bitbucket, Gitlab</td>
								</tr>
								<tr>
									<th>CI /CD</th>
									<td>Gitlab CI /CD, Travis, Jenkins, unittest, mkdocs</td>
								</tr>
								<tr>
									<th>Others</th>
									<td>Umbraco (CMS), NLP et chatbots, search engines (SolR), Nextcloud</td>
								</tr>
							</tbody>
						</table>

						<footer>
						</footer>
					</div>
					<div id="timeline" class="col-md-4 table-wrapper">
						<header>
							<h2>Cursus</h2>
						</header>
						<table>
							<tbody>
								<tr>
									<th class="important">2008-2011</th>
									<td>
										Engineering School (ENGEES Strasbourg)
									</td>
								</tr>
								
								<tr>
									<th class="important">2011-2016</th>
									<td>Project manager on Information System, 
										at Conseil Départemental du Bas-Rhin (France, 67)</td>
								</tr>

								<tr>
									<th class="important">2016-2018</th>
									<td>Project manager / Developer, 
										at Conseil Départemental du Bas-Rhin (France, 67)</td>
								</tr>

								<tr>
									<th class="important">2018-2019</th>
									<td>Project manager / Developer, 
										at Manche Numérique (France, 50)</td>
								</tr>
							</tbody>
						</table>
						<footer>
						</footer>
					</div>

				</section>

				<section id="realisations" class="row">
					<header>
						<h2>Some achievements</h2>
						<span class="btn-bar disabled">
							<a class="slider-btn btn-left icon fa fa-arrow-left"></a>
							<a class="slider-btn btn-right icon fa fa-arrow-right"></a>
						</span>
					</header>

					<div class="galerie-container">
						<div class="galerie">
							<div class="card">
								<div class="img-container"><img src="../images/pimp.png" alt=""></div>
								<p><b>Public procurements</b><br/>Web Application for public procurements management, with .Net MVC and SolR</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/pardit.png" alt=""></div>
								<p><b>DICT</b><br/>automatic generation of answers to the DICT, with Python / Qt5</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/backlog.png" alt=""></div>
								<p><b>Backlog</b><br/>Project backlog and sprints monitoring, with Python / Django</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/csig.png" alt=""></div>
								<p><b>Water networks monitoring</b><br/>Automatic generation of sites cartography (QGis addon, with python + Qt5)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/mncheck.png" alt=""></div>
								<p><b>MnCheck</b><br/>Checking and integration of FFTH data (QGis addon, with python + Qt5)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/doc.png" alt=""></div>
								<p><b>CD</b><br/>Continuous deployment of documentation (Gitlab CI / CD)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/script_pde.png" alt=""></div>
								<p><b>Billing</b><br/>Scripts for automatic billing, écrit en Python</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/mobiparc.png" alt=""></div>
								<p><b>Activity monitoring </b><br/>Portable web app (PWA) for construction sites work reporting</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="../images/librh.png" alt=""></div>
								<p><b>Human resources library</b><br/>Documents library for human ressources (Python + Qt5)</p>
							</div>
						</div>
					</div>
				</section>
			</div>
		</section>

		<div id="img-modal" class="modal">
			<span class="close">&times;</span>
			<img>
			<div class="caption"></div>
		</div>

		<!-- Footer -->
		<footer id="footer">
			<div class="inner">
				<section id="contact">
					<h3>Contact</h3>

					<form  id="contactform" name="contactform" method="post" accept-charset="utf-8">

						<div class="field half first">
							<label for="email">Your email</label>
							<input name="email" id="email" type="email" placeholder="Email">
						</div>
						<div class="field half">
							<label for="name">Name, Company (optional)</label>
							<input name="name" id="name" type="text" placeholder="Name, Company">
						</div>
						<div class="field">
							<label for="message">Message</label>
							<textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
						</div>
						<input name="iehack" type="hidden" value="&#9760;" />
						<ul class="actions">
							<li><input value="Send" class="button alt" type="submit"></li>
						</ul>
					</form>
					<?php
						if(isset($_POST['email'])) {

							$email_to = "olivier.massot@ogene.fr";
							$email_subject = "Message de cv.ogene.fr";
						
							function died($error) {
								// your error code can go here
								echo "<p>A problem occures with data validation:<br /><br />";
								echo $error."<br /><br />";
								die();
							}
						
							// validation expected data exists
							if(!isset($_POST['name']) ||
								!isset($_POST['email']) ||
								!isset($_POST['message'])) {
								died("<p>An error occured while sending your message, please check your inputs or retry later</p>");       
							}
						
							$name = $_POST['name']; // required
							$email_from = $_POST['email']; // required
							$message = $_POST['message']; // required
						
							$error_message = "";
							$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
						
							if(!preg_match($email_exp,$email_from)) {
								$error_message .= 'A valid email is required<br />';
							}
							
							if(strlen($message) < 2) {
								$error_message .= "Missing message<br />";
							}
							
							if(strlen($error_message) > 0) {
								died($error_message."</p>");
							}
						
							$email_message = "Envoyé depuis le CV en ligne:\n\n";
						
							function clean_string($string) {
								$bad = array("content-type","bcc:","to:","cc:","href");
								return str_replace($bad,"",$string);
							}
						
							$email_message .= "Nom: ".clean_string($name)."\n";
							$email_message .= "Email: ".clean_string($email_from)."\n";
							$email_message .= "Message: ".clean_string($message)."\n";
						
							// create email headers
							$headers = 'From: '.$email_from."\r\n".
							'Reply-To: '.$email_from."\r\n" .
							'X-Mailer: PHP/' . phpversion();
							@mail($email_to, $email_subject, $email_message, $headers); 
							
						?><p>Votre message a bien été envoyé</p><?php
						}
					?>
				</section>
			
				<div class="copyright">
					&copy; Credits -  Template: <a href="https://templated.co">templated.co</a>
				</div>

			</div>
		</footer>

	</body>
</html>