some more styling
This commit is contained in:
Phuntsok Drak-pa
parent
a66fcb526d
commit
560ba8f018
62
index.html
62
index.html
@ -63,6 +63,8 @@
|
||||
<div id="cont-xp">
|
||||
<div class="xp">
|
||||
<h3>Expériences Professionnelles</h3>
|
||||
<ul>
|
||||
<li class="list-lvl1">
|
||||
<h5>Directeur Technique, Développeur</h5>
|
||||
<p>VoxWave</p>
|
||||
<p>Septembre 2012 à Juillet 2018</p>
|
||||
@ -72,12 +74,15 @@
|
||||
<li>Support utilisateur</li>
|
||||
<li>Formation de recrues</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cont-skills">
|
||||
<div>
|
||||
<h3>Compétences</h3>
|
||||
<div id="skills-cs">
|
||||
<p>Informatique</p>
|
||||
<ul>
|
||||
<li class="list-lvl1" id="skills-cs">
|
||||
<h4>Informatique</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<p class="skill-name">Programmation</p>
|
||||
@ -130,9 +135,9 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="skills-lang">
|
||||
<h3>Langues Parlées</h3>
|
||||
</li>
|
||||
<li class="list-lvl1" id="skills-lang">
|
||||
<h4>Langues Parlées</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Français</h5>
|
||||
@ -147,9 +152,9 @@
|
||||
<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>
|
||||
</div>
|
||||
<div id="skills-other">
|
||||
<p>Autres</p>
|
||||
</li>
|
||||
<li class="list-lvl1" id="skills-other">
|
||||
<h4>Autres</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Linguistique</h5>
|
||||
@ -164,24 +169,25 @@
|
||||
<p>Création d’un univers fictif complexe pour mon roman en cours d’écriture</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="cont-training">
|
||||
<h3>Formations</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Licence d’Informatique</h5>
|
||||
<p>Université Vincennes-Saint-Denis (Paris VIII)</p>
|
||||
<p>Depuis Septembre 2016</p>
|
||||
<p class="train-description">Formation en programmation et sciences de l’informatique</p>
|
||||
</li>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Anglais LLCE</h5>
|
||||
<p>Université Lumière Lyon 2</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>
|
||||
</li>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Baccalauréat</h5>
|
||||
<p>Lycée de la Plaine de l’Ain</p>
|
||||
<p>Septembre 2010 à Juillet 2013</p>
|
||||
@ -192,30 +198,30 @@
|
||||
<div id="cont-hobbies">
|
||||
<h3>Loisirs</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Écriture</h5>
|
||||
<ul>
|
||||
<li>Écriture de roman, de nouvelles et de scénarios de jeux de rôles</li>
|
||||
<li>Constructions d’univers fictifs</li>
|
||||
<li>Construction de langues</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
</li class="list-lvl1">
|
||||
<li class="list-lvl1">
|
||||
<h5>Musique</h5>
|
||||
<ul>
|
||||
<li>Utilisation de voix de synthèse</li>
|
||||
<li>Mixage et mastering audio</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Lectures</h5>
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<h5>Jeux</h5>
|
||||
<ul>
|
||||
<li>RPG (série des Elder Scrolls, ...)</li>
|
||||
@ -228,32 +234,32 @@
|
||||
<div id="cont-portfolio">
|
||||
<h3>Portfolio</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<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>
|
||||
<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 2.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a class="port-proj-link" href="https://langue.phundrak.fr/">ConlangDict</a>
|
||||
<li class="list-lvl1">
|
||||
<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>
|
||||
<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 class="list-lvl1">
|
||||
<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>
|
||||
<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 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-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>
|
||||
</li>
|
||||
<li>
|
||||
<li class="list-lvl1">
|
||||
<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>
|
||||
<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 class="list-lvl1">
|
||||
<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>
|
||||
<p>Participation au développement d’eDEX UI, une interface desktop futuristique.</p>
|
||||
|
||||
@ -3,14 +3,19 @@ body {
|
||||
grid-template-areas:
|
||||
'ribbon ribbon'
|
||||
'sidebar content';
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.sidebar, .content {
|
||||
margin: 10px;
|
||||
/* margin: 10px; */
|
||||
padding: 10px;
|
||||
background-color: #bdc3c7;
|
||||
color: black;
|
||||
@ -22,16 +27,19 @@ a {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.list-lvl1, .list-lvl1 a {
|
||||
background-color: #34495e;
|
||||
color: #ecf0f1;
|
||||
}
|
||||
|
||||
/* ribbon ********************************************************************/
|
||||
|
||||
.ribbon {
|
||||
grid-area: ribbon;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ribbon {
|
||||
grid-area: ribbon;
|
||||
background: #2c3e50;
|
||||
/* background: #2c3e50; */
|
||||
background-color: #2c3e50;
|
||||
}
|
||||
|
||||
.ribbon, .ribbon a {
|
||||
@ -67,6 +75,7 @@ h1, h2 {
|
||||
|
||||
.sidebar {
|
||||
grid-area: sidebar;
|
||||
margin: 10px 5px 10px 0;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
@ -92,4 +101,11 @@ p.side-content {
|
||||
|
||||
.content {
|
||||
grid-area: content;
|
||||
margin: 10px 0 10px 5px;
|
||||
}
|
||||
|
||||
.content div {
|
||||
background-color: #ecf0f1;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user