mirror of
https://github.com/Floriansylvain/compact-portfolio.git
synced 2026-10-18 17:24:11 +02:00
feat: small favicon & vertical tables for better readability on mobile
This commit is contained in:
Florian Sylvain committed
1 parent
fb97a834c1
commit
3cb91f2f58
3 files changed
+73
-31
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 782 B |
+1
-1
@@ -1 +1 @@
|
||||
<!doctypehtml><html lang=fr><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=/profile.webp rel=icon type=image/x-icon><title>Portfolio Florian Sylvain</title><style>body{background-color:#111;color:#fff;max-width:1000px;margin:auto}#header{display:grid;grid-template-columns:1fr 150px;gap:16px}#header img{max-width:100%;height:auto}table{border:3px outset #aaa;width:100%}table td,table th{border:1px inset #bbb}a{color:#0af}a:visited{color:#598cac}#experiences table{margin-bottom:16px;table-layout:fixed}#experiences col:first-child{width:100px}#experiences col:last-child{width:100%}ul{margin:0}</style><header id=header><article><h1>Portfolio de Florian Sylvain</h1><p>Diplômé d'un Bachelor Développeur Web à l'ESD Paris, autoentrepreneur, je suis passionné par l'informatique. Actuellement en poste à temps plein en CDI chez DOLLEN (Bonnueil-sur-Marne) en tant que développeur web fullstack, je suis à l'écoute pour toute nouvelle opportunité. Disponible sous moins d'un mois, je suis véhiculé, ouvert à une prise de poste dans toute la France et à l'international.</article><aside><img src=profile.webp></aside></header><nav><h2>Navigation</h2><ol><li><a href=#competences>Compétences et qualifications</a><li><a href=#diplomes>Diplômes obtenus</a><li><a href=#experiences>Expériences professionnelles</a><li><a href=#projets>Projets récents</a><li><a href=#contact>Contact et coordonnées</a><li><a href=#autres>Autres informations</a></ol></nav><main><section id=competences><h2>Compétences et qualifications</h2><ul><li>Rédaction de spécifications et cahier de recettes.<li>Maîtrise de PhP, Java, Go, Html5/Css3, Javascript, Typescript, SQL, VueJS, React, Flutter, Docker, Jenkins, Git, GCP, et de Nginx. Apprendre un nouveau language ou framework n'est absolument pas un obstacle pour moi.<li>Maîtrise de l'anglais niveau C1<li>Maîtrise de la méthodologie agile, avec sprints, daily...</ul></section><section id=diplomes><h2>Diplômes obtenus</h2><table><caption>Tableau des diplômes obtenus<thead><tr><th scope=col>Période<th scope=col>Établissement<th scope=col>Niveau<th scope=col>Diplôme<th scope=col>Mention<tbody><tr><td>2022 - 2024<td><a href=https://ecole-du-digital.com/ >ESD Paris</a><td>Bac +3 / RNCP 6<td>Bachelor Développeur Web<td><tr><td>2020 - 2022<td><a href=https://www.univ-gustave-eiffel.fr/ >Université Gustave Eiffel</a><td>Bac +2<td>DUT Informatique<td><tr><td>2017 - 2020<td>Lycée Polyvalent René Cassin<td>Bac<td>Baccalauréat STI2D<td>Bien</table></section><section id=experiences><h2>Expériences professionnelles</h2><table><col><col><thead><tr><th scope=col colspan=2>CDI Développeur Web Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://dollen.fr/ >Dollen</a><tr><th scope=row><strong>Période</strong><td>Nov. 2024 - En cours<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception logiciel (diagramme de classes <strong>UML</strong>)<li>Développement d'un back office<ul><li>PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, Domain Driven Design</ul><li>Déploiement et intégration continue du back-office en production et pré-production<ul><li>Docker, Debian, Nginx, GitHub Action</ul><li>Migration de base de données<ul><li>SQLite, PostgreSQL, MariaDB</ul><li>Peer reviewing<li>Gestion de projet Agile<ul><li>Trello, GitHub Projects, daily sprints</ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://lecadeaupresent.com/ >Présent</a><tr><th scope=row><strong>Période</strong><td>Avr. 2023 - Sep. 2024 (1 an et 5 mois)<tr><th scope=row><strong>Missions</strong><td><ul><li>Développement d'une<ul><li>application mobile interne<ul><li>Kotlin</ul><li>application mobile B2C<ul><li>Flutter</ul><li>API REST monolithique<ul><li>Typescript ,Fastify ,Prisma, Jest, MySql, Docker, GCP, Domain Driven Design</ul><li>SPA pour Desktop et Mobile<ul><li>React, Typescript, Zustand, Chakra UI</ul></ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur R&D<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://wattearth.com/ >WATT Earth</a><tr><th scope=row><strong>Période</strong><td>Oct. 2021 - Sept. 2022 (1 an)<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception et développement de fonctionnalités innovantes au cœur des produits WATT Earth :<ul><li>VueJS, Typescript, PHP, Python, MySql, Warp10, Grafana</ul><li>Maquettage et conception d'interfaces utilisateurs (<strong>Figma</strong>)<li>Réalisation de spécifications et de cahiers de recettes<li>Intégration de technologies dans la solution de l'entreprise, correspondant aux besoins client :<ul><li>Modbus, LoRaWAN, Zigbee, ...</ul></ul></table></section><section id=projets><h2>Projets récents</h2><table><caption>Tableau des projets récents<thead><tr><th scope=col>Nom<th scLine truncated
|
||||
<!doctypehtml><html lang=fr><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=/favicon.webp rel=icon type=image/x-icon><title>Portfolio Florian Sylvain</title><style>body{background-color:#111;color:#fff;max-width:1000px;margin:auto}#header{display:grid;grid-template-columns:1fr 150px;gap:16px}#header img{max-width:100%;height:auto}table{border:3px outset #aaa;width:100%}table td,table th{border:1px inset #bbb}a{color:#0af}a:visited{color:#598cac}#experiences table,#projets table{margin-bottom:16px;table-layout:fixed}#experiences col:first-child,#projets col:first-child{width:100px}#experiences col:last-child,#projets col:last-child{width:100%}ul{margin:0}</style><header id=header><article><h1>Portfolio de Florian Sylvain</h1><p>Diplômé d'un Bachelor Développeur Web à l'ESD Paris, autoentrepreneur, je suis passionné par l'informatique. Actuellement en poste à temps plein en CDI chez DOLLEN (Bonnueil-sur-Marne) en tant que développeur web fullstack, je suis à l'écoute pour toute nouvelle opportunité. Disponible sous moins d'un mois, je suis véhiculé, ouvert à une prise de poste dans toute la France et à l'international.</article><aside><img src=profile.webp></aside></header><nav><h2>Navigation</h2><ol><li><a href=#competences>Compétences et qualifications</a><li><a href=#diplomes>Diplômes obtenus</a><li><a href=#experiences>Expériences professionnelles</a><li><a href=#projets>Projets récents</a><li><a href=#contact>Contact et coordonnées</a><li><a href=#autres>Autres informations</a></ol></nav><main><section id=competences><h2>Compétences et qualifications</h2><ul><li>Rédaction de spécifications et cahier de recettes.<li>Maîtrise de PhP, Java, Go, Html5/Css3, Javascript, Typescript, SQL, VueJS, React, Flutter, Docker, Jenkins, Git, GCP, et de Nginx. Apprendre un nouveau language ou framework n'est absolument pas un obstacle pour moi.<li>Maîtrise de l'anglais niveau C1<li>Maîtrise de la méthodologie agile, avec sprints, daily...</ul></section><section id=diplomes><h2>Diplômes obtenus</h2><table><caption>Tableau des diplômes obtenus<thead><tr><th scope=col>Période<th scope=col>Établissement<th scope=col>Niveau<th scope=col>Diplôme<th scope=col>Mention<tbody><tr><td>2022 - 2024<td><a href=https://ecole-du-digital.com/ >ESD Paris</a><td>Bac +3 / RNCP 6<td>Bachelor Développeur Web<td><tr><td>2020 - 2022<td><a href=https://www.univ-gustave-eiffel.fr/ >Université Gustave Eiffel</a><td>Bac +2<td>DUT Informatique<td><tr><td>2017 - 2020<td>Lycée Polyvalent René Cassin<td>Bac<td>Baccalauréat STI2D<td>Bien</table></section><section id=experiences><h2>Expériences professionnelles</h2><table><col><col><thead><tr><th scope=col colspan=2>CDI Développeur Web Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://dollen.fr/ >Dollen</a><tr><th scope=row><strong>Période</strong><td>Nov. 2024 - En cours<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception logiciel (diagramme de classes <strong>UML</strong>)<li>Développement d'un back office<ul><li>PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, Domain Driven Design</ul><li>Déploiement et intégration continue du back-office en production et pré-production<ul><li>Docker, Debian, Nginx, GitHub Action</ul><li>Migration de base de données<ul><li>SQLite, PostgreSQL, MariaDB</ul><li>Peer reviewing<li>Gestion de projet Agile<ul><li>Trello, GitHub Projects, daily sprints</ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur Fullstack<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://lecadeaupresent.com/ >Présent</a><tr><th scope=row><strong>Période</strong><td>Avr. 2023 - Sep. 2024 (1 an et 5 mois)<tr><th scope=row><strong>Missions</strong><td><ul><li>Développement d'une<ul><li>application mobile interne<ul><li>Kotlin</ul><li>application mobile B2C<ul><li>Flutter</ul><li>API REST monolithique<ul><li>Typescript ,Fastify ,Prisma, Jest, MySql, Docker, GCP, Domain Driven Design</ul><li>SPA pour Desktop et Mobile<ul><li>React, Typescript, Zustand, Chakra UI</ul></ul></ul></table><table><col><col><thead><tr><th scope=col colspan=2>Apprenti Développeur R&D<tbody><tr><th scope=row><strong>Entreprise</strong><td><a href=https://wattearth.com/ >WATT Earth</a><tr><th scope=row><strong>Période</strong><td>Oct. 2021 - Sept. 2022 (1 an)<tr><th scope=row><strong>Missions</strong><td><ul><li>Conception et développement de fonctionnalités innovantes au cœur des produits WATT Earth :<ul><li>VueJS, Typescript, PHP, Python, MySql, Warp10, Grafana</ul><li>Maquettage et conception d'interfaces utilisateurs (<strong>Figma</strong>)<li>Réalisation de spécifications et de cahiers de recettes<li>Intégration de technologies dans la solution de l'entreprise, correspondant aux besoins client :<ul><li>Modbus, LoRaWAN, Zigbee, ...</ul></ul></table></section><section id=projets><h2>Projets récents</h2><table><col><cLine truncated
|
||||
+72
-30
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/x-icon" href="/profile.webp">
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.webp">
|
||||
<title>Portfolio Florian Sylvain</title>
|
||||
|
||||
<style>
|
||||
@@ -44,16 +44,19 @@
|
||||
color: #598cac;
|
||||
}
|
||||
|
||||
#experiences table {
|
||||
#experiences table,
|
||||
#projets table {
|
||||
margin-bottom: 16px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#experiences col:first-child {
|
||||
#experiences col:first-child,
|
||||
#projets col:first-child {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#experiences col:last-child {
|
||||
#experiences col:last-child,
|
||||
#projets col:last-child {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -309,17 +312,18 @@
|
||||
<section id="projets">
|
||||
<h2>Projets récents</h2>
|
||||
<table>
|
||||
<caption>Tableau des projets récents</caption>
|
||||
<colgroup>
|
||||
<col>
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Nom</th>
|
||||
<th scope="col">Description</th>
|
||||
<th scope="col">Technologies</th>
|
||||
<th scope="col" colspan="2">GoCMS</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="https://github.com/Floriansylvain/GoCMS">GoCMS</a></td>
|
||||
<th scope="row"><strong>Description</strong></th>
|
||||
<td>GoCMS est un projet de système de gestion de contenu développé en Go. Le but à terme de ce
|
||||
projet en cours de developpement est de me faciliter la création de site web qui nécessitent
|
||||
des fonctionnalités comme celles d'un Wordpress, notamment un système de blog et d'articles,
|
||||
@@ -328,35 +332,73 @@
|
||||
moteur de templating html de Go. J'utilise également Bootstrap pour avoir de belles
|
||||
interface sans devoir fournir trop d'effort de développement front. J'héberge une démo du
|
||||
projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé
|
||||
via Nginx.
|
||||
</td>
|
||||
<td>
|
||||
Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git
|
||||
</td>
|
||||
via Nginx.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://github.com/Floriansylvain/SnippetsManager">SnippetsManager</a></td>
|
||||
<td>
|
||||
Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil
|
||||
<th scope="row"><strong>Technologies</strong></th>
|
||||
<td>Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><strong>Dépôt</strong></th>
|
||||
<td><a href="https://github.com/Floriansylvain/GoCMS">GoCMS</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<colgroup>
|
||||
<col>
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" colspan="2">SnippetsManager</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><strong>Description</strong></th>
|
||||
<td>Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil
|
||||
open-source massCode dont le principe est de gérer des snippets (bouts de code). Il s'agit
|
||||
d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.
|
||||
</td>
|
||||
<td>
|
||||
Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX
|
||||
</td>
|
||||
d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><strong>Technologies</strong></th>
|
||||
<td>Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><strong>Dépôt</strong></th>
|
||||
<td><a href="https://github.com/Floriansylvain/SnippetsManager">SnippetsManager</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<colgroup>
|
||||
<col>
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" colspan="2">spotify-playlist-embed</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><strong>Description</strong></th>
|
||||
<td>Petit projet réalisé dans le cadre d'un cours de Framework Frontend à l'ESD, il s'agit d'un
|
||||
lecteur de playlist spotify réalisé en NextJS et Typescript, avec la spotify-web-apinode
|
||||
ainsi que Tailwindcss.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><strong>Technologies</strong></th>
|
||||
<td>NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><strong>Dépôt</strong></th>
|
||||
<td><a
|
||||
href="https://github.com/Floriansylvain/spotify-playlist-embed">spotify-playlist-embed</a>
|
||||
</td>
|
||||
<td>
|
||||
Petit projet réalisé dans le cadre d'un cours de Framework
|
||||
Frontend à l'ESD, il s'agit d'un lecteur de playlist spotify
|
||||
réalisé en NextJS et Typescript, avec la spotify-web-apinode ainsi que Tailwindcss.
|
||||
</td>
|
||||
<td>
|
||||
NextJS, Typescript, Tailwindcss, Spotify API, TSX, Git, Vercel
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in new issue
Block a user