feldenr
d5df62b345
- Refonte : navbar/footer extraits dans components.js (injection JS) - Contact : email [email protected], suppression du telephone sur les CV - Pied de page : retrait de « Design & code - fait main » - Ajout de style.css (jusqu'ici non versionne) - Mise a jour : cv.html, cv-roman-felden.html, index.html, projets.html
347 lines
18 KiB
HTML
347 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Projets de Roman Felden - Homelab, applications, mods et infrastructure">
|
|
<title>Projets — Roman Felden</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Inter:[email protected]&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script>
|
|
if (localStorage.getItem('theme') === 'dark' || (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ============ EN-TÊTE ============ -->
|
|
<header class="page-head">
|
|
<div class="container">
|
|
<div class="hero-meta reveal">
|
|
<span class="rule"></span>
|
|
<span class="mono-label">Réalisations — 2019 → 2026</span>
|
|
</div>
|
|
<h1 class="page-title reveal" style="--reveal-delay:.08s">Mes <em>projets</em></h1>
|
|
<p class="page-sub reveal" style="--reveal-delay:.16s">
|
|
Quatre terrains d'expérimentation : de l'infrastructure virtualisée
|
|
au jeu de société mobile, en passant par l'univers Minecraft.
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ============ 01 — HOMELAB ============ -->
|
|
<section id="homelab" class="project-detail">
|
|
<div class="container">
|
|
<div class="project-detail-grid">
|
|
<div class="pd-sticky reveal">
|
|
<span class="pd-index">Projet — 01</span>
|
|
<h2 class="pd-title">Homelab Proxmox</h2>
|
|
<p class="pd-subtitle">Infrastructure de virtualisation complète</p>
|
|
<div class="pd-tags">
|
|
<span class="tag">Infrastructure</span>
|
|
<span class="tag">Virtualisation</span>
|
|
<span class="tag">Réseaux</span>
|
|
<span class="tag">Sécurité</span>
|
|
</div>
|
|
</div>
|
|
<div class="pd-body reveal" style="--reveal-delay:.1s">
|
|
<p>
|
|
Mon Homelab basé sur Proxmox VE est une infrastructure de virtualisation complète
|
|
qui me permet d'héberger divers services, d'expérimenter de nouvelles technologies
|
|
et de développer mes compétences en administration système. C'est un environnement
|
|
d'apprentissage et de test pour les technologies de virtualisation, de conteneurisation
|
|
et de réseautage.
|
|
</p>
|
|
<div class="pd-features">
|
|
<div class="pd-feature">
|
|
<span class="f-num">a.</span>
|
|
<div>
|
|
<h4>Virtualisation avancée</h4>
|
|
<p>Gestion de machines virtuelles Linux et Windows avec Proxmox VE.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">b.</span>
|
|
<div>
|
|
<h4>Conteneurisation</h4>
|
|
<p>Déploiement de services avec LXC et Docker pour une isolation légère.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">c.</span>
|
|
<div>
|
|
<h4>Réseautage complexe</h4>
|
|
<p>VLANs, bridges et configuration réseau avancée.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">d.</span>
|
|
<div>
|
|
<h4>Stockage et backup</h4>
|
|
<p>ZFS pour la gestion du stockage avec snapshots et réplications.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">e.</span>
|
|
<div>
|
|
<h4>Services auto-hébergés</h4>
|
|
<p>DNS, surveillance, stockage cloud, bases de données, etc.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pd-stack">
|
|
<span class="mono-label">Stack technique</span>
|
|
<div class="row-tags">
|
|
<span class="tag">Proxmox VE</span>
|
|
<span class="tag">Linux</span>
|
|
<span class="tag">Docker</span>
|
|
<span class="tag">LXC</span>
|
|
<span class="tag">ZFS</span>
|
|
<span class="tag">VLAN</span>
|
|
<span class="tag">Networking</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ 02 — BOIDELO ============ -->
|
|
<section id="boidelo" class="project-detail">
|
|
<div class="container">
|
|
<div class="project-detail-grid">
|
|
<div class="pd-sticky reveal">
|
|
<span class="pd-index">Projet — 02</span>
|
|
<h2 class="pd-title">Boidelo</h2>
|
|
<p class="pd-subtitle">Application Android de jeu de société</p>
|
|
<div class="pd-tags">
|
|
<span class="tag">Android</span>
|
|
<span class="tag">Java</span>
|
|
<span class="tag">Material Design</span>
|
|
<span class="tag">Jeu</span>
|
|
</div>
|
|
</div>
|
|
<div class="pd-body reveal" style="--reveal-delay:.1s">
|
|
<p>
|
|
Boidelo est une application Android de jeu de société multijoueur similaire
|
|
à « King's Cup » ou « Never Have I Ever ». L'application permet à un groupe
|
|
de joueurs de répondre à des questions aléatoires et de relever des défis.
|
|
Elle inclut 150 questions préchargées, une interface Material Design 3 et
|
|
des paramètres personnalisables.
|
|
</p>
|
|
<div class="pd-features">
|
|
<div class="pd-feature">
|
|
<span class="f-num">a.</span>
|
|
<div>
|
|
<h4>Jeu multijoueur</h4>
|
|
<p>Support de 3 joueurs à l'infini avec saisie dynamique des noms.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">b.</span>
|
|
<div>
|
|
<h4>150 questions préchargées</h4>
|
|
<p>Questions variées depuis un fichier JSON avec système de variantes.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">c.</span>
|
|
<div>
|
|
<h4>Défis multi-manches</h4>
|
|
<p>Système de défis avec compte à rebours et gestion optimisée.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">d.</span>
|
|
<div>
|
|
<h4>Paramètres personnalisables</h4>
|
|
<p>Nombre de questions, ajout de gorgées, durée des défis, ratio BDD/OpenAI.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">e.</span>
|
|
<div>
|
|
<h4>Interface Material Design 3</h4>
|
|
<p>Design moderne avec animations fluides et support du mode sombre.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pd-stack">
|
|
<span class="mono-label">Stack technique</span>
|
|
<div class="row-tags">
|
|
<span class="tag">Android SDK</span>
|
|
<span class="tag">Java 17</span>
|
|
<span class="tag">Material Design 3</span>
|
|
<span class="tag">Gradle</span>
|
|
<span class="tag">JSON</span>
|
|
<span class="tag">PostgreSQL</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ 03 — CUSTOM ORE GEN ============ -->
|
|
<section id="custom-ore-gen" class="project-detail">
|
|
<div class="container">
|
|
<div class="project-detail-grid">
|
|
<div class="pd-sticky reveal">
|
|
<span class="pd-index">Projet — 03</span>
|
|
<h2 class="pd-title">Custom Ore Gen</h2>
|
|
<p class="pd-subtitle">Mod Minecraft 1.20.1 — Forge</p>
|
|
<div class="pd-tags">
|
|
<span class="tag">Minecraft</span>
|
|
<span class="tag">Forge</span>
|
|
<span class="tag">Modding</span>
|
|
<span class="tag">Java</span>
|
|
</div>
|
|
</div>
|
|
<div class="pd-body reveal" style="--reveal-delay:.1s">
|
|
<p>
|
|
Custom Ore Gen est un mod Minecraft développé avec MCreator pour Forge 1.20.1.
|
|
Ce mod modifie la distribution des ressources en ajoutant de nouvelles variantes
|
|
de minerais avec des drops configurables, des outils personnalisés et une armure
|
|
intermédiaire située entre le fer et le diamant. Il est conçu pour être utilisé
|
|
avec KubeJS et Biomes O' Plenty.
|
|
</p>
|
|
<div class="pd-features">
|
|
<div class="pd-feature">
|
|
<span class="f-num">a.</span>
|
|
<div>
|
|
<h4>16 nouveaux minerais</h4>
|
|
<p>Variantes de diamant, or, charbon, fer, émeraude, redstone, lapis et cuivre.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">b.</span>
|
|
<div>
|
|
<h4>Distribution par biome</h4>
|
|
<p>Génération basée sur la température : froid, chaud, tempéré, montagneux, rare.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">c.</span>
|
|
<div>
|
|
<h4>Diamond Shards</h4>
|
|
<p>Nouvelle ressource pour outils et armure intermédiaires (9 shards = 1 diamant).</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">d.</span>
|
|
<div>
|
|
<h4>Outils en Diamond Shard</h4>
|
|
<p>Pioche, pelle, hache et Paxel (outil combiné pioche + pelle + hache).</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">e.</span>
|
|
<div>
|
|
<h4>Armure intermédiaire</h4>
|
|
<p>17 de protection, 1060 de durabilité — entre fer et diamant.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">f.</span>
|
|
<div>
|
|
<h4>Ore Biome Finder</h4>
|
|
<p>Utilitaire pour identifier les minerais présents dans le biome actuel.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">g.</span>
|
|
<div>
|
|
<h4>Support Biomes O' Plenty</h4>
|
|
<p>69 biomes BOP supplémentaires classés par température.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pd-stack">
|
|
<span class="mono-label">Stack technique</span>
|
|
<div class="row-tags">
|
|
<span class="tag">Minecraft 1.20.1</span>
|
|
<span class="tag">Forge 47.3.0</span>
|
|
<span class="tag">MCreator</span>
|
|
<span class="tag">Java 17</span>
|
|
<span class="tag">KubeJS</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ 04 — GEOREALMCRAFT ============ -->
|
|
<section id="georealmcraft" class="project-detail">
|
|
<div class="container">
|
|
<div class="project-detail-grid">
|
|
<div class="pd-sticky reveal">
|
|
<span class="pd-index">Projet — 04</span>
|
|
<h2 class="pd-title">GeoRealmCraft</h2>
|
|
<p class="pd-subtitle">Serveur Minecraft public & infrastructure</p>
|
|
<div class="pd-tags">
|
|
<span class="tag">Minecraft</span>
|
|
<span class="tag">Infrastructure</span>
|
|
<span class="tag">Communauté</span>
|
|
<span class="tag">Admin</span>
|
|
</div>
|
|
</div>
|
|
<div class="pd-body reveal" style="--reveal-delay:.1s">
|
|
<p>
|
|
GeoRealmCraft est un serveur Minecraft public avec infrastructure complète.
|
|
Projet technique d'administration système et de gestion de communauté, incluant
|
|
maintenance de serveur, modpack technique, gestion des utilisateurs et monitoring.
|
|
Expérience concrète en gestion d'infrastructure et de communauté en ligne.
|
|
</p>
|
|
<div class="pd-features">
|
|
<div class="pd-feature">
|
|
<span class="f-num">a.</span>
|
|
<div>
|
|
<h4>Administration serveur</h4>
|
|
<p>Gestion complète de serveur : configuration, maintenance et mise à jour.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">b.</span>
|
|
<div>
|
|
<h4>Gestion de communauté</h4>
|
|
<p>Modération, support utilisateur, gestion des conflits et animation.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">c.</span>
|
|
<div>
|
|
<h4>Infrastructure scalable</h4>
|
|
<p>Configuration technique optimisée, performance et gestion de la charge.</p>
|
|
</div>
|
|
</div>
|
|
<div class="pd-feature">
|
|
<span class="f-num">d.</span>
|
|
<div>
|
|
<h4>Maintenance & monitoring</h4>
|
|
<p>Sauvegardes automatisées, surveillance des performances et résolution d'incidents.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pd-stack">
|
|
<span class="mono-label">Stack technique</span>
|
|
<div class="row-tags">
|
|
<span class="tag">Administration Système</span>
|
|
<span class="tag">Gestion de Communauté</span>
|
|
<span class="tag">Monitoring</span>
|
|
<span class="tag">Maintenance</span>
|
|
<span class="tag">Backup</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="components.js"></script>
|
|
</body>
|
|
</html>
|