Fin cours intro dev statique
This commit is contained in:
parent
862a444cda
commit
be9cfb749b
28 changed files with 1385 additions and 0 deletions
0
.gitignore
vendored
Normal file
0
.gitignore
vendored
Normal file
4
DevWebStatique/Index.md
Normal file
4
DevWebStatique/Index.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
Compte rendu:
|
||||
|
||||
- On génére un code pour faire une interface, et cette interface va montrer des liens pour ouvrir des fichiers
|
||||
- On utilise deux langages : HTML et CSS (HTML -> Structure, CSS -> style)
|
||||
34
DevWebStatique/trombinoscope/.gitignore
vendored
Normal file
34
DevWebStatique/trombinoscope/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
# dependencies (bun install)
|
||||
node_modules
|
||||
|
||||
# output
|
||||
out
|
||||
dist
|
||||
*.tgz
|
||||
|
||||
# code coverage
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# logs
|
||||
logs
|
||||
_.log
|
||||
report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
|
||||
|
||||
# dotenv environment variable files
|
||||
.env
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
.env.local
|
||||
|
||||
# caches
|
||||
.eslintcache
|
||||
.cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# IntelliJ based IDEs
|
||||
.idea
|
||||
|
||||
# Finder (MacOS) folder config
|
||||
.DS_Store
|
||||
15
DevWebStatique/trombinoscope/README.md
Normal file
15
DevWebStatique/trombinoscope/README.md
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# trombinoscope
|
||||
|
||||
To install dependencies:
|
||||
|
||||
```bash
|
||||
bun install
|
||||
```
|
||||
|
||||
To run:
|
||||
|
||||
```bash
|
||||
bun run index.ts
|
||||
```
|
||||
|
||||
This project was created using `bun init` in bun v1.2.22. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
|
||||
29
DevWebStatique/trombinoscope/bun.lock
Normal file
29
DevWebStatique/trombinoscope/bun.lock
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"lockfileVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "trombinoscope",
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "^5",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@types/bun": ["@types/bun@1.2.22", "", { "dependencies": { "bun-types": "1.2.22" } }, "sha512-5A/KrKos2ZcN0c6ljRSOa1fYIyCKhZfIVYeuyb4snnvomnpFqC0tTsEkdqNxbAgExV384OETQ//WAjl3XbYqQA=="],
|
||||
|
||||
"@types/node": ["@types/node@24.5.2", "", { "dependencies": { "undici-types": "~7.12.0" } }, "sha512-FYxk1I7wPv3K2XBaoyH2cTnocQEu8AOZ60hPbsyukMPLv5/5qr7V1i8PLHdl6Zf87I+xZXFvPCXYjiTFq+YSDQ=="],
|
||||
|
||||
"@types/react": ["@types/react@19.1.13", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-hHkbU/eoO3EG5/MZkuFSKmYqPbSVk5byPFa3e7y/8TybHiLMACgI8seVYlicwk7H5K/rI2px9xrQp/C+AUDTiQ=="],
|
||||
|
||||
"bun-types": ["bun-types@1.2.22", "", { "dependencies": { "@types/node": "*" }, "peerDependencies": { "@types/react": "^19" } }, "sha512-hwaAu8tct/Zn6Zft4U9BsZcXkYomzpHJX28ofvx7k0Zz2HNz54n1n+tDgxoWFGB4PcFvJXJQloPhaV2eP3Q6EA=="],
|
||||
|
||||
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||
|
||||
"typescript": ["typescript@5.9.2", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A=="],
|
||||
|
||||
"undici-types": ["undici-types@7.12.0", "", {}, "sha512-goOacqME2GYyOZZfb5Lgtu+1IDmAlAEu5xnD3+xTzS10hT0vzpf0SPjkXwAw9Jm+4n/mQGDP3LO8CPbYROeBfQ=="],
|
||||
}
|
||||
}
|
||||
BIN
DevWebStatique/trombinoscope/front/img/alice-martin.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/alice-martin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 555 KiB |
BIN
DevWebStatique/trombinoscope/front/img/benjamin-dubois.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/benjamin-dubois.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 544 KiB |
BIN
DevWebStatique/trombinoscope/front/img/camille-bernard.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/camille-bernard.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 536 KiB |
BIN
DevWebStatique/trombinoscope/front/img/david-rousseau.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/david-rousseau.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 496 KiB |
BIN
DevWebStatique/trombinoscope/front/img/emma-leroy.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/emma-leroy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 567 KiB |
BIN
DevWebStatique/trombinoscope/front/img/florent-moreau.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/florent-moreau.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 560 KiB |
BIN
DevWebStatique/trombinoscope/front/img/gabrielle-simon.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/gabrielle-simon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 557 KiB |
BIN
DevWebStatique/trombinoscope/front/img/hugo-laurent.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/hugo-laurent.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 566 KiB |
BIN
DevWebStatique/trombinoscope/front/img/img7.jpg
Normal file
BIN
DevWebStatique/trombinoscope/front/img/img7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 587 KiB |
48
DevWebStatique/trombinoscope/front/index.html
Normal file
48
DevWebStatique/trombinoscope/front/index.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis qui delectus ex.
|
||||
Provident soluta quidem suscipit ipsa fuga eos iusto officia illum. Minima expedita praesentium sapiente
|
||||
quaerat consequuntur, itaque atque?
|
||||
</div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<footer>
|
||||
<p style="text-align: center; padding: 1rem; color: #888; font-size: 0.9rem;">
|
||||
© 2024 Your Name. All rights reserved.
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
153
DevWebStatique/trombinoscope/front/resumes/alice-martin.html
Normal file
153
DevWebStatique/trombinoscope/front/resumes/alice-martin.html
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Alice Martin - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/alice-martin.jpg" alt="Alice Martin" class="resume-photo">
|
||||
<h1>Alice Martin</h1>
|
||||
<h2>Computer Science Student</h2>
|
||||
<p>Email: alice.martin@school.edu | Phone: +33 6 12 34 56 78</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Passionate computer science student with a strong foundation in software development and
|
||||
artificial intelligence. Dedicated to creating innovative solutions and contributing to
|
||||
cutting-edge technology projects.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Computer Science</h4>
|
||||
<p><strong>3rd Year</strong> | 2023 - 2026</p>
|
||||
<p>Specialization in Artificial Intelligence and Machine Learning</p>
|
||||
<p>GPA: 16.5/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Software Development Intern</h4>
|
||||
<p><strong>TechCorp</strong> | Summer 2024</p>
|
||||
<p>Developed a web application using React and Node.js, improving user engagement by 25%</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Research Assistant</h4>
|
||||
<p><strong>University AI Lab</strong> | 2024 - Present</p>
|
||||
<p>Contributing to machine learning research on natural language processing</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag">JavaScript</span>
|
||||
<span class="skill-tag">React</span>
|
||||
<span class="skill-tag">Node.js</span>
|
||||
<span class="skill-tag">Machine Learning</span>
|
||||
<span class="skill-tag">SQL</span>
|
||||
<span class="skill-tag">Git</span>
|
||||
<span class="skill-tag">Docker</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Smart Campus App</h4>
|
||||
<p>Developed a mobile application for campus navigation using Flutter and Firebase</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>AI Chatbot</h4>
|
||||
<p>Created an intelligent chatbot using NLP techniques and deployed it on AWS</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
153
DevWebStatique/trombinoscope/front/resumes/benjamin-dubois.html
Normal file
153
DevWebStatique/trombinoscope/front/resumes/benjamin-dubois.html
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Benjamin Dubois - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/benjamin-dubois.jpg" alt="Benjamin Dubois" class="resume-photo">
|
||||
<h1>Benjamin Dubois</h1>
|
||||
<h2>Mechanical Engineering Student</h2>
|
||||
<p>Email: benjamin.dubois@school.edu | Phone: +33 6 87 65 43 21</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Dedicated mechanical engineering student with expertise in CAD design and manufacturing
|
||||
processes. Passionate about sustainable engineering solutions and renewable energy technologies.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Mechanical Engineering</h4>
|
||||
<p><strong>2nd Year</strong> | 2024 - 2027</p>
|
||||
<p>Specialization in Renewable Energy Systems</p>
|
||||
<p>GPA: 15.8/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Engineering Intern</h4>
|
||||
<p><strong>GreenTech Industries</strong> | Summer 2024</p>
|
||||
<p>Designed and tested wind turbine components using SolidWorks and ANSYS</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Workshop Assistant</h4>
|
||||
<p><strong>University Machine Shop</strong> | 2024 - Present</p>
|
||||
<p>Assisting students with 3D printing and CNC machining projects</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">SolidWorks</span>
|
||||
<span class="skill-tag">AutoCAD</span>
|
||||
<span class="skill-tag">ANSYS</span>
|
||||
<span class="skill-tag">MATLAB</span>
|
||||
<span class="skill-tag">3D Printing</span>
|
||||
<span class="skill-tag">CNC Programming</span>
|
||||
<span class="skill-tag">Thermodynamics</span>
|
||||
<span class="skill-tag">Materials Science</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Solar Panel Tracking System</h4>
|
||||
<p>Designed an automated solar panel tracking system to maximize energy efficiency</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Eco-Friendly Car Design</h4>
|
||||
<p>Participated in a team project to design a lightweight, fuel-efficient vehicle</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
153
DevWebStatique/trombinoscope/front/resumes/camille-bernard.html
Normal file
153
DevWebStatique/trombinoscope/front/resumes/camille-bernard.html
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Camille Bernard - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/camille-bernard.jpg" alt="Camille Bernard" class="resume-photo">
|
||||
<h1>Camille Bernard</h1>
|
||||
<h2>Electrical Engineering Student</h2>
|
||||
<p>Email: camille.bernard@school.edu | Phone: +33 6 55 44 33 22</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Innovative electrical engineering student specializing in embedded systems and IoT technologies.
|
||||
Passionate about creating smart solutions for modern challenges through advanced electronics and
|
||||
programming.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Electrical Engineering</h4>
|
||||
<p><strong>3rd Year</strong> | 2023 - 2026</p>
|
||||
<p>Specialization in Embedded Systems and IoT</p>
|
||||
<p>GPA: 17.2/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Electronics Engineering Intern</h4>
|
||||
<p><strong>SmartTech Solutions</strong> | Summer 2024</p>
|
||||
<p>Developed IoT sensors for smart home applications using Arduino and Raspberry Pi</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Lab Assistant</h4>
|
||||
<p><strong>Electronics Laboratory</strong> | 2024 - Present</p>
|
||||
<p>Supporting circuit design and microcontroller programming courses</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">C/C++</span>
|
||||
<span class="skill-tag">Arduino</span>
|
||||
<span class="skill-tag">Raspberry Pi</span>
|
||||
<span class="skill-tag">PCB Design</span>
|
||||
<span class="skill-tag">VHDL</span>
|
||||
<span class="skill-tag">FPGA</span>
|
||||
<span class="skill-tag">Circuit Analysis</span>
|
||||
<span class="skill-tag">IoT Protocols</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Smart Home Automation System</h4>
|
||||
<p>Designed a complete home automation system with mobile app control and voice recognition</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Wireless Sensor Network</h4>
|
||||
<p>Created a mesh network of environmental sensors for campus monitoring</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
133
DevWebStatique/trombinoscope/front/resumes/david-rousseau.html
Normal file
133
DevWebStatique/trombinoscope/front/resumes/david-rousseau.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>David Rousseau - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/david-rousseau.jpg" alt="David Rousseau" class="resume-photo">
|
||||
<h1>David Rousseau</h1>
|
||||
<h2>Civil Engineering Student</h2>
|
||||
<p>Email: david.rousseau@school.edu | Phone: +33 6 77 88 99 11</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Ambitious civil engineering student with a focus on sustainable infrastructure and urban
|
||||
planning. Committed to developing environmentally conscious solutions for modern construction
|
||||
challenges.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Civil Engineering</h4>
|
||||
<p><strong>1st Year</strong> | 2024 - 2027</p>
|
||||
<p>Foundation in Structural Engineering and Environmental Planning</p>
|
||||
<p>GPA: 15.5/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">AutoCAD</span>
|
||||
<span class="skill-tag">SketchUp</span>
|
||||
<span class="skill-tag">Structural Analysis</span>
|
||||
<span class="skill-tag">Project Management</span>
|
||||
<span class="skill-tag">BIM Modeling</span>
|
||||
<span class="skill-tag">Surveying</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Sustainable Bridge Design</h4>
|
||||
<p>First-year project designing an eco-friendly pedestrian bridge using recycled materials</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
143
DevWebStatique/trombinoscope/front/resumes/emma-leroy.html
Normal file
143
DevWebStatique/trombinoscope/front/resumes/emma-leroy.html
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Emma Leroy - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/emma-leroy.jpg" alt="Emma Leroy" class="resume-photo">
|
||||
<h1>Emma Leroy</h1>
|
||||
<h2>Biomedical Engineering Student</h2>
|
||||
<p>Email: emma.leroy@school.edu | Phone: +33 6 33 22 11 44</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Dedicated biomedical engineering student passionate about developing medical devices and
|
||||
biotechnology solutions. Combining engineering principles with biological sciences to improve
|
||||
healthcare outcomes.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Biomedical Engineering</h4>
|
||||
<p><strong>2nd Year</strong> | 2024 - 2027</p>
|
||||
<p>Specialization in Medical Device Design</p>
|
||||
<p>GPA: 16.8/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Research Intern</h4>
|
||||
<p><strong>BioMed Research Institute</strong> | Summer 2024</p>
|
||||
<p>Assisted in developing prosthetic limb control systems using EMG signals</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">MATLAB</span>
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag">CAD Design</span>
|
||||
<span class="skill-tag">Signal Processing</span>
|
||||
<span class="skill-tag">Biomechanics</span>
|
||||
<span class="skill-tag">Medical Imaging</span>
|
||||
<span class="skill-tag">FDA Regulations</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Smart Prosthetic Hand</h4>
|
||||
<p>Designed a 3D-printed prosthetic hand with muscle signal control interface</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
152
DevWebStatique/trombinoscope/front/resumes/florent-moreau.html
Normal file
152
DevWebStatique/trombinoscope/front/resumes/florent-moreau.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.0">
|
||||
<title>Florent Moreau - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/florent-moreau.jpg" alt="Florent Moreau" class="resume-photo">
|
||||
<h1>Florent Moreau</h1>
|
||||
<h2>Aerospace Engineering Student</h2>
|
||||
<p>Email: florent.moreau@school.edu | Phone: +33 6 99 88 77 66</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Passionate aerospace engineering student with dreams of contributing to space exploration and
|
||||
aviation innovation. Specialized in aerodynamics and propulsion systems with hands-on experience
|
||||
in rocket design.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Aerospace Engineering</h4>
|
||||
<p><strong>3rd Year</strong> | 2023 - 2026</p>
|
||||
<p>Specialization in Propulsion and Space Systems</p>
|
||||
<p>GPA: 17.5/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Aerospace Engineering Intern</h4>
|
||||
<p><strong>AeroSpace Dynamics</strong> | Summer 2024</p>
|
||||
<p>Worked on computational fluid dynamics simulations for aircraft wing optimization</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Rocket Team Leader</h4>
|
||||
<p><strong>University Space Club</strong> | 2024 - Present</p>
|
||||
<p>Leading a team of 15 students in designing and building competition rockets</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">CATIA</span>
|
||||
<span class="skill-tag">ANSYS Fluent</span>
|
||||
<span class="skill-tag">MATLAB/Simulink</span>
|
||||
<span class="skill-tag">CFD Analysis</span>
|
||||
<span class="skill-tag">Propulsion Systems</span>
|
||||
<span class="skill-tag">Flight Dynamics</span>
|
||||
<span class="skill-tag">Composite Materials</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Student Rocket Competition</h4>
|
||||
<p>Designed and launched a rocket reaching 3000m altitude in national competition</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<h4>Drone Aerodynamics Study</h4>
|
||||
<p>Optimized drone wing design using CFD simulations, improving efficiency by 15%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
134
DevWebStatique/trombinoscope/front/resumes/gabrielle-simon.html
Normal file
134
DevWebStatique/trombinoscope/front/resumes/gabrielle-simon.html
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Gabrielle Simon - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/gabrielle-simon.jpg" alt="Gabrielle Simon" class="resume-photo">
|
||||
<h1>Gabrielle Simon</h1>
|
||||
<h2>Chemical Engineering Student</h2>
|
||||
<p>Email: gabrielle.simon@school.edu | Phone: +33 6 11 22 33 55</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Enthusiastic chemical engineering student with a passion for sustainable chemistry and green
|
||||
technology. Focused on developing environmentally friendly industrial processes and renewable
|
||||
energy solutions.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Chemical Engineering</h4>
|
||||
<p><strong>1st Year</strong> | 2024 - 2027</p>
|
||||
<p>Foundation in Process Engineering and Green Chemistry</p>
|
||||
<p>GPA: 16.2/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">ChemCAD</span>
|
||||
<span class="skill-tag">Process Simulation</span>
|
||||
<span class="skill-tag">Laboratory Techniques</span>
|
||||
<span class="skill-tag">Organic Chemistry</span>
|
||||
<span class="skill-tag">Thermodynamics</span>
|
||||
<span class="skill-tag">Safety Protocols</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Biodegradable Plastic Research</h4>
|
||||
<p>First-year research project on developing eco-friendly plastic alternatives from agricultural
|
||||
waste</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
145
DevWebStatique/trombinoscope/front/resumes/hugo-laurent.html
Normal file
145
DevWebStatique/trombinoscope/front/resumes/hugo-laurent.html
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hugo Laurent - Resume</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
.resume-container {
|
||||
max-width: 800px;
|
||||
margin: 2rem auto;
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #667eea;
|
||||
}
|
||||
|
||||
.resume-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin-bottom: 1rem;
|
||||
border: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
color: #2c3e50;
|
||||
border-bottom: 2px solid #ecf0f1;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.experience-item,
|
||||
.education-item {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 3px solid #667eea;
|
||||
}
|
||||
|
||||
.skills-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.3rem 0.8rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html" class="back-link">← Back to Student Directory</a>
|
||||
|
||||
<div class="resume-container">
|
||||
<div class="resume-header">
|
||||
<img src="../img/hugo-laurent.jpg" alt="Hugo Laurent" class="resume-photo">
|
||||
<h1>Hugo Laurent</h1>
|
||||
<h2>Industrial Engineering Student</h2>
|
||||
<p>Email: hugo.laurent@school.edu | Phone: +33 6 44 55 66 77</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>About Me</h3>
|
||||
<p>Motivated industrial engineering student with expertise in process optimization and lean
|
||||
manufacturing. Passionate about improving operational efficiency and implementing Industry 4.0
|
||||
technologies.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Education</h3>
|
||||
<div class="education-item">
|
||||
<h4>École d'Ingénieurs - Industrial Engineering</h4>
|
||||
<p><strong>2nd Year</strong> | 2024 - 2027</p>
|
||||
<p>Specialization in Operations Research and Supply Chain</p>
|
||||
<p>GPA: 16.0/20</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Experience</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Operations Intern</h4>
|
||||
<p><strong>Manufacturing Solutions Inc.</strong> | Summer 2024</p>
|
||||
<p>Analyzed production workflows and implemented lean manufacturing principles, reducing waste
|
||||
by 20%</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Skills</h3>
|
||||
<div class="skills-list">
|
||||
<span class="skill-tag">Lean Manufacturing</span>
|
||||
<span class="skill-tag">Six Sigma</span>
|
||||
<span class="skill-tag">Process Optimization</span>
|
||||
<span class="skill-tag">Supply Chain Management</span>
|
||||
<span class="skill-tag">Statistical Analysis</span>
|
||||
<span class="skill-tag">Project Management</span>
|
||||
<span class="skill-tag">ERP Systems</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3>Projects</h3>
|
||||
<div class="experience-item">
|
||||
<h4>Smart Factory Simulation</h4>
|
||||
<p>Developed a digital twin model for optimizing production line efficiency using IoT sensors
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
33
DevWebStatique/trombinoscope/front/styles.css
Normal file
33
DevWebStatique/trombinoscope/front/styles.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
:root {
|
||||
--background-color: #222222;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
color: #ffffff;
|
||||
font-family: Arial, sans-serif;
|
||||
height: fit-content;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #ff0000;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
div.container {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: #00ff00;
|
||||
overflow-y: auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
15
DevWebStatique/trombinoscope/index.ts
Normal file
15
DevWebStatique/trombinoscope/index.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import { file, serve } from "bun";
|
||||
import front from "./front/index.html";
|
||||
|
||||
serve({
|
||||
routes: {
|
||||
"/": front,
|
||||
"/index.html": Response.redirect("/"),
|
||||
"/resumes/:filename": (req) => {
|
||||
const { filename } = req.params;
|
||||
return new Response(file(`./front/resumes/${filename}`));
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
console.log("Server started on http://localhost:3000");
|
||||
12
DevWebStatique/trombinoscope/package.json
Normal file
12
DevWebStatique/trombinoscope/package.json
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"name": "trombinoscope",
|
||||
"module": "index.ts",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
29
DevWebStatique/trombinoscope/tsconfig.json
Normal file
29
DevWebStatique/trombinoscope/tsconfig.json
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
// Environment setup & latest features
|
||||
"lib": ["ESNext"],
|
||||
"target": "ESNext",
|
||||
"module": "Preserve",
|
||||
"moduleDetection": "force",
|
||||
"jsx": "react-jsx",
|
||||
"allowJs": true,
|
||||
|
||||
// Bundler mode
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"noEmit": true,
|
||||
|
||||
// Best practices
|
||||
"strict": true,
|
||||
"skipLibCheck": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedIndexedAccess": true,
|
||||
"noImplicitOverride": true,
|
||||
|
||||
// Some stricter flags (disabled by default)
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noPropertyAccessFromIndexSignature": false
|
||||
}
|
||||
}
|
||||
0
EnjeuxSocioEco/Index.md
Normal file
0
EnjeuxSocioEco/Index.md
Normal file
Loading…
Add table
Reference in a new issue