285 lines
12 KiB
HTML
285 lines
12 KiB
HTML
<!DOCTYPE HTML>
|
||
<html lang="fr">
|
||
<head>
|
||
<title>Anael Ginder - Alternant Cybersecurité Nantes/Angers- Portfolio</title>
|
||
<meta name="description" content="Bienvenue sur mon portfolio, vous trouverez sur ce site des informations me concernant, notament mon Curriculum vitae. Je cherche une entreprise pour effectuer effectuer un diplôme d'Ingénieur en Cybersécurité sur Nantes ou Angers.">
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="icon" href="images/icons/favicon.png" type="image/png" />
|
||
<link rel="apple-touch-icon-precomposed" href="images/icons/apple-touch-icon-precomposed.png" />
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
||
<style>
|
||
body {
|
||
height: 100%;
|
||
background-color: #ffffff;
|
||
background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-repeat: repeat, no-repeat, no-repeat;
|
||
background-size: 100px 100px, cover, auto;
|
||
background-position: top left, center, top right;
|
||
background-attachment: fixed, fixed, fixed;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="assets/vertical-timeline/css/style.css" />
|
||
<script src="assets/vertical-timeline/js/modernizr.js"></script>
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script>
|
||
var loc = window.location.href+'';
|
||
if (loc.indexOf('http://')==0){
|
||
window.location.href = loc.replace('http://','https://');
|
||
}
|
||
</script>
|
||
</head>
|
||
<body class="is-loading">
|
||
<div id="wrapper">
|
||
<div id="main">
|
||
<header>
|
||
<span class="avatar"><img src="images/avatars/pp.jpeg" alt="pp"/></span>
|
||
<h1>Anael Ginder</h1>
|
||
<p>Administrateur Systèmes, Debianeux, Panda à roulettes <br /> Je recherche une entreprise pour effectuer un diplôme d'Ingénieur <a href="https://www.esaip.org/formations/ingenieur-du-numerique-bac5/alternance/#1539099549025-2aa40ae8-791c37d7-24f5" title="ESAIP Angers" target="_blank" rel="noreferrer">cybersécurité en alternance</a> sur la ville de Nantes où Angers</p>
|
||
<ul class="icons">
|
||
<li><a href='mailto:%61nael@gind%65r.%66r' class="fa-envelope-o">Mail</a></li>
|
||
</ul>
|
||
<p>ma clef GPG : <a href ="extra/anael(0xDE9D84471CFD8DD8)pub.asc">0xDE9D84471CFD8DD8</a></p>
|
||
</header>
|
||
<hr />
|
||
<nav>
|
||
<ul>
|
||
<li onclick="toggleWork();">Services</li>
|
||
<li onclick="toggleSkills();">Compétences</li>
|
||
<li onclick="toggleResume();">Parcours</li>
|
||
</ul>
|
||
<p><a href="extra/cv.pdf" title="cv" target="_blank" rel="noreferrer">Curriculum Vitæ (PDF)</a></p>
|
||
</nav>
|
||
|
||
<section id="work">
|
||
<p>Voici une liste de services que j'auto-heberge pour ma souveraineté numérique</p>
|
||
<ul>
|
||
<li>
|
||
<h3>Prosody</h3>
|
||
<p>
|
||
Messagerie Instantané
|
||
</p>
|
||
<p>
|
||
<a href="https://cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Nextcloud</h3>
|
||
<p>
|
||
Cloud & Synchronisation de fichier (privé)
|
||
</p>
|
||
<p>
|
||
<a href="https://cloud.cyberjinh.fr/index.php/login" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Zerobin</h3>
|
||
<p>
|
||
Partagez du code (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://zbin.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Ampache</h3>
|
||
<p>
|
||
Écoutez de la musique (privé)
|
||
</p>
|
||
<p>
|
||
<a href="https://soundcloud.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>TinyTinyRSS</h3>
|
||
<p>
|
||
Gestion de flux RSS (privé)
|
||
</p>
|
||
<p>
|
||
<a href="https://rss.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Pad</h3>
|
||
<p>
|
||
Pad collaboratif en ligne (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://pad.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Gitea</h3>
|
||
<p>
|
||
Git (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://git.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Autres projets</h3>
|
||
<p>
|
||
Serveur de mail (privé)
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section id="skills">
|
||
<ul>
|
||
<li>
|
||
Systèmes GNU/Linux - Debian & Centos | Systemes Windows Serveur 2008, 2012 et 2016
|
||
</li>
|
||
<li>
|
||
Réseaux locaux, protocoles de l’Internet (XMPP, HTTP.S, SMTP.S, SNMPv1 v2 et v3)
|
||
</li>
|
||
<li>
|
||
Bash, HTML, CSS, powershell
|
||
</li>
|
||
<li>
|
||
Apache, Iptables, Prosody, Icinga2, Postfix, Dovecot, Mysql
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section id="resume">
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-work">
|
||
<img src="assets/vertical-timeline/img/cd-icon-work.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Alternant technicien informatique Établissement Français du Sang, Nantes</h2>
|
||
<p>
|
||
<span class="cd-date">Oct. 2017 − actuellement</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-work">
|
||
<img src="assets/vertical-timeline/img/cd-icon-work.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Animateur Commercial Sony, Angers</h2>
|
||
<p>
|
||
<span class="cd-date">Oct. 2015 - Sept 2017</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-graduation">
|
||
<img src="assets/vertical-timeline/img/cd-icon-graduation.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Titre RNCP +3 Gestionnaire en Maintenance et Support
|
||
Informatique en alternance, CESI Nantes</h2>
|
||
<p>
|
||
<span class="cd-date">2017 - actuellement</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-graduation">
|
||
<img src="assets/vertical-timeline/img/cd-icon-graduation.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>BTS Management des Unités Commerciales, Lycée Joachim Du Bellay Angers</h2>
|
||
<p>
|
||
<span class="cd-date">2013 − 2015</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<footer id="footer">
|
||
<ul class="copyright">
|
||
<li>© Anael Ginder <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC-0</a></li>
|
||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||
<li><a href="https://git.cyberjinh.fr/anael/portofolio">Sources</a></li>
|
||
<li><a href="legales.html">Mentions Légales</a></li>
|
||
<li><a href="cookies.html">Cookies</a></li>
|
||
</ul>
|
||
<script src="assets/js/cookiechoices.js"></script><script>document.addEventListener('DOMContentLoaded', function(event){cookieChoices.showCookieConsentBar('Ce site utilise des cookies pour vous offrir le meilleur service. En poursuivant votre navigation, vous acceptez l’utilisation des cookies.', 'J’accepte', 'En savoir plus', 'https://ginder.fr/legales.html');});</script>
|
||
</footer>
|
||
</div>
|
||
<script>
|
||
if ('addEventListener' in window) {
|
||
window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
|
||
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
|
||
}
|
||
$(document).ready(function() {
|
||
$('#work').hide();
|
||
$('#skills').hide();
|
||
$('#resume').hide();
|
||
var hash = window.location.hash.substring(1);
|
||
switch (hash) {
|
||
case 'work':
|
||
toggleWork();
|
||
break;
|
||
case 'skills':
|
||
toggleSkills();
|
||
break;
|
||
case 'resume':
|
||
toggleResume();
|
||
break;
|
||
}
|
||
});
|
||
function toggleWork() {
|
||
if($('#work:hidden').length !== 0) {
|
||
$('#work').fadeIn();
|
||
$('#skills').hide();
|
||
$('#resume').hide();
|
||
} else {
|
||
$('#work').fadeOut();
|
||
}
|
||
}
|
||
function toggleSkills() {
|
||
if($('#skills:hidden').length !== 0) {
|
||
$('#skills ul li').removeClass('transform');
|
||
$('#skills').fadeIn();
|
||
$('#skills ul li').addClass('transform');
|
||
$('#work').hide();
|
||
$('#resume').hide();
|
||
} else {
|
||
$('#skills').fadeOut();
|
||
}
|
||
}
|
||
function toggleResume() {
|
||
if($('#resume:hidden').length !== 0) {
|
||
$('#resume').fadeIn();
|
||
$('#work').hide();
|
||
$('#skills').hide();
|
||
var timelineBlocks = $('.cd-timeline-block'),
|
||
offset = 1;
|
||
hideBlocks(timelineBlocks, offset);
|
||
$(window).on('scroll', function(){
|
||
(!window.requestAnimationFrame)
|
||
? setTimeout(function(){ showBlocks(timelineBlocks, offset); }, 100)
|
||
: window.requestAnimationFrame(function(){ showBlocks(timelineBlocks, offset); });
|
||
});
|
||
|
||
function hideBlocks(blocks, offset) {
|
||
blocks.each(function(){
|
||
( $(this).offset().top > $(window).scrollTop()+$(window).height()*offset ) && $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
|
||
});
|
||
}
|
||
|
||
function showBlocks(blocks, offset) {
|
||
blocks.each(function(){
|
||
( $(this).offset().top <= $(window).scrollTop()+$(window).height()*offset && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) && $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
|
||
});
|
||
}
|
||
} else {
|
||
$('#resume').fadeOut();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|