first :)
This commit is contained in:
Quentin Pismont
commit
e22bdbad83
3 changed files with 129 additions and 0 deletions
BIN
face.jpg
Normal file
BIN
face.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
74
index.html
Normal file
74
index.html
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pismont Quentin</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section id="header">
|
||||
<img src="face.jpg" alt="Votre Photo" id="profile-photo">
|
||||
<h1>Pismont Quentin</h1>
|
||||
<p>Lead Developer</p>
|
||||
</section>
|
||||
|
||||
<section id="about-me">
|
||||
<h2>À propos de moi</h2>
|
||||
<p>Passionné et expérimenté en développement, je maîtrise NodeJS, React et TypeScript, avec une expertise solide en bases de données tels que MariaDB et PostgreSQL. </p>
|
||||
<p>J'ai également des compétences avancées en déploiement et intégration continue grâce à Docker, Docker Swarm, GitLab et Linux.</p>
|
||||
<p>Toujours avide d'apprendre et d'évoluer, je cherche activement des opportunités pour me plonger davantage dans le langage Rust, avec l'intention de m'y spécialiser à terme. </p>
|
||||
<p>Disponible pour de nouvelles opportunités stimulantes et enrichissantes.</p>
|
||||
</section>
|
||||
|
||||
<section id="experiences">
|
||||
<h2>Experiences</h2>
|
||||
<div class="card">
|
||||
<h3>Lead Web Developer</h3>
|
||||
<h5>sept. 2019 - aujourd'hui</h5>
|
||||
<hr/>
|
||||
<p>GitLab · Docker Swarm · Node.js · React · Docker · PHP · JavaScript · MySQL · Git · Linux · TypeScript · Méthodes agiles · Scrum · Intégration continue</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Fullstack Web Developer</h3>
|
||||
<h5>aout 2016 - sept. 2019</h5>
|
||||
<hr/>
|
||||
<p>Maintenance et creation </p>
|
||||
<p>Node.js · React · PHP · JavaScript · MySQL · Git · Linux · TypeScript · Méthodes agiles · Scrum</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills">
|
||||
<h2>Compétences</h2>
|
||||
<ul>
|
||||
<li>NodeJS /w Typescript</li>
|
||||
<li>React /w Typescript & ViteJS</li>
|
||||
<li>Linux</li>
|
||||
<li>MariaDB</li>
|
||||
<li>PostgreSQL</li>
|
||||
<li>Docker + Swarm</li>
|
||||
<li>CI/CD avec Gitlab et Gitea</li>
|
||||
<li>Rust</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="projects">
|
||||
<h2>Projets</h2>
|
||||
<div class="card" style="background-color: rgba(255, 228, 196, 0.315);">
|
||||
<h3><a style="color: inherit" href="https://gitea.qpismont.fr/qpismont/imgproxy-rs">ImgProxy-rs</a></h3>
|
||||
<p>Ce projet consiste en un proxy d'images développé en Rust, utilisant la bibliothèque Tokio pour la gestion asynchrone des requêtes.</p>
|
||||
<p>Le proxy mettra en cache les images en mémoire, sur le disque dur ou sur Amazon S3 pour une récupération rapide ultérieure.</p>
|
||||
<p>De plus, il permettra d'effectuer des manipulations d'images telles que le zoom, le rognage, etc., en utilisant la puissante bibliothèque de traitement d'images, Libvips.</p>
|
||||
</div>
|
||||
<div class="card" style="background-color: rgba(206, 255, 196, 0.315);">
|
||||
<h3>Trepa</h3>
|
||||
<p>Ce projet vise à développer une plateforme de streaming vidéo moderne et évolutive en utilisant l'architecture de microservices.</p>
|
||||
<p>Chaque microservice sera développé en NodeJS avec NestJS comme framework backend et utilisera PostgreSQL pour le stockage des données.</p>
|
||||
<p>Les utilisateurs pourront uploader des vidéos via l'interface web en React et les regarder en streaming avec une expérience utilisateur fluide.</p>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
55
styles.css
Normal file
55
styles.css
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #222831;
|
||||
color: #eeeeee;
|
||||
}
|
||||
|
||||
#header {
|
||||
text-align: center;
|
||||
background-color: #30475e;
|
||||
color: #eeeeee;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#profile-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 15px;
|
||||
border: 4px solid #eeeeee;
|
||||
}
|
||||
|
||||
#about-me, #skills, #projects, #experiences {
|
||||
padding: 20px;
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
background-color: #393e46;
|
||||
border: 1px solid #2c2f33;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-bottom: 2px solid #30475e;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid #2c2f33;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #323742;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.card:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
background-color: #393e46;
|
||||
}
|
||||
Loading…
Reference in a new issue