first commit
This commit is contained in:
commit
e78b47ef80
53
assets/js/script.js
Normal file
53
assets/js/script.js
Normal 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
BIN
assets/logos/awx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
assets/logos/zabbix.jpeg
Normal file
BIN
assets/logos/zabbix.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/style/Roboto-Regular.woff
Normal file
BIN
assets/style/Roboto-Regular.woff
Normal file
Binary file not shown.
BIN
assets/style/Roboto-Regular.woff2
Normal file
BIN
assets/style/Roboto-Regular.woff2
Normal file
Binary file not shown.
171
assets/style/style.css
Normal file
171
assets/style/style.css
Normal 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
134
index.html
Normal 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 d’information 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 D’exploitation :
|
||||||
|
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>
|
||||||
Loading…
Reference in New Issue
Block a user