Update cours and CV (merge cv-detaille)
This commit is contained in:
parent
f9d43ceeb6
commit
fc558784ef
3 changed files with 140 additions and 44 deletions
BIN
cours.pdf
BIN
cours.pdf
Binary file not shown.
|
@ -11,6 +11,8 @@
|
|||
--dark-txt: #1a0700;
|
||||
--light-txt: #d9d9d9;
|
||||
--button: #efefef;
|
||||
--outside-margin: 7mm;
|
||||
--inside-margin: 4mm;
|
||||
}
|
||||
|
||||
@page {
|
||||
|
@ -27,7 +29,7 @@ body {
|
|||
background-color: var(--dark-txt);
|
||||
color: var(--dark-txt);
|
||||
margin: 0;
|
||||
font-size: 0.9em;
|
||||
font-size: 11pt;
|
||||
}
|
||||
.a4-page {
|
||||
width: 21cm;
|
||||
|
@ -38,40 +40,62 @@ body {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--dark-txt);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--dark-txt);
|
||||
text-decoration: underline;
|
||||
}
|
||||
header a:link, header a:visited, header a:hover {
|
||||
color: var(--light-txt);
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--header-bg-color);
|
||||
color: var(--light-txt);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 30px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-bottom: 30px;
|
||||
padding-top: var(--outside-margin);
|
||||
padding-left: var(--outside-margin);
|
||||
padding-right: var(--outside-margin);
|
||||
padding-bottom: var(--outside-margin);
|
||||
}
|
||||
header .img-and-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
header .title {
|
||||
padding-left: 30px;
|
||||
header .title, header .contact {
|
||||
margin-top: 5mm;
|
||||
margin-left: var(--outside-margin);
|
||||
width: 100%;
|
||||
}
|
||||
header .contact {
|
||||
text-align: right;
|
||||
}
|
||||
header .contact p, header a {
|
||||
font-size: 10pt;
|
||||
margin-top: 2mm;
|
||||
margin-bottom: 2mm;
|
||||
}
|
||||
header h1 {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 19pt;
|
||||
margin-top: 0;
|
||||
margin-bottom: 7mm;
|
||||
}
|
||||
header h2 {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
font-size: 14pt;
|
||||
margin-top: 4;
|
||||
margin-bottom: 4mm;
|
||||
}
|
||||
|
||||
section {
|
||||
|
@ -81,55 +105,93 @@ section {
|
|||
aside, article {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 30px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
aside {
|
||||
background-color: var(--aside-bg-color);
|
||||
width: 38.2%;
|
||||
padding-right: var(--inside-margin);
|
||||
padding-left: var(--outside-margin);
|
||||
padding-bottom: var(--outside-margin);
|
||||
}
|
||||
article {
|
||||
background-color: var(--article-bg-color);
|
||||
width: 61.8%;
|
||||
padding-right: var(--outside-margin);
|
||||
padding-left: var(--outside-margin);
|
||||
padding-bottom: var(--outside-margin);
|
||||
}
|
||||
aside h1, article h1 {
|
||||
font-weight: bold;
|
||||
}
|
||||
aside h1 {
|
||||
font-size: 1.3em;
|
||||
font-size: 14pt;
|
||||
margin-top: 5mm;
|
||||
margin-bottom: 3mm;
|
||||
}
|
||||
article h1 {
|
||||
font-size: 1.25em;
|
||||
margin-bottom: 1mm;
|
||||
}
|
||||
aside p {
|
||||
font-size: 10pt;
|
||||
margin-top: 4.5mm;
|
||||
margin-bottom: 4mm;
|
||||
}
|
||||
aside li {
|
||||
font-size: 9pt;
|
||||
margin-bottom: 2mm;
|
||||
}
|
||||
article h2 {
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
font-size: 10pt;
|
||||
margin-top: 0;
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 1mm;
|
||||
}
|
||||
article p, article li {
|
||||
font-size: 9pt;
|
||||
margin-bottom: 1mm;
|
||||
}
|
||||
article p {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
margin-top: 1mm;
|
||||
}
|
||||
|
||||
.competences p {
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.button {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.button p {
|
||||
font-size: 9pt;
|
||||
font-weight: normal;
|
||||
margin-top: 0;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 5px;
|
||||
border-radius: 7px;
|
||||
margin-right: 2mm;
|
||||
margin-bottom: 2mm;
|
||||
padding: 1mm;
|
||||
border-radius: 2mm;
|
||||
text-align: center;
|
||||
background-color: var(--button);
|
||||
}
|
||||
.atouts p {
|
||||
font-size: 9pt;
|
||||
margin-top: 2mm;
|
||||
margin-bottom: 2mm;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding-left: 3mm;
|
||||
}
|
||||
|
||||
p.date {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.element {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 2mm;
|
||||
}
|
||||
|
||||
.formations, .experiences {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
|
@ -15,40 +15,69 @@
|
|||
<h1>TUNUI FRANKEN</h1>
|
||||
<h2>ADMINISTRATEUR SYSTÈMES ET RÉSEAUX</h2>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section>
|
||||
<aside>
|
||||
<div class="contact">
|
||||
<h1>CONTACT</h1>
|
||||
<p>Né le 10/11/1991</p>
|
||||
<p>+33 6 10 59 32 22</p>
|
||||
<p>15 rue Michel Lecomte, 75003 Paris</p>
|
||||
<p>tfranken(at)protonmail.com</p>
|
||||
<a href="https://git.tunuifranken.info/">https://git.tunuifranken.info/</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section>
|
||||
<aside>
|
||||
<div class="competences">
|
||||
<h1>COMPÉTENCES</h1>
|
||||
<div class="button">
|
||||
<p>Bash</p><p>Python</p><p>HTML/CSS</p><p>C</p><p>Django</p><p>LaTeX</p><p>Git</p><p>MySQL</p><p>PowerShell</p><p>TCP/IP</p>
|
||||
<p>Python</p><p>Bash</p><p>C</p><p>Django</p><p>MySQL</p><p>HTML/CSS</p><p>Git</p><p>LaTeX</p><p>PowerShell</p>
|
||||
</div>
|
||||
<p>Travaille sur GNU/Linux au quotidien</p><p>Maintenir et exploiter un serveur Linux (Nextcloud, OpenLDAP, GLPI...)</p><p>Active Directory et les serveurs Windows</p><p>Virtualisation VMWare ESXI</p><p>Maintenir et exploiter le réseau local et la téléphonie</p><p>Automatisation à l'aide de scripts</p>
|
||||
<p>Systèmes</p>
|
||||
<ul>
|
||||
<li>
|
||||
Serveurs Linux (LAMP, DHCP, BIND9, Nextcloud, OpenLDAP, GLPI...)</li>
|
||||
<li>Partages de fichiers (NFS, Samba)</li>
|
||||
<li>Active Directory, Windows Server, WSUS</li>
|
||||
<li>Virtualisation (VMWare ESXI, GNS3, Hyper-V)</li>
|
||||
<li>Gestion de disque (fdisk, RAID, LVM)</li>
|
||||
<li>Bases de données (UML, MySQL)</li>
|
||||
<li>Gestion de versions (Git)</li>
|
||||
<li>Scripting d'automatisation</li>
|
||||
</ul>
|
||||
<p>Réseaux</p>
|
||||
<ul>
|
||||
<li>
|
||||
Protocoles applicatifs (DHCP, DNS, SSH, HTTP, FTP, SMTP, IMAP, SNMP)</li>
|
||||
<li>Protocoles de transport (TCP, UDP)</li>
|
||||
<li>Protocoles de routage (OSPF, EIGRP)</li>
|
||||
<li>Adressage IPv4 et IPv6, NAT</li>
|
||||
<li>Protocoles de commutation (VLAN, DTP, VTP, STP, LACP, PAgP, ARP)</li>
|
||||
<li>Configuration Cisco</li>
|
||||
<li>VoIP/ToIP (Asterisk, SIP, RTP)</li>
|
||||
<li>Supervision d'infrastructure (SNMP, RMON)</li>
|
||||
</ul>
|
||||
<p>Sécurité</p>
|
||||
<ul>
|
||||
<li>
|
||||
Firewall (UFW, Sophos, PfSense)</li>
|
||||
<li>SSH, SSL, VPN, ACL, GPG</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="atouts">
|
||||
<h1>ATOUTS</h1>
|
||||
<p>Trilingue (français, anglais, néerlandais)</p><p>Organisé, méticuleux, adaptable</p>
|
||||
<p>Trilingue (français, anglais, néerlandais)</p><p>Travaille sur GNU/Linux au quotidien</p><p>Curieux, organisé, méticuleux, adaptable</p>
|
||||
</div>
|
||||
</aside>
|
||||
<article>
|
||||
<div class="formations">
|
||||
<h1>FORMATIONS</h1>
|
||||
<div class="element">
|
||||
<p class="date">septembre 2020 à juin 2021</p>
|
||||
<p class="date">sept. 2020 à juin 2021</p>
|
||||
<h2>Technicien Supérieur Systèmes et Réseaux</h2>
|
||||
<p class="context">Afpa Champs-sur-Marne - Titre RNCP de niveau 5</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">janvier à juillet 2020</p>
|
||||
<p class="date">janv. à juil. 2020</p>
|
||||
<h2>Cours hebdomadaires de C et de Python</h2>
|
||||
<p class="context">École du Logiciel Libre, Ivry-sur-Seine</p>
|
||||
</div>
|
||||
|
@ -58,17 +87,12 @@
|
|||
<p class="context">Autodidacte</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">avril et juin 2016</p>
|
||||
<p class="date">avr. et juin 2016</p>
|
||||
<h2>CEM de piano, CEM d'accompagnement</h2>
|
||||
<p class="context">Conservatoire Municipal du Centre de Paris (W. A. Mozart)</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">2009-2011</p>
|
||||
<h2>Licence de Musicologie</h2>
|
||||
<p class="context">Université Paris-Sorbonne (Paris IV)</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">2009</p>
|
||||
<p class="date">juin 2009</p>
|
||||
<h2>Baccalauréat Scientifique, mention Bien</h2>
|
||||
<p class="context">Lycée Victor Hugo</p>
|
||||
</div>
|
||||
|
@ -76,14 +100,24 @@
|
|||
<div class="experiences">
|
||||
<h1>EXPÉRIENCES</h1>
|
||||
<div class="element">
|
||||
<p class="date">Depuis 2019</p>
|
||||
<p class="date">déc. 2020</p>
|
||||
<h2>Mise en place de contrôleurs de domaines Active Directory</h2>
|
||||
<p class="context">sous Linux avec Samba</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">depuis 2019</p>
|
||||
<h2>Auto-hébergement de serveur personnel</h2>
|
||||
<p class="context">Olimex Lime2 sur Armbian - Ubuntu Server <br/> (Apache2, Django, MySQL, Gitea, Postfix, Dovecot)</p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">Depuis 2019</p>
|
||||
<h2>Conception et développement de site web</h2>
|
||||
<p class="context">Personnel - Python/Django, Bootstrap</p>
|
||||
<p class="date">depuis 2018</p>
|
||||
<h2>Programmation</h2>
|
||||
<p class="context"><ul><li>Gestionnaire de configurations pour Arch Linux (en Python)</li><li>Interpréteur pour le langage ésotérique Whitespace (en Python)</li><li>Parseur JSON (en Python)</li><li>Résolveur de Sudoku (en Python)</li><li>Jeux 2D (en C et en Python)</li></ul></p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date"></p>
|
||||
<h2>Conception et développement web</h2>
|
||||
<p class="context"><ul><li>Personnel - Python/Django, Bootstrap (2019)</li><li>Quartier Lyrique (https://quartier-lyrique.fr) - PHP (2011)</li></ul></p>
|
||||
</div>
|
||||
<div class="element">
|
||||
<p class="date">2016-2019</p>
|
||||
|
|
Loading…
Reference in a new issue