You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

148 lines
7.7 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  1. <!DOCTYPE HTML>
  2. <html lang="fr">
  3. <head>
  4. <title>Anael Ginder - Administrateur systèmes Angers- Portfolio</title>
  5. <meta name="description" content="Bienvenue sur mon portfolio, vous trouverez sur ce site des informations me concernant, notament mon Curriculum vitae.">
  6. <meta charset="utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <link rel="icon" href="images/icons/favicon.png" type="image/png" />
  9. <link rel="apple-touch-icon-precomposed" href="images/icons/apple-touch-icon-precomposed.png" />
  10. <link rel="stylesheet" href="assets/css/main.css" />
  11. <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
  12. <style>
  13. body {
  14. height: 100%;
  15. background-color: #ffffff;
  16. 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");
  17. 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");
  18. 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");
  19. 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");
  20. background-repeat: repeat, no-repeat, no-repeat;
  21. background-size: 100px 100px, cover, auto;
  22. background-position: top left, center, top right;
  23. background-attachment: fixed, fixed, fixed;
  24. }
  25. </style>
  26. <link rel="stylesheet" href="assets/vertical-timeline/css/style.css" />
  27. <script src="assets/vertical-timeline/js/modernizr.js"></script>
  28. <script src="assets/js/jquery.min.js"></script>
  29. <script>
  30. var loc = window.location.href+'';
  31. if (loc.indexOf('http://')==0){
  32. window.location.href = loc.replace('http://','https://');
  33. }
  34. </script>
  35. </head>
  36. <body class="is-loading">
  37. <div id="wrapper">
  38. <div id="main">
  39. <header>
  40. <p><a href="index.html"> < Accueil</a></p>
  41. </header>
  42. <hr />
  43. <h1>Cookies</h1>
  44. <ul>
  45. <li>
  46. Qu'est-ce que les cookies ?
  47. </li>
  48. <li>
  49. 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.
  50. </li>
  51. <br />
  52. <li>
  53. Quels Cookies sont utilisés par ginder.fr ?
  54. </li>
  55. <li>
  56. Le site ginder.fr utilise 1 cookie technique. Ce cookies est lié à mon hebergeur pour la répartition de charge (son petit nom : SERVERID17573). Il s'agit d'un cookies edité par OVH (voir les <a href="legales.html"> mentions légales</a>). Ce cookie n'est pas désactivable. Ce cookie s'auto-detruit lorsque vous fermez votre navigateur.
  57. </li>
  58. <br />
  59. <li>
  60. Lorsque vous visitez le site ginder.fr, sont enregistré par OVH dans les log apache votre adresse IP, des informations relatives à votre navigateur internet, le type de connexion (ADSL, fibre ...), les ressources demandés ainsi que l'heure. Plus d'informations <a href="https://www.ovh.com/fr/hebergement-web/website_statistics.xml"> ici</a>
  61. </li>
  62. </ul>
  63. </div>
  64. <footer id="footer">
  65. <ul class="copyright">
  66. <li>&copy; Anael Ginder <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC-0</a></li>
  67. <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
  68. <li><a href="https://git.cyberjinh.fr/anael/portofolio">Sources</a></li>
  69. <li><a href="legales.html">Mentions Légales</a></li>
  70. <li><a href="cookies.html">Cookies</a></li>
  71. </ul>
  72. </footer>
  73. </div>
  74. <script>
  75. if ('addEventListener' in window) {
  76. window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
  77. document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
  78. }
  79. $(document).ready(function() {
  80. $('#work').hide();
  81. $('#skills').hide();
  82. $('#resume').hide();
  83. var hash = window.location.hash.substring(1);
  84. switch (hash) {
  85. case 'work':
  86. toggleWork();
  87. break;
  88. case 'skills':
  89. toggleSkills();
  90. break;
  91. case 'resume':
  92. toggleResume();
  93. break;
  94. }
  95. });
  96. function toggleWork() {
  97. if($('#work:hidden').length !== 0) {
  98. $('#work').fadeIn();
  99. $('#skills').hide();
  100. $('#resume').hide();
  101. } else {
  102. $('#work').fadeOut();
  103. }
  104. }
  105. function toggleSkills() {
  106. if($('#skills:hidden').length !== 0) {
  107. $('#skills ul li').removeClass('transform');
  108. $('#skills').fadeIn();
  109. $('#skills ul li').addClass('transform');
  110. $('#work').hide();
  111. $('#resume').hide();
  112. } else {
  113. $('#skills').fadeOut();
  114. }
  115. }
  116. function toggleResume() {
  117. if($('#resume:hidden').length !== 0) {
  118. $('#resume').fadeIn();
  119. $('#work').hide();
  120. $('#skills').hide();
  121. var timelineBlocks = $('.cd-timeline-block'),
  122. offset = 1;
  123. hideBlocks(timelineBlocks, offset);
  124. $(window).on('scroll', function(){
  125. (!window.requestAnimationFrame)
  126. ? setTimeout(function(){ showBlocks(timelineBlocks, offset); }, 100)
  127. : window.requestAnimationFrame(function(){ showBlocks(timelineBlocks, offset); });
  128. });
  129. function hideBlocks(blocks, offset) {
  130. blocks.each(function(){
  131. ( $(this).offset().top > $(window).scrollTop()+$(window).height()*offset ) && $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
  132. });
  133. }
  134. function showBlocks(blocks, offset) {
  135. blocks.each(function(){
  136. ( $(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');
  137. });
  138. }
  139. } else {
  140. $('#resume').fadeOut();
  141. }
  142. }
  143. </script>
  144. </body>
  145. </html>