<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Added comprehensive meta tags for SEO and validation -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Primary Meta Tags -->
<title>Célyan MICOL - CV Interactif Terminal | BTS SIO SISR</title>
<meta name="title" content="Célyan MICOL - CV Interactif Terminal | BTS SIO SISR">
<meta name="description" content="CV interactif de Célyan MICOL, candidat en BTS SIO option SISR. Expériences en réseaux informatiques, support technique et développement. Découvrez mon parcours dans un terminal hacker interactif.">
<meta name="keywords" content="Célyan MICOL, CV, BTS SIO, SISR, réseaux informatiques, développement, Python, terminal, portfolio, stage, alternance">
<meta name="author" content="Célyan MICOL">
<meta name="robots" content="index, follow">
<meta name="language" content="French">
<meta name="revisit-after" content="7 days">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://naylec-school.github.io/">
<meta property="og:title" content="Célyan MICOL - CV Interactif Terminal">
<meta property="og:description" content="CV interactif de Célyan MICOL, candidat en BTS SIO option SISR. Découvrez mon parcours dans un terminal hacker interactif.">
<meta property="og:locale" content="fr_FR">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://naylec-school.github.io/">
<meta property="twitter:title" content="Célyan MICOL - CV Interactif Terminal">
<meta property="twitter:description" content="CV interactif de Célyan MICOL, candidat en BTS SIO option SISR.">
<!-- Theme Color -->
<meta name="theme-color" content="#00ff00">
<meta name="msapplication-TileColor" content="#00ff00">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💻</text></svg>">
<!-- Preconnect for performance -->
<link rel="preconnect" href="https://naylec404.github.io">
<!-- Stylesheet -->
<link rel="stylesheet" href="styles.css">
<!-- Added structured data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Célyan MICOL",
"url": "https://naylec-school.github.io/",
"jobTitle": "Étudiant BTS SIO SISR",
"alumniOf": {
"@type": "EducationalOrganization",
"name": "Pôle Formation CFAI AFPI Loire-Drôme-Ardèche"
},
"description": "Candidat en BTS SIO option SISR, expériences en réseaux informatiques et développement",
"sameAs": [
"https://github.com/naylec-school"
],
"knowsAbout": ["Réseaux informatiques", "Python", "Linux", "Windows", "Support technique"]
}
</script>
</head>
<body>
<!-- Added semantic HTML5 main element for accessibility -->
<main>
<div class="terminal-container" role="application" aria-label="Terminal CV interactif">
<div class="terminal-header">
<div class="terminal-buttons" aria-hidden="true">
<span class="btn close" title="Fermer"></span>
<span class="btn minimize" title="Réduire"></span>
<span class="btn maximize" title="Agrandir"></span>
</div>
<div class="terminal-title">celyan@cv:~$</div>
</div>
<div class="terminal-body" role="log" aria-live="polite" aria-atomic="false">
<div id="output"></div>
<div class="input-line">
<span class="prompt" aria-hidden="true">visitor@cv:~$</span>
<span id="typed-text" aria-hidden="true"></span>
<span class="cursor" aria-hidden="true">█</span>
<label for="command-input" class="sr-only">Entrez une commande</label>
<input
type="text"
id="command-input"
autofocus autocomplete="off"
spellcheck="false"
aria-label="Ligne de commande du terminal">
</div>
</div>
</div>
<!-- Added semantic footer element -->
<footer role="contentinfo">
<a href="https://naylec404.github.io" target="_blank" rel="noopener noreferrer" aria-label="Visiter le site principal de naylec">
<p>© 2025 naylec - <span class="text-accent">school</span>. Tous droits réservés.</p>
<p>Boosted by <span class="text-color">V0</span></p>
</a>
</footer>
</main>
<!-- Added defer attribute for better performance -->
<script src="script.js" defer></script>
</body>
</html>
