Adrien/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rajout de la page "projets"

Browse source
This commit is contained in:
Didictateur 2025-11-19 19:20:21 +01:00
parent 56f91434db
commit 6cdd0ad0bb
5 changed files with 97 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
projects/img/chess.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
projects/img/riichi.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 40 KiB

50
projets.html Normal file
View file

@ -0,0 +1,50 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex">
<link rel="stylesheet" href="./style.css">
<title>Projets — Adrien Decosse</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a class="brand" href="index.html">Decosse Adrien</a>
<nav class="nav" aria-label="Main navigation">
<a href="index.html">Accueil</a>
<a href="syllabus.html">Syllabus</a>
<a href="cours/index.html">Cours</a>
<a href="riichi.html">Riichi</a>
<a href="croco.html">Crocoloop</a>
<a id="cv-download" href="Decosse_Adrien_CV.pdf" download>CV</a>
</nav>
</div>
</header>
<main class="container">
<h1>Mes projets</h1>
<p class="muted">Voici l'ensemble de mes projets perso que j'ai réalisés jusqu'à présent.</p>
<div class="projects-grid">
<article class="project-card">
<a class="card-link" href="riichi/index.html" aria-label="Riichi — ouvrir">
<img loading="lazy" class="project-thumb" src="projects/img/riichi.png" alt="Riichi — miniature">
<h3>Tuto Riichi Mahjong</h3>
<p class="excerpt">Tutoriel en ligne interactif pour apprendre à jouer au Riichi Mahjong</p>
</a>
</article>
<article class="project-card">
<a class="card-link" href="ChessNut.html" aria-label="ChessNut — ouvrir">
<img loading="lazy" class="project-thumb" src="projects/img/chess.jpg" alt="ChessNut — miniature">
<h3>ChessNut</h3>
<p class="excerpt">Jeu en ligne et autohébergeable d'une variante des échecs avec des cartes Action.</p>
</a>
</article>
</div>
</main>
</body>
</html>

24
projets.json Normal file
View file

@ -0,0 +1,24 @@
[
{
"id": "riichi",
"title": "Riichi",
"description": "Simulateur et outils pour mahjong Riichi — moteurs, visualisations et tests.",
"tech": ["TypeScript","JS","Web"],
"image": "projects/img/riichi-tile.svg",
"repo": "https://github.com/decosse-adrien/riichi",
"live": "riichi/index.html",
"featured": true,
"date": "2024-03-12"
},
{
"id": "prototype-2",
"title": "Prototype 2",
"description": "Prototype en développement (ne pas encore mettre en avant).",
"tech": ["C","expérimental"],
"image": "projects/img/chess-pawn.svg",
"repo": "",
"live": "prototype2.html",
"featured": false,
"date": "2025-01-01"
}
]

23
style.css
View file

@ -209,3 +209,26 @@ a#easteregg:active{
.markdown-content pre{background:rgba(15,23,42,0.03); padding:12px; border-radius:8px; overflow:auto}
.markdown-content blockquote{border-left:4px solid rgba(16,185,129,0.12); padding:8px 12px; color:var(--muted); background:rgba(16,185,129,0.02); border-radius:6px}
/* Projects grid */
.projects-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; margin-top:12px}
.project-card{background:var(--card); border-radius:10px; padding:12px; box-shadow:0 6px 18px rgba(15,23,42,0.05); border:1px solid rgba(15,23,42,0.04)}
.project-card .project-thumb{width:100%; height:300px; object-fit:cover; border-radius:6px; display:block; margin-bottom:10px}
.project-card h3{margin:8px 0 6px; font-size:18px}
.project-card .excerpt{color:var(--muted); font-size:15px; margin:0}
.project-card .tech{margin-top:8px}
.project-card .tag{display:inline-block; background:rgba(15,23,42,0.04); padding:4px 8px; margin-right:6px; border-radius:6px; font-size:12px}
.project-links{margin-top:10px; display:flex; gap:8px}
.projects-grid p{grid-column:1/-1}
@media (max-width:900px){
.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px}
.project-card .project-thumb{height:220px}
}
@media (max-width:600px){
.projects-grid{grid-template-columns:1fr}
.project-card .project-thumb{height:180px}
}