some more styling

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

View File

@ -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 dun 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 dInformatique</h5>
<p>Université Vincennes-Saint-Denis (Paris VIII)</p>
<p>Depuis Septembre 2016</p>
<p class="train-description">Formation en programmation et sciences de linformatique</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 dAnglais 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 lAin</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 dunivers 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&nbsp;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 Pundrak</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 duniversité 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 deDEX UI, une interface desktop futuristique.</p>

View File

@ -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;
}