145 lines
7.3 KiB
HTML
145 lines
7.3 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>
|
||
|
|
<p><a href="index.html"> < Accueil</a></p>
|
||
|
|
</header>
|
||
|
|
<hr />
|
||
|
|
<h1>Cookies</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
Qu'est-ce que les cookies ?
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
Les <a href="https://fr.wikipedia.org/wiki/Cookie_(informatique)">cookies</a> sont des petits fichiers texte qui sont déposés ou lus sur votre terminal (ordinateur, tablette, smartphone, etc…) lorsque vous naviguez sur un site internet.
|
||
|
|
</li>
|
||
|
|
<br />
|
||
|
|
<li>
|
||
|
|
Quels Cookies sont utilisés par ginder.fr ?
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
Le site ginder.fr utilise 1 cookies technique. Ce cookies technique est lié à mon hebergeur pour la répartition de charge. Il s'agit d'un cookies edité par OVH (voir les <a href="legales.html"> mentions légales</a>). Ce cookies ne peut être désactiver.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</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>
|
||
|
|
</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>
|