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> <!DOCTYPE html>
<html lang="fr" translate="no"> <html lang="fr" translate="no">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Lucien Cartier-Tilet</title> <title>Lucien Cartier-Tilet</title>
<meta name="author" content="Lucien Cartier-Tilet" /> <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" /> <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:image" content="https://cdn.phundrak.fr/img/rich_preview.png" />
<meta property="og:title" content="Lucien Cartier-Tilet" /> <meta property="og:title" content="Lucien Cartier-Tilet" />
<meta property="og:description" content="Site web personnel de Lucien Cartier-Tilet" /> <meta property="og:description" content="Site web personnel de Lucien Cartier-Tilet" />
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@phundrak" /> <meta name="twitter:site" content="@phundrak" />
<meta name="twitter:creator" content="@phundrak" /> <meta name="twitter:creator" content="@phundrak" />
<meta name="description" content="Site web personnel de Lucien Cartier-Tilet" /> <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="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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/main.css" type="text/css" media="screen" /> <link rel="stylesheet" href="style/main.css" type="text/css" media="screen" />
</head> </head>
<body> <body>
<div class="ribbon"> <div class="ribbon">
<div>
<div class="header-container"> <div class="header-container">
<h1>Lucien Cartier-Tilet</h1> <h1>Lucien Cartier-Tilet</h1>
<div class="highlight-h1"></div> <div class="highlight-h1"></div>
</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>
<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"> <div class="header-container">
<h4>Contact</h4> <h4>Contact</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>
<div class="side-content"> <div class="side-card side-situation">
<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="header-container"> <div class="header-container">
<h4>Situation Pro</h4> <h4>Situation Pro</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <div class="side-content">
<div class="side-content"> <p>Étudiant, tuteur</p>
<p>Étudiant, tuteur</p> <p>Ouvert aux opportunités</p>
<p>Ouvert aux opportunités</p> </div>
</div>
</div> </div>
<div class="side-card side-bio"> <div class="side-card side-bio">
<div>
<div class="header-container"> <div class="header-container">
<h4>Présentation</h4> <h4>Présentation</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <div class="side-content">
<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>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>
<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> </div>
<div class="side-card side-liens"> <div class="side-card side-liens">
<div>
<div class="header-container"> <div class="header-container">
<h4>Mes liens</h4> <h4>Mes liens</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <div class="side-content">
<div class="side-content"> <ul class="side-links">
<ul class="side-links"> <li><a href="https://labs.phundrak.fr/phundrak">GitLab</a></li>
<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://github.com/phundrak">Github</a></li> <li><a href="https://langue.phundrak.fr/">Site de linguistique</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://twitter.com/phundrak">Twitter</a></li> <li><a href="https://youtube.com/phundrak">YouTube</a></li>
<li><a href="https://youtube.com/phundrak">YouTube</a></li> <li><a href="https://instagram.com/phundrak">Instagram</a></li>
<li><a href="https://instagram.com/phundrak">Instagram</a></li> </ul>
</ul> </div>
</div> </div>
</div> </div>
</div> <div class="content">
<div class="content"> <div id="cont-xp" class="card">
<div id="cont-xp" class="card">
<div>
<div class="header-container"> <div class="header-container">
<h3>Expériences Professionnelles</h3> <h3>Expériences Professionnelles</h3>
<div class="highlight-h3"></div> <div class="highlight-h3"></div>
</div> </div>
</div> <ul>
<ul> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Directeur Technique, Développeur</h4> <h4>Directeur Technique, Développeur</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <ul class="list-no-style">
<div> <li>
<div class="header-container"> <div class="header-container">
<h5>VoxWave</h5> <h5>VoxWave</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div>
<p>Septembre 2012 à Juillet 2018</p> <p>Septembre 2012 à Juillet 2018</p>
<ul class="two-col-ul"> <ul class="two-col-ul">
<li>Programmation de voix de synthèse</li> <li>Programmation de voix de synthèse</li>
<li>Recherches linguistiques</li> <li>Recherches linguistiques</li>
<li>Support utilisateur</li> <li>Support utilisateur</li>
<li>Formation de recrues</li> <li>Formation de recrues</li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </li>
<div id="cont-skills" class="card"> </ul>
</div>
<div> <div id="cont-skills" class="card">
<div class="header-container"> <div class="header-container">
<h3>Compétences</h3> <h3>Compétences</h3>
<div class="highlight-h3"></div> <div class="highlight-h3"></div>
</div> </div>
</div>
<ul> <ul>
<li class="list-lvl1 card card-lvl2" id="skills-cs"> <li class="list-lvl1 card card-lvl2" id="skills-cs">
<div>
<div class="header-container"> <div class="header-container">
<h4>Informatique</h4> <h4>Informatique</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul class="list-no-style"> <ul class="list-no-style">
<li> <li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Programmation</h5> <h5>Programmation</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <p class="skill-description">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p>
<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 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>
<p class="skill-description">Connaissances solides en C, C++</p> </li>
</li> <li>
<li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Outils de développement</h5> <h5>Outils de développement</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <ul class="skill-list two-col-ul">
<ul class="skill-list two-col-ul"> <li>Emacs</li>
<li>Emacs</li> <li>Git</li>
<li>Git</li> <li>JetBrains CLion</li>
<li>JetBrains CLion</li> <li>JetBrains PyCharm</li>
<li>JetBrains PyCharm</li> <li>JetBrains WebStorm</li>
<li>JetBrains WebStorm</li> <li>Visual Studio 2015/2017</li>
<li>Visual Studio 2015/2017</li> <li>Nginx</li>
<li>Nginx</li> <li>Vim</li>
<li>Vim</li> <li>Docker</li>
<li>Docker</li> </ul>
</ul> </li>
</li> <li>
<li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Systèmes dexploitation</h5> <h5>Systèmes dexploitation</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <ul class="skill-list two-col-ul">
<ul class="skill-list two-col-ul"> <li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li>
<li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li> <li>Microsoft Windows XP/7/8.1/10</li>
<li>Microsoft Windows XP/7/8.1/10</li> </ul>
</ul> </li>
</li> <li>
<li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Synthèse vocale</h5> <h5>Synthèse vocale</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <ul class="skill-list two-col-ul">
<ul class="skill-list two-col-ul"> <li>Développement de banques vocales pour VOCALOID3, Alter/Ego, Chipspeech, UTAU</li>
<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>
<li>Utilisation de VOCALOID2/3/4, Alter/Ego, Chipspeech, UTAU, CeVIO Creative Studio</li> </ul>
</ul> </li>
</li> <li>
<li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Son</h5> <h5>Son</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <ul class="skill-list two-col-ul">
<ul class="skill-list two-col-ul"> <li>FL Studio</li>
<li>FL Studio</li> <li>iZotope RX 4/5/6</li>
<li>iZotope RX 4/5/6</li> <li>T-RackS CS</li>
<li>T-RackS CS</li> </ul>
</ul> </li>
</li> <li>
<li>
<div>
<div class="header-container skill-name"> <div class="header-container skill-name">
<h5>Bureautique</h5> <h5>Bureautique</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <ul class="skill-list">
<ul class="skill-list"> <li>LaTeX</li>
<li>LaTeX</li> <li>Org-mode</li>
<li>Org-mode</li> <li>Microsoft Office (Word, Excel, Powerpoint)</li>
<li>Microsoft Office (Word, Excel, Powerpoint)</li> <li>WPS Office</li>
<li>WPS Office</li> <li>Adobe Acrobat Pro</li>
<li>Adobe Acrobat Pro</li> </ul>
</ul> </li>
</li> </ul>
</ul> </li>
</li> <li class="list-lvl1 card card-lvl2" id="skills-lang">
<li class="list-lvl1 card card-lvl2" id="skills-lang">
<div>
<div class="header-container"> <div class="header-container">
<h4>Langues Parlées</h4> <h4>Langues Parlées</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul class="two-col-ul list-no-style"> <ul class="two-col-ul list-no-style">
<li> <li class="elem-lang">
<div>
<div class="header-container"> <div class="header-container">
<h5>Français</h5> <h5>Français</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div>
<p>Langue maternelle</p> <p>Langue maternelle</p>
</li> </li>
<li> <li>
<div>
<div class="header-container"> <div class="header-container">
<h5>Anglais</h5> <h5>Anglais</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</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> <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>
<li> <li>
<div>
<div class="header-container"> <div class="header-container">
<h5>Japonais</h5> <h5>Japonais</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</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> <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> </li>
</ul> </ul>
</li> </li>
<li class="list-lvl1 card card-lvl2" id="skills-other"> <li class="list-lvl1 card card-lvl2" id="skills-other">
<div>
<div class="header-container"> <div class="header-container">
<h4>Autres</h4> <h4>Autres</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul class="list-no-style"> <ul class="list-no-style">
<li> <li>
<div>
<div class="header-container"> <div class="header-container">
<h5>Linguistique</h5> <h5>Linguistique</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div>
<p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique.</p> <p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique.</p>
</li> </li>
<li> <li>
<div>
<div class="header-container"> <div class="header-container">
<h5>Création de langues</h5> <h5>Création de langues</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div>
<p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a>.</p> <p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a>.</p>
</li> </li>
<li> <li>
<div>
<div class="header-container"> <div class="header-container">
<h5>Création dunivers fictifs</h5> <h5>Création dunivers fictifs</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div>
<p>Création dun univers fictif complexe pour mon roman en cours décriture.</p> <p>Création dun univers fictif complexe pour mon roman en cours décriture.</p>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
<div id="cont-training" class="card"> <div id="cont-training" class="card">
<div>
<div class="header-container"> <div class="header-container">
<h3>Formations</h3> <h3>Formations</h3>
<div class="highlight-h3"></div> <div class="highlight-h3"></div>
</div> </div>
</div> <ul>
<ul> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Licence dInformatique</h4> <h4>Licence dInformatique</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <ul class="list-no-style">
<div> <li>
<div class="header-container"> <div>
<h5>Université Vincennes-Saint-Denis (Paris VIII)</h5> <div class="header-container">
<div class="highlight-h5"></div> <h5>Université Vincennes-Saint-Denis (Paris VIII)</h5>
</div> <div class="highlight-h5"></div>
</div> </div>
<p>Depuis Septembre 2016</p> </div>
<p class="train-description">Formation en programmation et sciences de linformatique</p> <p>Depuis Septembre 2016</p>
</li> <p class="train-description">Formation en programmation et sciences de linformatique</p>
<li class="list-lvl1 card card-lvl2"> </li>
<div> </ul>
</li>
<li class="list-lvl1 card card-lvl2">
<div class="header-container"> <div class="header-container">
<h4>Anglais LLCE</h4> <h4>Anglais LLCE</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <ul class="list-no-style">
<div> <li>
<div class="header-container"> <div class="header-container">
<h5>Université Lumière Lyon 2</h5> <h5>Université Lumière Lyon 2</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <p>Septembre 2013 à Mai 2015</p>
<p>Septembre 2013 à Mai 2015</p> <p class="train-description">Formation dAnglais en filière Langue, Littérature et Civilisations Étrangères (LLCE)</p>
<p class="train-description">Formation dAnglais en filière Langue, Littérature et Civilisations Étrangères (LLCE)</p> </li>
</li> </ul>
<li class="list-lvl1 card card-lvl2"> </li>
<div> <li class="list-lvl1 card card-lvl2">
<div class="header-container"> <div class="header-container">
<h4>Baccalauréat</h4> <h4>Baccalauréat</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <ul class="list-no-style">
<div> <li>
<div class="header-container"> <div class="header-container">
<h5>Lycée de la Plaine de lAin</h5> <h5>Lycée de la Plaine de lAin</h5>
<div class="highlight-h5"></div> <div class="highlight-h5"></div>
</div> </div>
</div> <p>Septembre 2010 à Juillet 2013</p>
<p>Septembre 2010 à Juillet 2013</p> <p class="train-description">Baccalauréat série Scientifique spécialisation Sciences de lIngénieur, mention bien</p>
<p class="train-description">Baccalauréat série Scientifique spécialisation Sciences de lIngénieur, mention bien</p> </li>
</li> </ul>
</ul> </li>
</div> </ul>
<div id="cont-portfolio" class="card"> </div>
<div> <div id="cont-portfolio" class="card">
<div class="header-container"> <div class="header-container">
<h3>Portfolio</h3> <h3>Portfolio</h3>
<div class="highlight-h3"></div> <div class="highlight-h3"></div>
</div> </div>
</div>
<ul> <ul>
<li class="list-lvl1 card card-lvl2"> <li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Output-VT100</h4> <h4>Output-VT100</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>Crate (bibliothèque) Rust permettant lactivation des caractères échapés ANSI dans les shells CMD et PowerShell de Windows.</p> <p>
<p> <a class="port-proj-link" href="https://crates.io/crates/output_vt100">(lien)</a>
<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>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/output-vt100-rs">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>ConlangDict</h4> <h4>ConlangDict</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>Dictionnaire bilingue en ligne entre langues naturelles et langues construites, le serveur est codé en Python basé sur Django&nbsp;2.</p> <p>
<p> <a class="port-proj-link" href="https://dict.phundrak.fr/">(lien)</a>
<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>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/dictionary-conlangs">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Langues Construites de Pundrak</h4> <h4>Langues Construites de Pundrak</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>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>
<p> <a class="port-proj-link" href="https://langue.phundrak.fr/">(lien)</a>
<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>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/langue-phundrak-fr">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Tutoriel sarcastique sur Git</h4> <h4>Tutoriel sarcastique sur Git</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>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>
<p> <a class="port-proj-link" href="https://phundrak.fr/git">(lien)</a>
<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>
<a class="port-proj-src" href="https://github.com/Phundrak/tutoriel-git">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Chat en réseau</h4> <h4>Chat en réseau</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <p>Projet duniversité de chat en ligne se lançant dans un terminal. Écrit en Rust.</p>
<p>Projet duniversité de chat en ligne se lançant dans un terminal. Écrit en Rust.</p> <p>
<p> <a class="port-proj-link" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(lien)</a>
<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>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>GL4Dummies</h4> <h4>GL4Dummies</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</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>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>
<p> <a class="port-proj-link" href="http://gl4d.api8.fr/FR/">(lien)</a>
<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>
<a class="port-proj-src" href="https://github.com/noalien/GL4Dummies">(source)</a></p> </li>
</li> <li class="list-lvl1 card card-lvl2">
<li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>eDEX UI</h4> <h4>eDEX UI</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div> <p>Participation au développement deDEX UI, une interface desktop futuristique.</p>
<p>Participation au développement deDEX UI, une interface desktop futuristique.</p> <p>
<p> <a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">(lien)</a>
<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>
<a class="port-proj-src" href="https://github.com/GitSquared/edex-ui">(source)</a> </p>
</p> </li>
</li> </ul>
</ul> </div>
</div> <div id="cont-hobbies" class="card">
<div id="cont-hobbies" class="card">
<div>
<div class="header-container"> <div class="header-container">
<h3>Loisirs</h3> <h3>Loisirs</h3>
<div class="highlight-h3"></div> <div class="highlight-h3"></div>
</div> </div>
</div>
<ul> <ul>
<li class="list-lvl1 card card-lvl2"> <li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Écriture</h4> <h4>Écriture</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul> <ul>
<li>Écriture de roman, de nouvelles et de scénarios de jeux de rôles</li> <li>Écriture de roman, de nouvelles et de scénarios de jeux de rôles</li>
<li>Constructions dunivers fictifs</li> <li>Constructions dunivers fictifs</li>
<li>Construction de langues</li> <li>Construction de langues</li>
</ul> </ul>
</li> </li>
<li class="list-lvl1 card card-lvl2"> <li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Lectures</h4> <h4>Lectures</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul> <ul>
<li>Livres de programmation (actuellement <i>Clean Code</i> par Robert C. Martin)</li> <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>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> <li>Tolkien (<i>Seigneur des Anneaux</i>, <i>Silmarillion</i>, <i>La Chute de Gondolin</i>, ...)</li>
</ul> </ul>
</li> </li>
<li class="list-lvl1 card card-lvl2"> <li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Musique</h4> <h4>Musique</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul> <ul>
<li>Utilisation de voix de synthèse</li> <li>Utilisation de voix de synthèse</li>
<li>Mixage et mastering audio</li> <li>Mixage et mastering audio</li>
</ul> </ul>
</li> </li>
<li class="list-lvl1 card card-lvl2"> <li class="list-lvl1 card card-lvl2">
<div>
<div class="header-container"> <div class="header-container">
<h4>Jeux</h4> <h4>Jeux</h4>
<div class="highlight-h4"></div> <div class="highlight-h4"></div>
</div> </div>
</div>
<ul> <ul>
<li>RPG (série des Elder Scrolls, ...)</li> <li>RPG (série des Elder Scrolls, ...)</li>
<li>RTS (Hearts of Iron IV)</li> <li>RTS (Hearts of Iron IV)</li>
<li>Jeux de rôle sur table (joueur et maître jeu)</li> <li>Jeux de rôle sur table (joueur et maître jeu)</li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div>
</div> </div>
</div> </body>
</body>
</html> </html>

View File

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