first commit
This commit is contained in:
152
index.html
Normal file
152
index.html
Normal file
@@ -0,0 +1,152 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||||
|
<title>Samuel Goutenoir — Resume</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="site-header">
|
||||||
|
<div class="container header-inner">
|
||||||
|
<div>
|
||||||
|
<h1 class="name">GOUTENOIR SAMUEL</h1>
|
||||||
|
<p class="subtitle">Embedded Electrical Engineer</p>
|
||||||
|
<!-- <p class="contact">44A Allée du Square de Lausanne, 01220 Divonne les Bains, France • +33 (0)6 33 51 12 97 • <a href="mailto:sam@blackdrop.fr">sam@blackdrop.fr</a></p> -->
|
||||||
|
</div>
|
||||||
|
<!-- <div class="actions">
|
||||||
|
<a class="btn" href="cv_goutenoir.pdf" download>Download PDF</a>
|
||||||
|
<button id="printBtn" class="btn">Print</button>
|
||||||
|
<button id="themeToggle" class="btn">Toggle Theme</button>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="container">
|
||||||
|
<section id="profile">
|
||||||
|
<h2>Profile</h2>
|
||||||
|
<p>I’m an experienced electronics and software engineer with over 10 years of building smart, integrated systems. I love combining coding, mechanical design, and automation to create real, working solutions whether it’s PLC programming, developing software from scratch, or designing with CAD tools like SolidWorks. I’m hands-on, enjoy solving problems from all angles, and thrive in environments where I can take initiative and bring ideas to life.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="skills">
|
||||||
|
<h2>Key Skills</h2>
|
||||||
|
<div class="skills-grid">
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">💻</span>
|
||||||
|
<div>
|
||||||
|
<strong>Software Development</strong><br>
|
||||||
|
C/C++, Python, JavaScript, REST APIs, Labview
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">⚙️</span>
|
||||||
|
<div>
|
||||||
|
<strong>Automation & Control</strong><br>
|
||||||
|
PLC programming fundamentals, real-time system design
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">🛠️</span>
|
||||||
|
<div>
|
||||||
|
<strong>CAD/Mechanical Design</strong><br>
|
||||||
|
SolidWorks, Sketchup
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">🌐</span>
|
||||||
|
<div>
|
||||||
|
<strong>IT Infrastructure & Networking</strong><br>
|
||||||
|
Ethernet networks, Linux server administration
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">🚀</span>
|
||||||
|
<div>
|
||||||
|
<strong>DevOps & Automation</strong><br>
|
||||||
|
Git/GitFlow, Docker, CI/CD pipelines
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skill-item">
|
||||||
|
<span class="skill-icon">🔌</span>
|
||||||
|
<div>
|
||||||
|
<strong>Embedded Systems</strong><br>
|
||||||
|
CAN, UART, MQTT, PCB design and integration
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="experience">
|
||||||
|
<h2>Professional Experience</h2>
|
||||||
|
|
||||||
|
<article class="job">
|
||||||
|
<h3>Embedded Electronic Engineer — EH Group Engineering AG</h3>
|
||||||
|
<p class="meta">Nyon, Switzerland • 03.2021 – Present</p>
|
||||||
|
<ul>
|
||||||
|
<li>Managed the IT infrastructure (Ethernet network and DECT Phones)</li>
|
||||||
|
<li>Designed and implemented Edge ECUs (C++) for data acquisition in hydrogen fuel cell systems</li>
|
||||||
|
<li>Developed internal tools and dashboards for data visualization based on open source software (IoT, Python)</li>
|
||||||
|
<li>Managed servers, Full Stack Software and DevOps pipelines (Git, Docker)</li>
|
||||||
|
<li>Built custom PCBs (KiCAD) and integrated communication protocols (CAN, UART, I2C, LIN, MQTT)</li>
|
||||||
|
<li>Developed PLC software for fuel cell test benches with HMI solutions</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="job">
|
||||||
|
<h3>Electronics R&I Engineer — Plastic Omnium Sigmatech</h3>
|
||||||
|
<p class="meta">Plaine de l’Ain, France • 07.2016 – 04.2019</p>
|
||||||
|
<ul>
|
||||||
|
<li>Electronic design and firmware development for proof-of-concept devices</li>
|
||||||
|
<li>Managed on-site deployment and demonstration of prototypes at events such as the Paris Auto Show</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="job">
|
||||||
|
<h3>Mechatronics R&D Engineer — Mosquito Europe</h3>
|
||||||
|
<p class="meta">Bourg-en-Bresse, France • 06.2014 – 06.2016</p>
|
||||||
|
<ul>
|
||||||
|
<li>Developed embedded control systems for light helicopters (C++, Android)</li>
|
||||||
|
<li>Handled full mechatronics integration of a governor (cruise control for helicopters)</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="education">
|
||||||
|
<h2>Education</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Master’s Degree – Electrical Engineering (Embedded Systems & Control)</strong>, UTBM — 2010-2014<br>Internship at Fives Cinetic as Automation Engineer</li>
|
||||||
|
<li><strong>DUT – Electrical Engineering and Industrial Computing</strong>, IUT Lyon 1 — 2008-2010<br>Internship at CEGEP, Quebec City, as Software Developer</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="languages">
|
||||||
|
<h2>Languages</h2>
|
||||||
|
<ul>
|
||||||
|
<li>French: Native</li>
|
||||||
|
<li>English: Fluent (TOEIC 975 / BULATS 91)</li>
|
||||||
|
<li>Italian: Basic</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="certs">
|
||||||
|
<h2>Certifications & Interests</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Low-voltage & High-voltage electrical certifications</li>
|
||||||
|
<li>First aid certification (PSC1)</li>
|
||||||
|
<li>Driving licenses: Car, Motorcycle, Boat</li>
|
||||||
|
<li>Hobbies: DIY projects, mountaineering, travel, art & craft, food forest</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- <section id="pdf-embed">
|
||||||
|
<h2>Full PDF</h2>
|
||||||
|
<p>You can view or download the original CV below.</p>
|
||||||
|
<div class="pdf-wrapper">
|
||||||
|
<iframe src="cv_goutenoir.pdf" title="cv" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
</section> -->
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
script.js
Normal file
16
script.js
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', function(){
|
||||||
|
const themeToggle = document.getElementById('themeToggle');
|
||||||
|
const printBtn = document.getElementById('printBtn');
|
||||||
|
|
||||||
|
if(themeToggle){
|
||||||
|
themeToggle.addEventListener('click', ()=>{
|
||||||
|
document.body.classList.toggle('dark');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if(printBtn){
|
||||||
|
printBtn.addEventListener('click', ()=>{
|
||||||
|
window.print();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
68
styles.css
Normal file
68
styles.css
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
:root{
|
||||||
|
--bg:#ffffff;
|
||||||
|
--text:#111827;
|
||||||
|
--muted:#6b7280;
|
||||||
|
--accent:#0ea5a4;
|
||||||
|
--container-width:900px;
|
||||||
|
}
|
||||||
|
*{box-sizing:border-box}
|
||||||
|
html,body{height:100%}
|
||||||
|
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; margin:0; background:var(--bg); color:var(--text); line-height:1.5}
|
||||||
|
.container{max-width:var(--container-width); margin:0 auto; padding:24px}
|
||||||
|
.site-header{background:linear-gradient(90deg,#f8fafc,#eef2ff); border-bottom:1px solid #e6e9ef}
|
||||||
|
.header-inner{display:flex; align-items:center; justify-content:space-between}
|
||||||
|
.name{margin:0; font-size:1.6rem; letter-spacing:0.02em}
|
||||||
|
.subtitle{margin:4px 0 8px; color:var(--muted)}
|
||||||
|
.contact{margin:0; color:var(--muted); font-size:0.95rem}
|
||||||
|
.actions{display:flex; gap:8px; align-items:center}
|
||||||
|
.btn{background:var(--accent); color:white; border:none; padding:8px 12px; border-radius:6px; text-decoration:none; cursor:pointer; font-weight:600}
|
||||||
|
.btn:hover{opacity:0.95}
|
||||||
|
main{padding:28px 0}
|
||||||
|
section{margin-bottom:22px}
|
||||||
|
h2{margin:0 0 16px; font-size:2rem; color:var(--text); font-weight:700}
|
||||||
|
.skills-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||||
|
gap: 14px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.skill-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
background: #f3f4f6;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 14px 16px;
|
||||||
|
gap: 14px;
|
||||||
|
color: var(--text);
|
||||||
|
box-shadow: 0 1px 2px rgba(0,0,0,0.02);
|
||||||
|
}
|
||||||
|
.skill-icon {
|
||||||
|
font-size: 2rem;
|
||||||
|
margin-right: 8px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
.job{margin-bottom:12px}
|
||||||
|
.job .meta{color:var(--muted); font-size:0.95rem}
|
||||||
|
.pdf-wrapper{border:1px solid #e6e9ef; border-radius:6px; overflow:hidden}
|
||||||
|
.pdf-wrapper iframe{width:100%; height:640px; display:block}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width:700px){
|
||||||
|
.header-inner{flex-direction:column; align-items:flex-start; gap:12px}
|
||||||
|
.pdf-wrapper iframe{height:480px}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dark theme */
|
||||||
|
body.dark{--bg:#0b1220; --text:#e6eef7; --muted:#9aa6b2; --accent:#06b6d4}
|
||||||
|
body.dark .site-header{background:linear-gradient(90deg,#081124,#0f1724)}
|
||||||
|
body.dark .skill-item{background:#0f1724}
|
||||||
|
|
||||||
|
/* Print */
|
||||||
|
@media print{
|
||||||
|
.site-header .actions, #themeToggle {display:none}
|
||||||
|
.pdf-wrapper iframe{display:none}
|
||||||
|
body{background:white; color:black}
|
||||||
|
.container{padding:0}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user