html cleanup and visual fixes

This commit is contained in:
Phuntsok Drak-pa 2019-07-10 21:05:46 +02:00
parent d72d499290
commit 03a33a7a3a
2 changed files with 290 additions and 357 deletions

View File

@ -1,546 +1,475 @@
<!DOCTYPE html>
<html lang="fr" translate="no">
<head>
<meta charset="utf-8">
<title>Lucien Cartier-Tilet</title>
<meta name="author" content="Lucien Cartier-Tilet" />
<link rel="sortcut icon" href="https://cdn.phundrak.fr/img/mahakala-128x128.png" type="img/png" media="screen" />
<meta property="og:image" content="https://cdn.phundrak.fr/img/rich_preview.png" />
<meta property="og:title" content="Lucien Cartier-Tilet" />
<meta property="og:description" content="Site web personnel de Lucien Cartier-Tilet" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@phundrak" />
<meta name="twitter:creator" content="@phundrak" />
<meta name="description" content="Site web personnel de Lucien Cartier-Tilet" />
<meta name="keywords" content="Lucien, Cartier, Tilet, Cartier-Tilet, université, informatique, étudiant, university, college, student, computer, computer science, science, ALYS, LEORA, VoxWave, voice, vocal synthesis, French, English, Japanese, AlterEgo, VOCALOID, UTAU, CeVIO, Chipspeech, Plogue, linguistique, langue, hjelp, hjalpi, conlang, conlangs" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/main.css" type="text/css" media="screen" />
</head>
<head>
<meta charset="utf-8">
<title>Lucien Cartier-Tilet</title>
<meta name="author" content="Lucien Cartier-Tilet" />
<link rel="sortcut icon" href="https://cdn.phundrak.fr/img/mahakala-128x128.png" type="img/png" media="screen" />
<meta property="og:image" content="https://cdn.phundrak.fr/img/rich_preview.png" />
<meta property="og:title" content="Lucien Cartier-Tilet" />
<meta property="og:description" content="Site web personnel de Lucien Cartier-Tilet" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@phundrak" />
<meta name="twitter:creator" content="@phundrak" />
<meta name="description" content="Site web personnel de Lucien Cartier-Tilet" />
<meta name="keywords" content="Lucien, Cartier, Tilet, Cartier-Tilet, université, informatique, étudiant, university, college, student, computer, computer science, science, ALYS, LEORA, VoxWave, voice, vocal synthesis, French, English, Japanese, AlterEgo, VOCALOID, UTAU, CeVIO, Chipspeech, Plogue, linguistique, langue, hjelp, hjalpi, conlang, conlangs" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/main.css" type="text/css" media="screen" />
</head>
<body>
<div class="ribbon">
<div>
<body>
<div class="ribbon">
<div class="header-container">
<h1>Lucien Cartier-Tilet</h1>
<div class="highlight-h1"></div>
</div>
</div>
<div>
<div class="header-container">
<h2>Étudiant Informatique</h2>
<div class="highlight-h2"></div>
</div>
</div>
<ul class="ribbon-links">
<li><a href="#cont-xp">Expérience</a></li>
<li><a href="#cont-skills">Compétences</a></li>
<li><a href="#cont-training">Formations</a></li>
<li><a href="#cont-portfolio">Portfolio</a></li>
<li><a href="#cont-hobbies">Loisirs</a></li>
<li><a href="https://en.phundrak.fr/" lang="en">English Version</a></li>
</ul>
</div>
<div class="sidebar">
<div class="side-picture"><img class="picture center" src="https://cdn.phundrak.fr/img/photo-de-ma-gueule.jpg" alt="Photo de moi-même" /></div>
<div class="side-card side-contact">
<div>
<div class="header-container">
<h2>Étudiant Informatique</h2>
<div class="highlight-h2"></div>
</div>
</div>
<ul class="ribbon-links">
<li><a href="#cont-xp">Expérience</a></li>
<li><a href="#cont-skills">Compétences</a></li>
<li><a href="#cont-training">Formations</a></li>
<li><a href="#cont-portfolio">Portfolio</a></li>
<li><a href="#cont-hobbies">Loisirs</a></li>
<li><a href="https://en.phundrak.fr/" lang="en">English Version</a></li>
</ul>
</div>
<div class="sidebar">
<div class="side-picture"><img class="picture center" src="https://cdn.phundrak.fr/img/photo-de-ma-gueule.jpg" alt="Photo de moi-même" /></div>
<div class="side-card side-contact">
<div class="header-container">
<h4>Contact</h4>
<div class="highlight-h4"></div>
</div>
<div class="side-content">
<p><a href="mailto:phundrak@phundrak.fr">phundrak@phundrak.fr</a></p>
<p><a href="tel:+33683905689">+33.(0)6.83.90.56.89</a></p>
</div>
</div>
<div class="side-content">
<p><a href="mailto:phundrak@phundrak.fr">phundrak@phundrak.fr</a></p>
<p><a href="tel:+33683905689">+33.(0)6.83.90.56.89</a></p>
</div>
</div>
<div class="side-card side-situation">
<div>
<div class="side-card side-situation">
<div class="header-container">
<h4>Situation Pro</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div class="side-content">
<p>Étudiant, tuteur</p>
<p>Ouvert aux opportunités</p>
</div>
<div class="side-content">
<p>Étudiant, tuteur</p>
<p>Ouvert aux opportunités</p>
</div>
</div>
<div class="side-card side-bio">
<div>
</div>
<div class="side-card side-bio">
<div class="header-container">
<h4>Présentation</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div class="side-content">
<p>Actuellement étudiant depuis Septembre 2016 en licence dinformatique à lUniversité Vincennes Saint-Denis (Paris VIII), je fût également directeur technique et développeur de voix de synthèse chez VoxWave de Septembre 2012 à Juillet 2018.</p>
<p>Mes centres dintérêt sont variés, allant de la programmation à laudio en passant par la linguistique ; je parle par ailleurs couramment en anglais en plus du français (ma langue maternelle).</p>
</div>
<div class="side-content">
<p>Actuellement étudiant depuis Septembre 2016 en licence dinformatique à lUniversité Vincennes Saint-Denis (Paris VIII), je fût également directeur technique et développeur de voix de synthèse chez VoxWave de Septembre 2012 à Juillet 2018.</p>
<p>Mes centres dintérêt sont variés, allant de la programmation à laudio en passant par la linguistique ; je parle par ailleurs couramment en anglais en plus du français (ma langue maternelle).</p>
</div>
</div>
<div class="side-card side-liens">
<div>
</div>
<div class="side-card side-liens">
<div class="header-container">
<h4>Mes liens</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div class="side-content">
<ul class="side-links">
<li><a href="https://labs.phundrak.fr/phundrak">GitLab</a></li>
<li><a href="https://github.com/phundrak">Github</a></li>
<li><a href="https://langue.phundrak.fr/">Site de linguistique</a></li>
<li><a href="https://twitter.com/phundrak">Twitter</a></li>
<li><a href="https://youtube.com/phundrak">YouTube</a></li>
<li><a href="https://instagram.com/phundrak">Instagram</a></li>
</ul>
<div class="side-content">
<ul class="side-links">
<li><a href="https://labs.phundrak.fr/phundrak">GitLab</a></li>
<li><a href="https://github.com/phundrak">Github</a></li>
<li><a href="https://langue.phundrak.fr/">Site de linguistique</a></li>
<li><a href="https://twitter.com/phundrak">Twitter</a></li>
<li><a href="https://youtube.com/phundrak">YouTube</a></li>
<li><a href="https://instagram.com/phundrak">Instagram</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="content">
<div id="cont-xp" class="card">
<div>
<div class="content">
<div id="cont-xp" class="card">
<div class="header-container">
<h3>Expériences Professionnelles</h3>
<div class="highlight-h3"></div>
</div>
</div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Directeur Technique, Développeur</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div>
<div class="header-container">
<h5>VoxWave</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="list-no-style">
<li>
<div class="header-container">
<h5>VoxWave</h5>
<div class="highlight-h5"></div>
</div>
<p>Septembre 2012 à Juillet 2018</p>
<ul class="two-col-ul">
<li>Programmation de voix de synthèse</li>
<li>Recherches linguistiques</li>
<li>Support utilisateur</li>
<li>Formation de recrues</li>
</ul>
</li>
</ul>
</div>
<div id="cont-skills" class="card">
<div>
<p>Septembre 2012 à Juillet 2018</p>
<ul class="two-col-ul">
<li>Programmation de voix de synthèse</li>
<li>Recherches linguistiques</li>
<li>Support utilisateur</li>
<li>Formation de recrues</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="cont-skills" class="card">
<div class="header-container">
<h3>Compétences</h3>
<div class="highlight-h3"></div>
</div>
</div>
<ul>
<li class="list-lvl1 card card-lvl2" id="skills-cs">
<div>
<ul>
<li class="list-lvl1 card card-lvl2" id="skills-cs">
<div class="header-container">
<h4>Informatique</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul class="list-no-style">
<li>
<div>
<ul class="list-no-style">
<li>
<div class="header-container skill-name">
<h5>Programmation</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p class="skill-description">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p>
<p class="skill-description">Connaissances en Python, Rust, Assembleur (x86 syntaxe AT&T), Prolog, HTML, CSS, Javascript (Ecmascript 6), Scheme</p>
<p class="skill-description">Connaissances solides en C, C++</p>
</li>
<li>
<div>
<p class="skill-description">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p>
<p class="skill-description">Connaissances en Python, Rust, Assembleur (x86 syntaxe AT&T), Prolog, HTML, CSS, Javascript (Ecmascript 6), Scheme</p>
<p class="skill-description">Connaissances solides en C, C++</p>
</li>
<li>
<div class="header-container skill-name">
<h5>Outils de développement</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="skill-list two-col-ul">
<li>Emacs</li>
<li>Git</li>
<li>JetBrains CLion</li>
<li>JetBrains PyCharm</li>
<li>JetBrains WebStorm</li>
<li>Visual Studio 2015/2017</li>
<li>Nginx</li>
<li>Vim</li>
<li>Docker</li>
</ul>
</li>
<li>
<div>
<ul class="skill-list two-col-ul">
<li>Emacs</li>
<li>Git</li>
<li>JetBrains CLion</li>
<li>JetBrains PyCharm</li>
<li>JetBrains WebStorm</li>
<li>Visual Studio 2015/2017</li>
<li>Nginx</li>
<li>Vim</li>
<li>Docker</li>
</ul>
</li>
<li>
<div class="header-container skill-name">
<h5>Systèmes dexploitation</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="skill-list two-col-ul">
<li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li>
<li>Microsoft Windows XP/7/8.1/10</li>
</ul>
</li>
<li>
<div>
<ul class="skill-list two-col-ul">
<li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li>
<li>Microsoft Windows XP/7/8.1/10</li>
</ul>
</li>
<li>
<div class="header-container skill-name">
<h5>Synthèse vocale</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="skill-list two-col-ul">
<li>Développement de banques vocales pour VOCALOID3, Alter/Ego, Chipspeech, UTAU</li>
<li>Utilisation de VOCALOID2/3/4, Alter/Ego, Chipspeech, UTAU, CeVIO Creative Studio</li>
</ul>
</li>
<li>
<div>
<ul class="skill-list two-col-ul">
<li>Développement de banques vocales pour VOCALOID3, Alter/Ego, Chipspeech, UTAU</li>
<li>Utilisation de VOCALOID2/3/4, Alter/Ego, Chipspeech, UTAU, CeVIO Creative Studio</li>
</ul>
</li>
<li>
<div class="header-container skill-name">
<h5>Son</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="skill-list two-col-ul">
<li>FL Studio</li>
<li>iZotope RX 4/5/6</li>
<li>T-RackS CS</li>
</ul>
</li>
<li>
<div>
<ul class="skill-list two-col-ul">
<li>FL Studio</li>
<li>iZotope RX 4/5/6</li>
<li>T-RackS CS</li>
</ul>
</li>
<li>
<div class="header-container skill-name">
<h5>Bureautique</h5>
<div class="highlight-h5"></div>
</div>
</div>
<ul class="skill-list">
<li>LaTeX</li>
<li>Org-mode</li>
<li>Microsoft Office (Word, Excel, Powerpoint)</li>
<li>WPS Office</li>
<li>Adobe Acrobat Pro</li>
</ul>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2" id="skills-lang">
<div>
<ul class="skill-list">
<li>LaTeX</li>
<li>Org-mode</li>
<li>Microsoft Office (Word, Excel, Powerpoint)</li>
<li>WPS Office</li>
<li>Adobe Acrobat Pro</li>
</ul>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2" id="skills-lang">
<div class="header-container">
<h4>Langues Parlées</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul class="two-col-ul list-no-style">
<li>
<div>
<ul class="two-col-ul list-no-style">
<li class="elem-lang">
<div class="header-container">
<h5>Français</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Langue maternelle</p>
</li>
<li>
<div>
<p>Langue maternelle</p>
</li>
<li>
<div class="header-container">
<h5>Anglais</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Parlé couramment. Voyages en Juillet 2016 à Londres et Juin 2018 à Oxford (professionnel et personnel), deux années détudes en Anglais LLCE à luniversité Lumière Lyon 2, deux voyages linguistiques en angleterre en 2011 et 2013, voyage à New York City en 2011.</p>
</li>
<li>
<div>
<p>Parlé couramment. Voyages en Juillet 2016 à Londres et Juin 2018 à Oxford (professionnel et personnel), deux années détudes en Anglais LLCE à luniversité Lumière Lyon 2, deux voyages linguistiques en angleterre en 2011 et 2013, voyage à New York City en 2011.</p>
</li>
<li>
<div class="header-container">
<h5>Japonais</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Compréhension basique. Trois années détudes de la langue, deux voyages au Japon en 2014 (Tokyo) et 2015 (Tokyo et Osaka), connaissances linguistiques du Japonais</p>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2" id="skills-other">
<div>
<p>Compréhension basique. Trois années détudes de la langue, deux voyages au Japon en 2014 (Tokyo) et 2015 (Tokyo et Osaka), connaissances linguistiques du Japonais</p>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2" id="skills-other">
<div class="header-container">
<h4>Autres</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul class="list-no-style">
<li>
<div>
<ul class="list-no-style">
<li>
<div class="header-container">
<h5>Linguistique</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique.</p>
</li>
<li>
<div>
<p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique.</p>
</li>
<li>
<div class="header-container">
<h5>Création de langues</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a>.</p>
</li>
<li>
<div>
<p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a>.</p>
</li>
<li>
<div class="header-container">
<h5>Création dunivers fictifs</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Création dun univers fictif complexe pour mon roman en cours décriture.</p>
</li>
</ul>
</li>
</ul>
</div>
<div id="cont-training" class="card">
<div>
<p>Création dun univers fictif complexe pour mon roman en cours décriture.</p>
</li>
</ul>
</li>
</ul>
</div>
<div id="cont-training" class="card">
<div class="header-container">
<h3>Formations</h3>
<div class="highlight-h3"></div>
</div>
</div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Licence dInformatique</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div>
<div class="header-container">
<h5>Université Vincennes-Saint-Denis (Paris VIII)</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Depuis Septembre 2016</p>
<p class="train-description">Formation en programmation et sciences de linformatique</p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<ul class="list-no-style">
<li>
<div>
<div class="header-container">
<h5>Université Vincennes-Saint-Denis (Paris VIII)</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Depuis Septembre 2016</p>
<p class="train-description">Formation en programmation et sciences de linformatique</p>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Anglais LLCE</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div>
<div class="header-container">
<h5>Université Lumière Lyon 2</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Septembre 2013 à Mai 2015</p>
<p class="train-description">Formation dAnglais en filière Langue, Littérature et Civilisations Étrangères (LLCE)</p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<ul class="list-no-style">
<li>
<div class="header-container">
<h5>Université Lumière Lyon 2</h5>
<div class="highlight-h5"></div>
</div>
<p>Septembre 2013 à Mai 2015</p>
<p class="train-description">Formation dAnglais en filière Langue, Littérature et Civilisations Étrangères (LLCE)</p>
</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Baccalauréat</h4>
<div class="highlight-h4"></div>
</div>
</div>
<div>
<div class="header-container">
<h5>Lycée de la Plaine de lAin</h5>
<div class="highlight-h5"></div>
</div>
</div>
<p>Septembre 2010 à Juillet 2013</p>
<p class="train-description">Baccalauréat série Scientifique spécialisation Sciences de lIngénieur, mention bien</p>
</li>
</ul>
</div>
<div id="cont-portfolio" class="card">
<div>
<ul class="list-no-style">
<li>
<div class="header-container">
<h5>Lycée de la Plaine de lAin</h5>
<div class="highlight-h5"></div>
</div>
<p>Septembre 2010 à Juillet 2013</p>
<p class="train-description">Baccalauréat série Scientifique spécialisation Sciences de lIngénieur, mention bien</p>
</li>
</ul>
</li>
</ul>
</div>
<div id="cont-portfolio" class="card">
<div class="header-container">
<h3>Portfolio</h3>
<div class="highlight-h3"></div>
</div>
</div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Output-VT100</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Crate (bibliothèque) Rust permettant lactivation des caractères échapés ANSI dans les shells CMD et PowerShell de Windows.</p>
<p>
<a class="port-proj-link" href="https://crates.io/crates/output_vt100">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/output-vt100-rs">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Crate (bibliothèque) Rust permettant lactivation des caractères échapés ANSI dans les shells CMD et PowerShell de Windows.</p>
<p>
<a class="port-proj-link" href="https://crates.io/crates/output_vt100">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/output-vt100-rs">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>ConlangDict</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Dictionnaire bilingue en ligne entre langues naturelles et langues construites, le serveur est codé en Python basé sur Django&nbsp;2.</p>
<p>
<a class="port-proj-link" href="https://dict.phundrak.fr/">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/dictionary-conlangs">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Dictionnaire bilingue en ligne entre langues naturelles et langues construites, le serveur est codé en Python basé sur Django&nbsp;2.</p>
<p>
<a class="port-proj-link" href="https://dict.phundrak.fr/">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/dictionary-conlangs">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Langues Construites de Pundrak</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Site web de linguistique contenant mes fichiers de travail sur mes langues construites. Écrit en org-mode, exporté en HTML et PDF via Emacs.</p>
<p>
<a class="port-proj-link" href="https://langue.phundrak.fr/">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/langue-phundrak-fr">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Site web de linguistique contenant mes fichiers de travail sur mes langues construites. Écrit en org-mode, exporté en HTML et PDF via Emacs.</p>
<p>
<a class="port-proj-link" href="https://langue.phundrak.fr/">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/langue-phundrak-fr">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Tutoriel sarcastique sur Git</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Tutoriel sarcastique sur Git, écrit pour débutants souhaitant démarrer avec une utilisation de Git pour gérer leurs projets. Écrit en org-mode, exporté en HTML et PDF via Emacs.</p>
<p>
<a class="port-proj-link" href="https://phundrak.fr/git">(lien)</a>
<a class="port-proj-src" href="https://github.com/Phundrak/tutoriel-git">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Tutoriel sarcastique sur Git, écrit pour débutants souhaitant démarrer avec une utilisation de Git pour gérer leurs projets. Écrit en org-mode, exporté en HTML et PDF via Emacs.</p>
<p>
<a class="port-proj-link" href="https://phundrak.fr/git">(lien)</a>
<a class="port-proj-src" href="https://github.com/Phundrak/tutoriel-git">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Chat en réseau</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Projet duniversité de chat en ligne se lançant dans un terminal. Écrit en Rust.</p>
<p>
<a class="port-proj-link" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Projet duniversité de chat en ligne se lançant dans un terminal. Écrit en Rust.</p>
<p>
<a class="port-proj-link" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(lien)</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>GL4Dummies</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Participation au développement de GL4Dummies, un framework en C pour faciliter le développement en C avec OpenGL pour débutants en programmation graphique 2D et 3D.</p>
<p>
<a class="port-proj-link" href="http://gl4d.api8.fr/FR/">(lien)</a>
<a class="port-proj-src" href="https://github.com/noalien/GL4Dummies">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<p>Participation au développement de GL4Dummies, un framework en C pour faciliter le développement en C avec OpenGL pour débutants en programmation graphique 2D et 3D.</p>
<p>
<a class="port-proj-link" href="http://gl4d.api8.fr/FR/">(lien)</a>
<a class="port-proj-src" href="https://github.com/noalien/GL4Dummies">(source)</a></p>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>eDEX UI</h4>
<div class="highlight-h4"></div>
</div>
</div>
<p>Participation au développement deDEX UI, une interface desktop futuristique.</p>
<p>
<a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">(lien)</a>
<a class="port-proj-src" href="https://github.com/GitSquared/edex-ui">(source)</a>
</p>
</li>
</ul>
</div>
<div id="cont-hobbies" class="card">
<div>
<p>Participation au développement deDEX UI, une interface desktop futuristique.</p>
<p>
<a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">(lien)</a>
<a class="port-proj-src" href="https://github.com/GitSquared/edex-ui">(source)</a>
</p>
</li>
</ul>
</div>
<div id="cont-hobbies" class="card">
<div class="header-container">
<h3>Loisirs</h3>
<div class="highlight-h3"></div>
</div>
</div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Écriture</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul>
<li>Écriture de roman, de nouvelles et de scénarios de jeux de rôles</li>
<li>Constructions dunivers fictifs</li>
<li>Construction de langues</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li>Écriture de roman, de nouvelles et de scénarios de jeux de rôles</li>
<li>Constructions dunivers fictifs</li>
<li>Construction de langues</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Lectures</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul>
<li>Livres de programmation (actuellement <i>Clean Code</i> par Robert C. Martin)</li>
<li>Livres de linguistique (actuellement <i>Describing Morphosyntax</i> par Thomas E. Payne)</li>
<li>Tolkien (<i>Seigneur des Anneaux</i>, <i>Silmarillion</i>, <i>La Chute de Gondolin</i>, ...)</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li>Livres de programmation (actuellement <i>Clean Code</i> par Robert C. Martin)</li>
<li>Livres de linguistique (actuellement <i>Describing Morphosyntax</i> par Thomas E. Payne)</li>
<li>Tolkien (<i>Seigneur des Anneaux</i>, <i>Silmarillion</i>, <i>La Chute de Gondolin</i>, ...)</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Musique</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul>
<li>Utilisation de voix de synthèse</li>
<li>Mixage et mastering audio</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div>
<ul>
<li>Utilisation de voix de synthèse</li>
<li>Mixage et mastering audio</li>
</ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container">
<h4>Jeux</h4>
<div class="highlight-h4"></div>
</div>
</div>
<ul>
<li>RPG (série des Elder Scrolls, ...)</li>
<li>RTS (Hearts of Iron IV)</li>
<li>Jeux de rôle sur table (joueur et maître jeu)</li>
</ul>
</li>
</ul>
<ul>
<li>RPG (série des Elder Scrolls, ...)</li>
<li>RTS (Hearts of Iron IV)</li>
<li>Jeux de rôle sur table (joueur et maître jeu)</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</body>
</body>
</html>

View File

@ -194,7 +194,7 @@ p.side-content {
margin-block-end: 1em;
}
.two-col-ul li {
.two-col-ul .elem-lang {
display: inline-block;
}
@ -209,6 +209,10 @@ p.side-content {
}
.list-no-style > li {
margin-bottom: 30px;
}
/* highlights ****************************************************************/
h1,h2,h3,h4,h5 {
font-family: 'Alfa Slab One', serif;