fsylvain/compact-portfolio
1
0
Fork 0
mirror of https://github.com/Floriansylvain/compact-portfolio.git synced 2026-08-19 11:43:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance layout & styling for improved readability, responsive, accessibility, best practice

Browse Source
This commit is contained in:
Florian Sylvain
2025-08-23 19:24:27 +02:00
parent 2b3a7d4687
commit 1a24acc34d
3 changed files with 45 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index-min.html
+1 -1
View File
File diff suppressed because one or more lines are too long
index.html
+37 -23
View File
@@ -15,16 +15,22 @@
color: #fff;
max-width: 1000px;
margin: auto;
padding: 16px;
}
#header {
display: grid;
grid-template-columns: 1fr 150px;
gap: 16px;
display: flex;
flex-direction: column;
}
#header div {
display: flex;
align-items: center;
gap: 32px;
}
#header img {
max-width: 100%;
max-width: 150px;
height: auto;
}
@@ -65,26 +71,38 @@
ul {
margin: 0;
}
nav li {
margin-bottom: 8px;
}
@media screen and (max-width: 576px) {
body {
padding: 0;
}
#header img {
max-width: 100px;
}
}
</style>
</head>
<body>
<header id="header">
<article>
<div>
<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.
</p>
</article>
<aside>
<img src="profile.webp" alt="Photo de Florian Sylvain" />
</aside>
<img width="150" height="140" src="profile.webp" alt="Photo de Florian Sylvain" />
</div>
<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.
</p>
</header>
<nav>
@@ -122,7 +140,6 @@
<th scope="col">Établissement</th>
<th scope="col">Niveau</th>
<th scope="col">Diplôme</th>
<th scope="col">Mention</th>
</tr>
</thead>
<tbody>
@@ -131,21 +148,18 @@
<td><a href="https://ecole-du-digital.com/">ESD Paris</a></td>
<td>Bac +3 / RNCP 6</td>
<td>Bachelor Développeur Web</td>
<td></td>
</tr>
<tr>
<td>2020 - 2022</td>
<td><a href="https://www.univ-gustave-eiffel.fr/">Université Gustave Eiffel</a></td>
<td>Bac +2</td>
<td>DUT Informatique</td>
<td></td>
</tr>
<tr>
<td>2017 - 2020</td>
<td>Lycée Polyvalent René Cassin</td>
<td>Bac</td>
<td>Baccalauréat STI2D</td>
<td>Bien</td>
<td>Baccalauréat STI2D <i>(mention bien)</i></td>
</tr>
</tbody>
</table>
sitemap.xml
+7 -13
View File
@@ -1,16 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
<url>
<loc>https://floriansylvain.fr/</loc>
<lastmod>2025-08-23T16:28:03+00:00</lastmod>
</url>
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<url>
<loc>https://floriansylvain.fr/</loc>
<lastmod>2025-08-23T16:28:03+00:00</lastmod>
</url>
</urlset>