first commit

This commit is contained in:
Beu 2019-09-25 13:34:58 +02:00
commit e78b47ef80
7 changed files with 358 additions and 0 deletions

53
assets/js/script.js Normal file
View File

@ -0,0 +1,53 @@
function opencell(id) {
var x = document.getElementsByClassName("opened");
var url = window.location.toString();
url = url.split("#")[0];
if ( x.length !== 0) {
var w = x[0].getElementsByClassName("data");
w[0].classList.add("hidden");
w[0].classList.remove("display");
var currentid = x[0].id
// x[0].classList.add("closed");
x[0].classList.remove("opened");
if (currentid !== id){
var y = document.getElementById(id);
// y.classList.remove("closed");
y.classList.add("opened");
var z = y.getElementsByClassName("hidden");
z[0].classList.add("display");
z[0].classList.remove("hidden");
url = url.concat("#",id);
}
}
else
{
var y = document.getElementById(id);
// y.classList.remove("closed");
y.classList.add("opened");
var z = y.getElementsByClassName("hidden");
z[0].classList.add("display");
z[0].classList.remove("hidden");
url = url.concat("#",id);
}
history.pushState({}, null, url);
}
function init() {
if(window.location.hash) {
var anchor = window.location.hash.substring(1);
var x = document.getElementById("jobs");
console.log(x.children[anchor] );
var w = x.children[anchor]
if ( w !== undefined) {
// w.classList.remove("closed");
w.classList.add("opened");
var z = w.getElementsByClassName("hidden");
z[0].classList.add("display");
z[0].classList.remove("hidden");
}
}
}

BIN
assets/logos/awx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
assets/logos/zabbix.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Binary file not shown.

171
assets/style/style.css Normal file
View File

@ -0,0 +1,171 @@
@font-face {
font-family: 'Roboto';
src: url('/assets/style/Roboto-Regular.woff2') format('woff2'),
url('/assets/style/Roboto-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#core {
padding-top:50px;
max-width: 914px;
margin: auto;
font-family: 'Roboto', sans-serif;
}
h1 {
margin-top: 50;
width: 100%;
float: left;
}
h2 svg {
transform: translateY(15%);
}
#pp {
width: 100%;
text-align: center;
}
.coordonnes {
float:left;
width: 100%;
height: auto;
margin-bottom: 10px;
}
@media (min-width: 600px) {
#pp {
width: auto;
float: right;
}
#pp img {
display: inherit;
transform: translateY(-80px);
}
.coordonnes {
width: auto;
}
}
#pp img {
clear: both;
display: block;
max-width: 200px;
/* min-width: 150px;
min-height: 200px;*/
max-height: 250px;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
background-color: whitesmoke;
}
.infos {
padding-top: 5px;
clear: both;
}
.anchor {
color: inherit;
text-decoration: inherit;
}
#jobs {
width: auto;
height: auto;
text-align: center;
border-style: solid;
border-width: 1px;
}
.cell {
white-space: nowrap;
display: inline-block;
border-style: solid;
border-width: 1px;
width : 150px;
height: 150px;
cursor: pointer;
transition: width 0.5s;
}
.opened {
width: 100%;
height: auto;
white-space: pre-line;
}
.logo {
width : 150px;
height: 150px;
border-style: solid;
border-width: 1;
display: table-cell;
float: right;
}
.logo img {
max-width:100%;
max-height:100%;
position: relative;
top: 50%;
transform: translateY(-50.5%);
vertical-align: middle;
}
.data {
text-align: left;
margin: 10px;
}
.hidden {
overflow: hidden;
opacity: 0;
height: 0;
}
.hidden h2 {
overflow: hidden;
opacity: 0;
height: 0;
}
.hidden h3 {
overflow: hidden;
opacity: 0;
height: 0;
}
.hidden p {
overflow: hidden;
opacity: 0;
height: 0;
}
.display h2 {
opacity: 1;
transition: opacity 1s ease-out;
transition-delay: 0.2s;
}
.display h3 {
opacity: 1;
transition: opacity 1s ease-out;
transition-delay: 0.3s;
}
.display p {
opacity: 1;
transition: opacity 1s ease-out;
transition-delay: 0.6s;
}

134
index.html Normal file
View File

