phundrak/phundrak-com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some more styling

Browse Source
This commit is contained in:
Phuntsok Drak-pa 2019-01-29 10:55:09 +01:00
parent a66fcb526d
commit 560ba8f018
No known key found for this signature in database
GPG Key ID: 9CB34B6827C66D22
2 changed files with 143 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

236
index.html
View File

@ -63,125 +63,131 @@
<div id="cont-xp"> <div id="cont-xp">
<div class="xp"> <div class="xp">
<h3>Expériences Professionnelles</h3> <h3>Expériences Professionnelles</h3>
<h5>Directeur Technique, Développeur</h5>
<p>VoxWave</p>
<p>Septembre 2012 à Juillet 2018</p>
<ul> <ul>
<li>Programmation de voix de synthèse</li> <li class="list-lvl1">
<li>Recherches linguistiques</li> <h5>Directeur Technique, Développeur</h5>
<li>Support utilisateur</li> <p>VoxWave</p>
<li>Formation de recrues</li> <p>Septembre 2012 à Juillet 2018</p>
<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> </ul>
</div> </div>
</div> </div>
<div id="cont-skills"> <div>
<h3>Compétences</h3> <h3>Compétences</h3>
<div id="skills-cs"> <ul>
<p>Informatique</p> <li class="list-lvl1" id="skills-cs">
<ul> <h4>Informatique</h4>
<li> <ul>
<p class="skill-name">Programmation</p> <li>
<p class="skill-description">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p> <p class="skill-name">Programmation</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">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p>
<p class="skill-description">Connaissances solides en C, C++</p> <p class="skill-description">Connaissances en Python, Rust, Assembleur (x86 syntaxe AT&T), Prolog, HTML, CSS, Javascript (Ecmascript 6), Scheme</p>
</li> <p class="skill-description">Connaissances solides en C, C++</p>
<li> </li>
<p class="skill-name">Outils de développement</p> <li>
<ul class="skill-list"> <p class="skill-name">Outils de développement</p>
<li>Emacs</li> <ul class="skill-list">
<li>Git</li> <li>Emacs</li>
<li>JetBrains CLion</li> <li>Git</li>
<li>JetBrains PyCharm</li> <li>JetBrains CLion</li>
<li>JetBrains WebStorm</li> <li>JetBrains PyCharm</li>
<li>Visual Studio 2015/2017</li> <li>JetBrains WebStorm</li>
<li>Nginx</li> <li>Visual Studio 2015/2017</li>
<li>Vim</li> <li>Nginx</li>
<li>Docker</li> <li>Vim</li>
</ul> <li>Docker</li>
</li> </ul>
<li> </li>
<p class="skill-name">Systèmes d’exploitation</p> <li>
<ul class="skill-list"> <p class="skill-name">Systèmes d’exploitation</p>
<li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li> <ul class="skill-list">
<li>Microsoft Windows XP/7/8.1/10</li> <li>GNU/Linux (Arch Linux, Debian, Ubuntu)</li>
</ul> <li>Microsoft Windows XP/7/8.1/10</li>
</li> </ul>
<li> </li>
<p class="skill-name">Synthèse vocale</p> <li>
<p class="skill-description">Développement de banques vocales pour VOCALOID3, Alter/Ego, Chipspeech, UTAU</p> <p class="skill-name">Synthèse vocale</p>
<p class="skill-description">Utilisation de VOCALOID2/3/4, Alter/Ego, Chipspeech, UTAU, CeVIO Creative Studio</p> <p class="skill-description">Développement de banques vocales pour VOCALOID3, Alter/Ego, Chipspeech, UTAU</p>
</li> <p class="skill-description">Utilisation de VOCALOID2/3/4, Alter/Ego, Chipspeech, UTAU, CeVIO Creative Studio</p>
<li> </li>
<p class="skill-name">Son</p> <li>
<ul class="skill-list"> <p class="skill-name">Son</p>
<li>FL Studio</li> <ul class="skill-list">
<li>iZotope RX 4/5/6</li> <li>FL Studio</li>
<li>T-RackS CS</li> <li>iZotope RX 4/5/6</li>
</ul> <li>T-RackS CS</li>
</li> </ul>
<li> </li>
<p class="skill-name">Bureautique</p> <li>
<ul class="skill-list"> <p class="skill-name">Bureautique</p>
<li>LaTeX</li> <ul class="skill-list">
<li>Org-mode</li> <li>LaTeX</li>
<li>Microsoft Office (Word, Excel, Powerpoint)</li> <li>Org-mode</li>
<li>WPS Office</li> <li>Microsoft Office (Word, Excel, Powerpoint)</li>
<li>Adobe Acrobat Pro</li> <li>WPS Office</li>
</ul> <li>Adobe Acrobat Pro</li>
</li> </ul>
</ul> </li>
</div> </ul>
<div id="skills-lang"> </li>
<h3>Langues Parlées</h3> <li class="list-lvl1" id="skills-lang">
<ul> <h4>Langues Parlées</h4>
<li> <ul>
<h5>Français</h5> <li>
<p>Langue maternelle</p> <h5>Français</h5>
</li> <p>Langue maternelle</p>
<li> </li>
<h5>Anglais</h5> <li>
<p>Parlé courrament. 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> <h5>Anglais</h5>
</li> <p>Parlé courrament. 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>
<h5>Japonais</h5> <li>
<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> <h5>Japonais</h5>
</li> <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>
</ul> </li>
</div> </ul>
<div id="skills-other"> </li>
<p>Autres</p> <li class="list-lvl1" id="skills-other">
<ul> <h4>Autres</h4>
<li> <ul>
<h5>Linguistique</h5> <li>
<p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique</p> <h5>Linguistique</h5>
</li> <p>Connaissances des concepts grammaticaux, de morphologie, de syntaxe et de phonétique</p>
<li> </li>
<h5>Création de langues</h5> <li>
<p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a></p> <h5>Création de langues</h5>
</li> <p>Des exemples peuvent être trouvés <a href="https://langue.phundrak.fr">sur mon site de linguistique</a></p>
<li> </li>
<h5>Création d’univers fictifs</h5> <li>
<p>Création d’un univers fictif complexe pour mon roman en cours d’écriture</p> <h5>Création d’univers fictifs</h5>
</li> <p>Création d’un univers fictif complexe pour mon roman en cours d’écriture</p>
</ul> </li>
</div> </ul>
</li>
</ul>
</div> </div>
<div id="cont-training"> <div id="cont-training">
<h3>Formations</h3> <h3>Formations</h3>
<ul> <ul>
<li> <li class="list-lvl1">
<h5>Licence d’Informatique</h5> <h5>Licence d’Informatique</h5>
<p>Université Vincennes-Saint-Denis (Paris VIII)</p> <p>Université Vincennes-Saint-Denis (Paris VIII)</p>
<p>Depuis Septembre 2016</p> <p>Depuis Septembre 2016</p>
<p class="train-description">Formation en programmation et sciences de l’informatique</p> <p class="train-description">Formation en programmation et sciences de l’informatique</p>
</li> </li>
<li> <li class="list-lvl1">
<h5>Anglais LLCE</h5> <h5>Anglais LLCE</h5>
<p>Université Lumière Lyon 2</p> <p>Université Lumière Lyon 2</p>
<p>Septembre 2013 à Mai 2015</p> <p>Septembre 2013 à Mai 2015</p>
<p class="train-description">Formation d’Anglais en fillière Langue, Littérature et Civilisations Étrangères (LLCE)</p> <p class="train-description">Formation d’Anglais en fillière Langue, Littérature et Civilisations Étrangères (LLCE)</p>
</li> </li>
<li> <li class="list-lvl1">
<h5>Baccalauréat</h5> <h5>Baccalauréat</h5>
<p>Lycée de la Plaine de l’Ain</p> <p>Lycée de la Plaine de l’Ain</p>
<p>Septembre 2010 à Juillet 2013</p> <p>Septembre 2010 à Juillet 2013</p>
@ -192,30 +198,30 @@
<div id="cont-hobbies"> <div id="cont-hobbies">
<h3>Loisirs</h3> <h3>Loisirs</h3>
<ul> <ul>
<li> <li class="list-lvl1">
<h5>Écriture</h5> <h5>Écriture</h5>
<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 d’univers fictifs</li> <li>Constructions d’univers fictifs</li>
<li>Construction de langues</li> <li>Construction de langues</li>
</ul> </ul>
</li> </li class="list-lvl1">
<li> <li class="list-lvl1">
<h5>Musique</h5> <h5>Musique</h5>
<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> <li class="list-lvl1">
<h5>Lectures</h5> <h5>Lectures</h5>
<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 (principalement Mark Rosenfelder)</li> <li>Livres de linguistique (principalement par Mark Rosenfelder)</li>
<li>Tolkien (Seigneur des Anneaux, Silmarillion, La Chute de Gondolin, ...)</li> <li>Tolkien (Seigneur des Anneaux, Silmarillion, La Chute de Gondolin, ...)</li>
</ul> </ul>
</li> </li>
<li> <li class="list-lvl1">
<h5>Jeux</h5> <h5>Jeux</h5>
<ul> <ul>
<li>RPG (série des Elder Scrolls, ...)</li> <li>RPG (série des Elder Scrolls, ...)</li>
@ -228,32 +234,32 @@
<div id="cont-portfolio"> <div id="cont-portfolio">
<h3>Portfolio</h3> <h3>Portfolio</h3>
<ul> <ul>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="https://dict.phundrak.fr/">ConlangDict</a> <a class="port-proj-link" href="https://dict.phundrak.fr/">ConlangDict</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/dictionary-conlangs">source</a> <a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/dictionary-conlangs">source</a>
<p>Dictionnaire bilingue en ligne entre langues naturelles et langues construites, le serveur est codé en Python basé sur Django 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>
</li> </li>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="https://langue.phundrak.fr/">ConlangDict</a> <a class="port-proj-link" href="https://langue.phundrak.fr/">Langues Construites de P’undrak</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/langue-phundrak-fr">source</a> <a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/langue-phundrak-fr">source</a>
<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>
</li> </li>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="https://phundrak.fr/git">Tutoriel sarcastique sur Git</a> <a class="port-proj-link" href="https://phundrak.fr/git">Tutoriel sarcastique sur Git</a>
<a class="port-proj-src" href="https://github.com/Phundrak/tutoriel-git">source</a> <a class="port-proj-src" href="https://github.com/Phundrak/tutoriel-git">source</a>
<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>
</li> </li>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">Chat en réseau</a> <a class="port-proj-link" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">Chat en réseau</a>
<a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">Chat en réseau</a> <a class="port-proj-src" href="https://labs.phundrak.fr/phundrak/chat-reseau-p8">source</a>
<p>Projet d’université de chat en ligne se lançant dans un terminal. Écrit en Rust.</p> <p>Projet d’université de chat en ligne se lançant dans un terminal. Écrit en Rust.</p>
</li> </li>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="http://gl4d.api8.fr/FR/">GL4Dummies</a> <a class="port-proj-link" href="http://gl4d.api8.fr/FR/">GL4Dummies</a>
<a class="port-proj-src" href="https://github.com/noalien/GL4Dummies">source</a> <a class="port-proj-src" href="https://github.com/noalien/GL4Dummies">source</a>
<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>
</li> </li>
<li> <li class="list-lvl1">
<a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">eDEX UI</a> <a class="port-proj-link" href="https://github.com/GitSquared/edex-ui">eDEX UI</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>Participation au développement d’eDEX UI, une interface desktop futuristique.</p> <p>Participation au développement d’eDEX UI, une interface desktop futuristique.</p>

