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
+28 -14
View File
@@ -15,16 +15,22 @@
color: #fff; color: #fff;
max-width: 1000px; max-width: 1000px;
margin: auto; margin: auto;
padding: 16px;
} }
#header { #header {
display: grid; display: flex;
grid-template-columns: 1fr 150px; flex-direction: column;
gap: 16px; }
#header div {
display: flex;
align-items: center;
gap: 32px;
} }
#header img { #header img {
max-width: 100%; max-width: 150px;
height: auto; height: auto;
} }
@@ -65,13 +71,29 @@
ul { ul {
margin: 0; margin: 0;
} }
nav li {
margin-bottom: 8px;
}
@media screen and (max-width: 576px) {
body {
padding: 0;
}
#header img {
max-width: 100px;
}
}
</style> </style>
</head> </head>
<body> <body>
<header id="header"> <header id="header">
<article> <div>
<h1>Portfolio de Florian Sylvain</h1> <h1>Portfolio de Florian Sylvain</h1>
<img width="150" height="140" src="profile.webp" alt="Photo de Florian Sylvain" />
</div>
<p> <p>
Diplômé d'un Bachelor Développeur Web à l'ESD Paris, Diplômé d'un Bachelor Développeur Web à l'ESD Paris,
autoentrepreneur, je suis passionné par l'informatique. autoentrepreneur, je suis passionné par l'informatique.
@@ -81,10 +103,6 @@
moins d'un mois, je suis véhiculé, ouvert à une prise de poste moins d'un mois, je suis véhiculé, ouvert à une prise de poste
dans toute la France et à l'international. dans toute la France et à l'international.
</p> </p>
</article>
<aside>
<img src="profile.webp" alt="Photo de Florian Sylvain" />
</aside>
</header> </header>
<nav> <nav>
@@ -122,7 +140,6 @@
<th scope="col">Établissement</th> <th scope="col">Établissement</th>
<th scope="col">Niveau</th> <th scope="col">Niveau</th>
<th scope="col">Diplôme</th> <th scope="col">Diplôme</th>
<th scope="col">Mention</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -131,21 +148,18 @@
<td><a href="https://ecole-du-digital.com/">ESD Paris</a></td> <td><a href="https://ecole-du-digital.com/">ESD Paris</a></td>
<td>Bac +3 / RNCP 6</td> <td>Bac +3 / RNCP 6</td>
<td>Bachelor Développeur Web</td> <td>Bachelor Développeur Web</td>
<td></td>
</tr> </tr>
<tr> <tr>
<td>2020 - 2022</td> <td>2020 - 2022</td>
<td><a href="https://www.univ-gustave-eiffel.fr/">Université Gustave Eiffel</a></td> <td><a href="https://www.univ-gustave-eiffel.fr/">Université Gustave Eiffel</a></td>
<td>Bac +2</td> <td>Bac +2</td>
<td>DUT Informatique</td> <td>DUT Informatique</td>
<td></td>
</tr> </tr>
<tr> <tr>
<td>2017 - 2020</td> <td>2017 - 2020</td>
<td>Lycée Polyvalent René Cassin</td> <td>Lycée Polyvalent René Cassin</td>
<td>Bac</td> <td>Bac</td>
<td>Baccalauréat STI2D</td> <td>Baccalauréat STI2D <i>(mention bien)</i></td>
<td>Bien</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
sitemap.xml
+3 -9
View File
@@ -2,15 +2,9 @@
<urlset <urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> <url>
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
<url>
<loc>https://floriansylvain.fr/</loc> <loc>https://floriansylvain.fr/</loc>
<lastmod>2025-08-23T16:28:03+00:00</lastmod> <lastmod>2025-08-23T16:28:03+00:00</lastmod>
</url> </url>
</urlset> </urlset>