1
0
Fork 0
portofolio/index.html

296 lines
12 KiB
HTML
Raw Permalink Normal View History

2019-05-14 18:43:03 +02:00
<!DOCTYPE HTML>
<html lang="fr">
<head>
2020-01-25 16:59:31 +01:00
<title>Anael Ginder - Administrateur Systèmes - Portfolio</title>
<meta name="description" content="Bienvenue sur mon portfolio, Je suis Anael Ginder, vous trouverez sur ce site des informations me concernant, notament mon Curriculum vitae.">
2019-05-14 18:43:03 +02:00
<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>
2020-01-25 16:59:31 +01:00
<p>Administrateur systèmes, debianeux, panda à roulettes</p>
2019-05-14 18:43:03 +02:00
<ul class="icons">
<li><a href='mailto&#58;&#37;61n&#97;el&#64;&#103;&#105;nd%65r&#46;%&#54;6r' class="fa-envelope-o">Mail</a></li>
</ul>
2020-01-25 16:59:31 +01:00
<p>Ma clef GPG : <a href ="extra/anael(0xDE9D84471CFD8DD8)pub.asc" title"clef GPG Anael">0xDE9D84471CFD8DD8</a></p>
2019-05-14 18:43:03 +02:00
</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">
2020-01-25 16:59:31 +01:00
<p>Voici une liste de services que j'auto-heberge pour ma <a href="https://fr.wikipedia.org/wiki/Souverainet%C3%A9_num%C3%A9rique" target="_blank">souveraineté numérique</a></p>
2019-05-14 18:43:03 +02:00
<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>
2020-01-25 16:59:31 +01:00
<h3>SeaDrive</h3>
2019-05-14 18:43:03 +02:00
<p>
Cloud & Synchronisation de fichier (privé)
</p>
<p>
2020-01-25 16:59:31 +01:00
<a href="https://cloud.cyberjinh.fr/" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
2019-05-14 18:43:03 +02:00
</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>
2020-01-25 16:59:31 +01:00
<h3>Mastodon</h3>
2019-05-14 18:43:03 +02:00
<p>
2020-01-25 16:59:31 +01:00
Réseaux sociaux
2019-05-14 18:43:03 +02:00
</p>
<p>
2020-01-25 16:59:31 +01:00
<a href="https://social.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
2019-05-14 18:43:03 +02:00
</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>
2020-01-25 16:59:31 +01:00
Systèmes GNU/Linux - Debian & CentOS | Systemes Windows Serveur 2012 et 2016
2019-05-14 18:43:03 +02:00
</li>
<li>
Réseaux locaux, protocoles de lInternet (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">
2020-01-25 16:59:31 +01:00
<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>Administrateur Systèmes Nameshield, Angers</h2>
<p>
<span class="cd-date">Oct. 2019 Aujourd'hui</span>
</p>
</div>
</div>
2019-05-14 18:43:03 +02:00
<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>
2020-01-25 16:59:31 +01:00
<span class="cd-date">Oct. 2017 Oct. 2019</span>
2019-05-14 18:43:03 +02:00
</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>&copy; 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>
</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>