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: small favicon & vertical tables for better readability on mobile

Browse Source
This commit is contained in:
Florian Sylvain
2025-08-23 18:27:56 +02:00
parent fb97a834c1
commit 3cb91f2f58
3 changed files with 73 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
favicon.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 782 B

index-min.html
+1 -1
View File
File diff suppressed because one or more lines are too long
index.html
+72 -30
View File
@@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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> <title>Portfolio Florian Sylvain</title>
<style> <style>
@@ -44,16 +44,19 @@
color: #598cac; color: #598cac;
} }
#experiences table { #experiences table,
#projets table {
margin-bottom: 16px; margin-bottom: 16px;
table-layout: fixed; table-layout: fixed;
} }
#experiences col:first-child { #experiences col:first-child,
#projets col:first-child {
width: 100px; width: 100px;
} }
#experiences col:last-child { #experiences col:last-child,
#projets col:last-child {
width: 100%; width: 100%;
} }
@@ -309,17 +312,18 @@
<section id="projets"> <section id="projets">
<h2>Projets récents</h2> <h2>Projets récents</h2>
<table> <table>
<caption>Tableau des projets récents</caption> <colgroup>
<col>
<col>
</colgroup>
<thead> <thead>
<tr> <tr>
<th scope="col">Nom</th> <th scope="col" colspan="2">GoCMS</th>
<th scope="col">Description</th>
<th scope="col">Technologies</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <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 <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 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, 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 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 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é projet en CI/CD via Jenkins sur mon serveur dédié Debian, contenerisé via Docker et exposé
via Nginx. via Nginx.</td>
</td>
<td>
Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git
</td>
</tr> </tr>
<tr> <tr>
<td><a href="https://github.com/Floriansylvain/SnippetsManager">SnippetsManager</a></td> <th scope="row"><strong>Technologies</strong></th>
<td> <td>Go, HTML, CSS, JS, Bootstrap, Docker, Nginx, DDD, Jenkins, Debian, SQLite, Git</td>
Projet réalisé dans le cadre d'un cours de Framework Backend à l'ESD, inspiré de l'outil </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 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. d'une API conçu en Typescript, Express, Prisma, MySql, Docker et Jest.</td>
</td>
<td>
Typescript, Express, Prisma, MySql, Docker, Jest, NodeJS, Git, TSX
</td>
</tr> </tr>
<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 <td><a
href="https://github.com/Floriansylvain/spotify-playlist-embed">spotify-playlist-embed</a> href="https://github.com/Floriansylvain/spotify-playlist-embed">spotify-playlist-embed</a>
</td> </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> </tr>
</tbody> </tbody>
</table> </table>