@ -0,0 +1,134 @@
<html>
<head>
<title>CV - Benoit MOREAU</title>
<link rel="stylesheet" type="text/css" href="assets/style/style.css">
<script src="assets/js/script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body onload="init();">
<div id="core">
<div class="intro">
<h1>Benoit Moreau</h1>
<div id="pp">
<img src="assets/pp.png" >
</div>
<div class="coordonnes">
<h3>14 square des mouettes</h3>
<h3>17137 Esnandes</h3>
<h3>0762542962</h3>
<a href=mailto:benoit+job@virtit.fr>benoit+job@virtit.fr</a>
</div>
</div>
<div class="infos">
<a class="anchor" href="#Objectifs">
<h2 id="Objectifs">
<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505.05 19.1a15.89 15.89 0 0 0-12.2-12.2C460.65 0 435.46 0 410.36 0c-103.2 0-165.1 55.2-211.29 128H94.87A48 48 0 0 0 52 154.49l-49.42 98.8A24 24 0 0 0 24.07 288h103.77l-22.47 22.47a32 32 0 0 0 0 45.25l50.9 50.91a32 32 0 0 0 45.26 0L224 384.16V488a24 24 0 0 0 34.7 21.49l98.7-49.39a47.91 47.91 0 0 0 26.5-42.9V312.79c72.59-46.3 128-108.4 128-211.09.1-25.2.1-50.4-6.85-82.6zM384 168a40 40 0 1 1 40-40 40 40 0 0 1-40 40z"/></svg>
Objectifs :
</h2>
</a>
<p>Acquérir des compétences supplémentaires dans le domaine du Système et du réseau.</p>
</div>
<div class="infos">
<a class="anchor" href="#Diplomes" >
<h2 id="Diplomes">
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"/></svg>
Diplômes :
</h2>
</a>
<h4>Licence Professionnelle Administration et Sécurité des réseaux (en alternance)</h4>
Obtenu
<h4>BTS Service Informatique aux Organisations Option SISR (en alternance)</h4>
Obtenu
<h4>Baccalauréat STI2D Système dinformation et du numérique</h4>
Obtenu Mention Assez Bien
</div>
<div class="infos">
<a class="anchor" href="#Expériences+Professionnelles">
<h2 id="Expériences+Professionnelles">
<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z"/></svg>
Expériences Professionnelles :
</h2>
</a>
<h4>Juin 2019 Maintenant : </h4>
Technicien réseau, Salarié, OPENEvents.
<h4>Septembre 2018 Mai 2019 :</h4>
Administrateur Système et Réseau, Salarié, Green IT Solutions.
<h4>Juillet 2017 Août 2018 : </h4>
Administrateur Système et Réseau, Apprentissage, Green IT Solutions.
<h4>Septembre 2015 Juin 2017 : </h4>
Technicien informatique, Apprentissage, Rom@info.
</div>
<a class="anchor" href="#Compétences+Techniques">
<h2 id="Compétences+Techniques">
<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM96 424c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm96-192c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm128 368c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16z"/></svg>
Compétences Techniques :
</h2>
</a>
<div id='jobs' >
<div class="cell" id="awx" onclick="opencell('awx');">
<div class="logo"><img src="assets/logos/awx.png" ></div>
<div class="data hidden">
<h2>AWX</h2>
<h3>Orchestrateur de playbook Ansible</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia nulla in ligula molestie, et aliquet urna tristique. Vestibulum id libero at lacus molestie auctor. Integer tempus dui risus, fermentum interdum eros varius sed. Nam nec elementum sapien. Nulla pharetra orci ligula, et vehicula quam interdum vel. Fusce placerat sagittis mauris et mattis. Nulla ac gravida massa. Vivamus non augue facilisis, semper mauris sed, viverra dui. Sed posuere dolor lobortis velit tempus congue. </p>
</div>
</div><div class="cell" id="zabbix" onclick="opencell('zabbix');">
<div class="logo"><img src="assets/logos/zabbix.jpeg" ></div>
<div class="data hidden">
<h2>Zabbix</h2>
<h3>Solution de supervision</h3>
<p class>
<b>Description du produit:</b>
Zabbix est une solution de supervision Open Source. Similaire a Nagios, elle se démarque par le fait de se manager majoritairement en WEB.
</p>
<p>
<b>Experience avec le produit:</b>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia nulla in ligula molestie, et aliquet urna tristique. Vestibulum id libero at lacus molestie auctor. Integer tempus dui risus, fermentum interdum eros varius sed. Nam nec elementum sapien. Nulla pharetra orci ligula, et vehicula quam interdum vel. Fusce placerat sagittis mauris et mattis. Nulla ac gravida massa. Vivamus non augue facilisis, semper mauris sed, viverra dui. Sed posuere dolor lobortis velit tempus congue.
</p>
</div>
</div>
</div>
<pre>
Systèmes Dexploitation :
GNU/Linux,*BSD
Windows
Réseau :
Routage IPv4/IPv6 (statique,BGP,OSPF)
VxLAN + BGP EVPN
Pare-feu
VLAN et QoS
Sécurité :
TLS
DANE/TLSA
DNSSEC
Services :
Annuaire de comptes centralisé
HTTP / HTTPS
DNS publique
Mails
Gestion de code versionné (GIT)
Supervision
Téléphonie VoIP
Infrastructures :
Automatisation (Ansible)
Cluster de Virtualisation
Stockage répartie (CEPH)
Haute-disponibilité
Scripting (Bash, python,...)
Passions :
Monde libre, et communautaire.
Sécurité et protection de vie privée.
Sciences.
Jeux Vidéo.
</pre>
</div>
</body>
</html>