28
style/main.css
View File

@ -3,14 +3,19 @@ body {
grid-template-areas: grid-template-areas:
'ribbon ribbon' 'ribbon ribbon'
'sidebar content'; 'sidebar content';
background-color: #3498db;
} }
a { a {
text-decoration: none; text-decoration: none;
} }
a:hover {
text-decoration: underline;
}
.sidebar, .content { .sidebar, .content {
margin: 10px; /* margin: 10px; */
padding: 10px; padding: 10px;
background-color: #bdc3c7; background-color: #bdc3c7;
color: black; color: black;
@ -22,16 +27,19 @@ a {
margin-right: auto; margin-right: auto;
} }
.list-lvl1, .list-lvl1 a {
background-color: #34495e;
color: #ecf0f1;
}
/* ribbon ********************************************************************/ /* ribbon ********************************************************************/
.ribbon { .ribbon {
grid-area: ribbon;
padding: 0; padding: 0;
margin: 0; margin: 0;
} /* background: #2c3e50; */
background-color: #2c3e50;
.ribbon {
grid-area: ribbon;
background: #2c3e50;
} }
.ribbon, .ribbon a { .ribbon, .ribbon a {
@ -67,6 +75,7 @@ h1, h2 {
.sidebar { .sidebar {
grid-area: sidebar; grid-area: sidebar;
margin: 10px 5px 10px 0;
width: 300px; width: 300px;
} }
@ -92,4 +101,11 @@ p.side-content {
.content { .content {
grid-area: content; grid-area: content;
margin: 10px 0 10px 5px;
}
.content div {
background-color: #ecf0f1;
padding: 10px;
margin: 10px;
} }