html cleanup and visual fixes
This commit is contained in:
Phuntsok Drak-pa
parent
d72d499290
commit
03a33a7a3a
105
index.html
105
index.html
|
|
@ -20,12 +20,10 @@
|
|||
|
||||
<body>
|
||||
<div class="ribbon">
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -44,24 +42,20 @@
|
|||
<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">
|
||||
<h4>Contact</h4>
|
||||
<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 class="side-card side-situation">
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -69,12 +63,10 @@
|
|||
|
||||
</div>
|
||||
<div class="side-card side-bio">
|
||||
<div>
|
||||
<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 d’informatique à l’Université 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 d’intérêt sont variés, allant de la programmation à l’audio en passant par la linguistique ; je parle par ailleurs couramment en anglais en plus du français (ma langue maternelle).</p>
|
||||
|
|
@ -82,12 +74,10 @@
|
|||
|
||||
</div>
|
||||
<div class="side-card side-liens">
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -102,26 +92,22 @@
|
|||
</div>
|
||||
<div class="content">
|
||||
<div id="cont-xp" class="card">
|
||||
<div>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h4>Directeur Technique, Développeur</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<div class="header-container">
|
||||
<h5>VoxWave</h5>
|
||||
<div class="highlight-h5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Septembre 2012 à Juillet 2018</p>
|
||||
<ul class="two-col-ul">
|
||||
|
|
@ -132,44 +118,37 @@
|
|||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="cont-skills" class="card">
|
||||
|
||||
<div>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h4>Informatique</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<div>
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -183,36 +162,30 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div class="header-container skill-name">
|
||||
<h5>Systèmes d’exploitation</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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -220,12 +193,10 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -237,82 +208,66 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2" id="skills-lang">
|
||||
<div>
|
||||
<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>
|
||||
<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>
|
||||
<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 à l’université Lumière Lyon 2, deux voyages linguistiques en angleterre en 2011 et 2013, voyage à New York City en 2011.</p>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h4>Autres</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<div>
|
||||
<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>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h5>Création d’univers fictifs</h5>
|
||||
<div class="highlight-h5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Création d’un univers fictif complexe pour mon roman en cours d’écriture.</p>
|
||||
</li>
|
||||
|
|
@ -321,20 +276,18 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div id="cont-training" class="card">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h3>Formations</h3>
|
||||
<div class="highlight-h3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Licence d’Informatique</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h5>Université Vincennes-Saint-Denis (Paris VIII)</h5>
|
||||
|
|
@ -344,128 +297,114 @@
|
|||
<p>Depuis Septembre 2016</p>
|
||||
<p class="train-description">Formation en programmation et sciences de l’informatique</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Anglais LLCE</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<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 d’Anglais en filière Langue, Littérature et Civilisations Étrangères (LLCE)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Baccalauréat</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-no-style">
|
||||
<li>
|
||||
<div class="header-container">
|
||||
<h5>Lycée de la Plaine de l’Ain</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 l’Ingénieur, mention bien</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="cont-portfolio" class="card">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h3>Portfolio</h3>
|
||||
<div class="highlight-h3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Output-VT100</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Crate (bibliothèque) Rust permettant l’activation 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>
|
||||
<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 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>
|
||||
<div class="header-container">
|
||||
<h4>Langues Construites de P’undrak</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>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h4>Chat en réseau</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Projet d’université 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>
|
||||
<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>
|
||||
<div class="header-container">
|
||||
<h4>eDEX UI</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Participation au développement d’eDEX UI, une interface desktop futuristique.</p>
|
||||
<p>
|
||||
<a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">(lien)</a>
|
||||
|
|
@ -475,21 +414,17 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div id="cont-hobbies" class="card">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h3>Loisirs</h3>
|
||||
<div class="highlight-h3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -498,12 +433,10 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<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>
|
||||
|
|
@ -512,12 +445,10 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Musique</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>Utilisation de voix de synthèse</li>
|
||||
|
|
@ -525,12 +456,10 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="list-lvl1 card card-lvl2">
|
||||
<div>
|
||||
<div class="header-container">
|
||||
<h4>Jeux</h4>
|
||||
<div class="highlight-h4"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>RPG (série des Elder Scrolls, ...)</li>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue