<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Presentation on Portfolio - Lucas Lopes Da Silva</title><link>https://portfolio.kairrin.net/fr/tags/presentation/</link><description>Recent content in Presentation on Portfolio - Lucas Lopes Da Silva</description><generator>Hugo</generator><language>fr-FR</language><lastBuildDate>Thu, 01 Jan 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://portfolio.kairrin.net/fr/tags/presentation/index.xml" rel="self" type="application/rss+xml"/><item><title>Ma presentation</title><link>https://portfolio.kairrin.net/fr/presentation/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://portfolio.kairrin.net/fr/presentation/</guid><description>&lt;style&gt;
 .presentation-section {
 --presentation-surface: var(--card, #ffffff);
 --presentation-surface-muted: rgba(0, 0, 0, 0.04);
 --presentation-border: var(--border, rgba(0, 0, 0, 0.08));
 --presentation-shadow: rgba(0, 0, 0, 0.06);
 }
 .dark .presentation-section {
 --presentation-surface: rgba(255, 255, 255, 0.06);
 --presentation-surface-muted: rgba(255, 255, 255, 0.06);
 --presentation-border: rgba(255, 255, 255, 0.10);
 --presentation-shadow: rgba(0, 0, 0, 0.40);
 }
 .presentation-prose [style*="background:#ffffff"],
 .presentation-prose [style*="background: #ffffff"] {
 background: var(--presentation-surface) !important;
 }
 .presentation-prose [style*="background:rgba(0,0,0,.04)"],
 .presentation-prose [style*="background: rgba(0,0,0,.04)"] {
 background: var(--presentation-surface-muted) !important;
 }
 .presentation-prose [style*="border:1px solid rgba(0,0,0,.08)"] {
 border-color: var(--presentation-border) !important;
 }
 .presentation-prose [style*="box-shadow:0 10px 24px rgba(0,0,0,.06)"] {
 box-shadow: 0 10px 24px var(--presentation-shadow) !important;
 }
 
 @media (max-width: 768px) {
 [style*="display:flex;gap:1.5rem"] {
 flex-wrap: wrap !important;
 gap: 1rem !important;
 padding: 1.2rem !important;
 }
 [style*="display:flex;gap:1.5rem"] &gt; div:first-child {
 flex-shrink: 0 !important;
 }
 [style*="width:96px;height:96px"] {
 width: 70px !important;
 height: 70px !important;
 }
 [style*="font-size:1.25rem;font-weight:750"] {
 font-size: 1.1rem !important;
 }
 [style*="margin-top:.9rem;font-size:1rem"] {
 font-size: 0.9rem !important;
 max-width: 100% !important;
 }
 iframe[style*="height:1050px"] {
 height: auto !important;
 aspect-ratio: 1 / 1.414 !important;
 }
 [style*="padding:1.2rem"][style*="border-radius:16px"] {
 padding: 0.75rem !important;
 }
 [style*="margin-top:1rem;border:1px solid"][style*="overflow:hidden"] {
 overflow: visible !important;
 }
 }

 /* PDF embed styling to match presentation theme */
 .presentation-pdf {
 margin-top: 1rem;
 border: 1px solid var(--presentation-border);
 border-radius: 14px;
 background: var(--presentation-surface);
 box-shadow: 0 12px 28px var(--presentation-shadow);
 padding: 0.9rem;
 display: flex;
 flex-direction: column;
 gap: 0.75rem;
 }
 .presentation-pdf__actions {
 display: flex;
 justify-content: flex-end;
 gap: 0.5rem;
 flex-wrap: wrap;
 }
 .presentation-pdf__viewer {
 overflow: hidden;
 border-radius: 12px;
 }
 .presentation-pdf canvas.pdf-canvas {
 width: 100% !important;
 height: auto !important;
 border: 1px solid var(--presentation-border) !important;
 display: block;
 box-shadow: 0 6px 14px var(--presentation-shadow);
 }
 /* Hide default overlay and paginator from the shortcode */
 .presentation-pdf #overlayText,
 .presentation-pdf .pdf-paginator {
 display: none !important;
 }
 @media (max-width: 768px) {
 .presentation-pdf {
 padding: 0.75rem;
 gap: 0.6rem;
 }
 .presentation-pdf__actions {
 justify-content: flex-start;
 }
 }
&lt;/style&gt;
&lt;div class="presentation-section presentation-prose"&gt;
&lt;h2 id="présentation-du-candidat"&gt;Présentation du candidat&lt;/h2&gt;
&lt;p&gt;Je m’appelle Lucas Lopes Da Silva, je suis apprenti Technicien Administrateur des Systèmes d’Information.
Actuellement en formation en BTS &lt;abbr title="Services Informatiques aux Organisations"&gt;SIO&lt;/abbr&gt;, option &lt;abbr title="Solutions d'Infrastructure, Systèmes et Réseaux"&gt;SISR&lt;/abbr&gt;, je développe des compétences orientées infrastructure, systèmes, réseaux et sécurité.&lt;/p&gt;
&lt;p&gt;Dans le cadre de mon alternance à l’&lt;abbr title="Agence nationale de la sécurité des systèmes d'information"&gt;ANSSI&lt;/abbr&gt;, je participe à l’exploitation et à l’évolution du système d’information, en appliquant des bonnes pratiques de disponibilité, de sécurité et de fiabilité des services. Cette expérience me permet de consolider mes acquis techniques tout en évoluant dans un environnement exigeant et structuré.&lt;/p&gt;
&lt;p&gt;À travers ce portfolio, je présente mes réalisations professionnelles, mes projets pédagogiques, mes situations d’épreuves (E5 / E6) ainsi que ma veille technologique et juridique, en lien avec le référentiel du BTS SIO et ma spécialisation SISR.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="présentation-du-bts-sio"&gt;Présentation du BTS SIO&lt;/h2&gt;
&lt;p&gt;Le &lt;strong&gt;BTS SIO (Services Informatiques aux Organisations)&lt;/strong&gt; forme des techniciens capables de &lt;strong&gt;déployer, administrer et faire évoluer&lt;/strong&gt; des solutions informatiques répondant aux besoins d’une organisation : infrastructure, réseaux, services, cybersécurité, support et bases du développement applicatif.&lt;/p&gt;
&lt;p&gt;&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://www.onisep.fr/ressources/univers-formation/formations/post-bac/bts-services-informatiques-aux-organisations-option-a-solutions-d-infrastructure-systemes-et-reseaux"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary/20 shadow-sm hover:shadow-md px-4 py-2 text-base"
 &gt;&lt;svg class="h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/&gt;&lt;/svg&gt;&lt;span&gt;ONISEP - BTS SIO&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://portfolio.kairrin.net/fr/epreuves/e5"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 &gt;&lt;span&gt;Épreuve E5&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://portfolio.kairrin.net/fr/epreuves/e6"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 &gt;&lt;span&gt;Épreuve E6&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://portfolio.kairrin.net/fr/epreuves/ef3"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 &gt;&lt;span&gt;Épreuve EF3&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;

&lt;/p&gt;
&lt;h2 id="les-deux-options-du-bts-sio"&gt;Les deux options du BTS SIO&lt;/h2&gt;
&lt;h3 id="option-sisr--solutions-dinfrastructure-systèmes-et-réseaux"&gt;Option SISR — Solutions d’Infrastructure, Systèmes et Réseaux&lt;/h3&gt;

 &lt;blockquote
 class="border-primary bg-muted/30 hover:bg-muted/40 my-6 rounded-r-lg border-l-4 py-4 pr-4 pl-6 italic transition-all duration-200 ease-out hover:translate-x-1"&gt;
 &lt;div class="prose prose-sm max-w-none"&gt;
 &lt;p&gt;&lt;strong&gt;Ma spécialité&lt;/strong&gt;&lt;/p&gt;

 &lt;/div&gt;
 &lt;/blockquote&gt;&lt;script&gt;
function toggleAlert(alertId) {
 const content = document.getElementById(alertId + '-content');
 const chevron = document.getElementById(alertId + '-chevron');
 const header = content.previousElementSibling;
 
 if (content.classList.contains('hidden')) {
 content.classList.remove('hidden');
 chevron.style.transform = 'rotate(0deg)';
 header.setAttribute('aria-expanded', 'true');
 } else {
 content.classList.add('hidden');
 chevron.style.transform = 'rotate(-90deg)';
 header.setAttribute('aria-expanded', 'false');
 }
}


document.addEventListener('DOMContentLoaded', function() {
 const collapsedAlerts = document.querySelectorAll('.alert-content.hidden');
 collapsedAlerts.forEach(function(content) {
 const alertId = content.id.replace('-content', '');
 const chevron = document.getElementById(alertId + '-chevron');
 if (chevron) {
 chevron.style.transform = 'rotate(-90deg)';
 }
 });
});
&lt;/script&gt;

&lt;p&gt;L’option &lt;strong&gt;SISR&lt;/strong&gt; est orientée &lt;strong&gt;infrastructure&lt;/strong&gt;. Elle vise à concevoir, mettre en œuvre et maintenir des environnements &lt;strong&gt;systèmes et réseaux&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;On y aborde notamment :&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Administration Windows / Linux&lt;/strong&gt; (comptes, droits, services, automatisation)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Réseaux&lt;/strong&gt; (adressage, VLAN, routage, DNS / DHCP, Wi-Fi)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Services d’entreprise&lt;/strong&gt; (Active Directory, fichiers, accès distant, proxy)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Sécurité&lt;/strong&gt; (durcissement, segmentation, pare-feu, supervision, sauvegardes)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Objectif : garantir un système d’information &lt;strong&gt;fiable, disponible et sécurisé&lt;/strong&gt;.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id="option-slam--solutions-logicielles-et-applications-métiers"&gt;Option SLAM — Solutions Logicielles et Applications Métiers&lt;/h3&gt;
&lt;p&gt;L’option &lt;strong&gt;SLAM&lt;/strong&gt; est orientée &lt;strong&gt;développement applicatif&lt;/strong&gt;. Elle vise à analyser un besoin métier, concevoir et maintenir des applications.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;On y aborde notamment :&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Développement d’applications&lt;/strong&gt; (web / applicatif), API, tests&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Bases de données&lt;/strong&gt; (modélisation, SQL, optimisation)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Analyse et conception&lt;/strong&gt; (maquettes, UML, user stories)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Déploiement et maintenance&lt;/strong&gt; (versioning, documentation)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Objectif : livrer des solutions &lt;strong&gt;utiles, maintenables et adaptées&lt;/strong&gt; aux utilisateurs.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="mon-ecole"&gt;École&lt;/h2&gt;
&lt;div style="display:flex;gap:1.5rem;align-items:flex-start;padding:1.6rem;border-radius:18px;border:1px solid var(--presentation-border);background:var(--presentation-surface);box-shadow:0 12px 28px var(--presentation-shadow);"&gt;
&lt;div style="flex:0 0 auto;"&gt;
&lt;div style="width:96px;height:96px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.12);"&gt;
&lt;img src="https://scholanova-group.org/wp-content/uploads/2022/04/doc-logo-200x63.png" alt="Logo de Schola Nova" style="max-width:80%;max-height:80%;object-fit:contain;" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="min-width:0;"&gt;
&lt;div style="font-size:1.25rem;font-weight:750;line-height:1.2;"&gt;
Schola Nova — CFA en alternance
&lt;/div&gt;
&lt;div style="margin-top:.4rem;font-size:.95rem;font-weight:600;opacity:.8;"&gt;
Formation professionnelle en alternance
&lt;/div&gt;
&lt;div style="margin-top:.9rem;font-size:1rem;line-height:1.6;opacity:.85;max-width:65ch;"&gt;
Schola Nova est un établissement d’enseignement supérieur qui propose des &lt;strong&gt;formations en alternance&lt;/strong&gt;, alliant théorie pédagogique et mise en pratique professionnelle.
&lt;p&gt;L’école met l’accent sur &lt;strong&gt;l’accompagnement personnalisé des étudiants pour trouver et réussir en entreprise&lt;/strong&gt;, tout en suivant des cursus structurés en partenariat avec le tissu professionnel.&lt;/p&gt;
&lt;p&gt;Parmi les parcours proposés figurent des diplômes &lt;strong&gt;du niveau Bac+2 au Bac+3&lt;/strong&gt;, dans deux grands domaines :&lt;br&gt;
• &lt;strong&gt;Informatique &amp;amp; Cybersécurité&lt;/strong&gt;&lt;br&gt;
• &lt;strong&gt;Commerce, gestion &amp;amp; marketing&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div style="margin-top:1rem;padding:.75rem 1rem;border-radius:12px;background:rgba(0,0,0,.04);font-size:.95rem;"&gt;
&lt;strong&gt;Formation suivie :&lt;/strong&gt; BTS SIO — option SISR (Solutions d’Infrastructure, Systèmes et Réseaux)
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;h2 id="mon-entreprise"&gt;Mon Entreprise d&amp;rsquo;accueil&lt;/h2&gt;
&lt;div style="display:flex;gap:1.5rem;align-items:flex-start;padding:1.6rem;border-radius:18px;border:1px solid var(--presentation-border);background:var(--presentation-surface);box-shadow:0 12px 28px var(--presentation-shadow);"&gt;
&lt;div style="flex:0 0 auto;"&gt;
&lt;div style="width:96px;height:96px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.12);"&gt;
&lt;img src="https://upload.wikimedia.org/wikipedia/fr/d/d9/ANSSI_Logo.svg" alt="Logo de l’ANSSI" style="max-width:80%;max-height:80%;object-fit:contain;" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="min-width:0;"&gt;
&lt;div style="font-size:1.25rem;font-weight:750;line-height:1.2;"&gt;
ANSSI — Agence nationale de la sécurité des systèmes d’information
&lt;/div&gt;
&lt;div style="margin-top:.4rem;font-size:.95rem;font-weight:600;opacity:.8;"&gt;
Autorité nationale en matière de cybersécurité
&lt;/div&gt;
&lt;div style="margin-top:.9rem;font-size:1rem;line-height:1.6;opacity:.85;max-width:65ch;"&gt;
L’ANSSI est &lt;strong&gt;l’autorité nationale française en charge de la sécurité et de la défense des systèmes d’information.&lt;/strong&gt;
&lt;p&gt;Elle définit et met en œuvre la politique de l’État en matière de cybersécurité, en particulier pour les &lt;strong&gt;administrations, les opérateurs d’importance vitale, les services essentiels et plus largement l’écosystème national.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;L’Agence intervient sur l’ensemble du cycle de la cybersécurité : &lt;strong&gt;prévention, détection, réaction et reconstruction à la suite d’incidents cyber.
Elle accompagne les administrations, les entreprises et les collectivités à travers des actions de conseil, de sensibilisation, de supervision, de gestion d’incidents et de coordination lors de crises cyber.&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div style="margin-top:1rem;padding:.75rem 1rem;border-radius:12px;background:rgba(0,0,0,.04);font-size:.95rem;"&gt;
&lt;strong&gt;Mon Poste :&lt;/strong&gt; Apprenti Technicien Administrateur des Systèmes d’Information
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 id="mon-rôle-dans-lentreprise"&gt;Mon rôle dans l’entreprise&lt;/h3&gt;
&lt;p&gt;Dans le cadre de mon alternance, je participe à l’exploitation et à l’évolution du système d’information, en intervenant sur des activités opérationnelles et transverses :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Support aux utilisateurs (assistance, diagnostic et résolution des incidents)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Traitement des incidents et suivi des actions correctives&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Administration et support systèmes et réseaux&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Mise en place, maintien et amélioration de services&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Gestion de projets (participation au suivi, à la coordination et à la documentation)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Amélioration continue des processus et des services existants&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Collaboration avec les différents acteurs lors des opérations de cyberdéfense&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Ces missions me permettent de développer une vision globale du système d’information, tout en appliquant des bonnes pratiques de sécurité, de disponibilité et de fiabilité dans un environnement exigeant.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="certifications-obtenues"&gt;Certifications obtenues&lt;/h2&gt;
&lt;div style="margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem;"&gt;
&lt;div style="padding:1.5rem;border-radius:14px;border:1px solid var(--presentation-border);background:var(--presentation-surface);box-shadow:0 12px 28px var(--presentation-shadow);display:flex;gap:1.5rem;align-items:center;transition:all 0.3s ease;" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 16px 36px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 12px 28px var(--presentation-shadow)'"&gt;
&lt;div style="flex:0 0 auto;"&gt;
&lt;img src="https://images.credly.com/size/476x476/images/0ca5f542-fb5e-4a22-9b7a-c1a1ce4c3db7/EndpointSecurity.png" alt="Endpoint Security Badge" style="width:120px;height:120px;object-fit:contain;border-radius:8px;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" /&gt;
&lt;/div&gt;
&lt;div style="flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:0.75rem;"&gt;
&lt;div&gt;
&lt;div style="font-weight:700;font-size:1.05rem;margin-bottom:0.5rem;"&gt;
Endpoint Security
&lt;/div&gt;
&lt;div style="font-size:0.9rem;opacity:0.8;line-height:1.5;"&gt;
Certification en sécurité des terminaux, couvrant la protection, la détection et la réponse aux incidents.
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="display:flex;align-items:center;gap:0.75rem;"&gt;
&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://www.credly.com/badges/b653efee-b3ec-4cc8-b53e-1c9f536855d9/public_url"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 target="_blank" rel="noopener noreferrer"
 &gt;&lt;svg class="h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/&gt;&lt;/svg&gt;&lt;span&gt;Vérifier la certification&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="padding:1.5rem;border-radius:14px;border:1px solid var(--presentation-border);background:var(--presentation-surface);box-shadow:0 12px 28px var(--presentation-shadow);display:flex;gap:1.5rem;align-items:center;transition:all 0.3s ease;" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 16px 36px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 12px 28px var(--presentation-shadow)'"&gt;
&lt;div style="flex:0 0 auto;"&gt;
&lt;img src="https://images.credly.com/size/476x476/images/af8c6b4e-fc31-47c4-8dcb-eb7a2065dc5b/I2CS__1_.png" alt="Introduction to Cybersecurity Badge" style="width:120px;height:120px;object-fit:contain;border-radius:8px;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" /&gt;
&lt;/div&gt;
&lt;div style="flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:0.75rem;"&gt;
&lt;div&gt;
&lt;div style="font-weight:700;font-size:1.05rem;margin-bottom:0.5rem;"&gt;
Introduction to Cybersecurity
&lt;/div&gt;
&lt;div style="font-size:0.9rem;opacity:0.8;line-height:1.5;"&gt;
Formation fondamentale couvrant les principes essentiels de la cybersécurité et les bonnes pratiques de sécurité informatique.
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="display:flex;align-items:center;gap:0.75rem;"&gt;
&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://www.credly.com/badges/47a0dcdf-6e38-428c-ba0e-617ee364c221/public_url"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 target="_blank" rel="noopener noreferrer"
 &gt;&lt;svg class="h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/&gt;&lt;/svg&gt;&lt;span&gt;Vérifier la certification&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="padding:1.5rem;border-radius:14px;border:1px solid var(--presentation-border);background:var(--presentation-surface);box-shadow:0 12px 28px var(--presentation-shadow);display:flex;gap:1.5rem;align-items:center;transition:all 0.3s ease;" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 16px 36px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 12px 28px var(--presentation-shadow)'"&gt;
&lt;div style="flex:0 0 auto;"&gt;
&lt;img src="https://images.credly.com/size/476x476/images/f25ec9d4-c59d-49b9-944a-f160012e81cd/image.png" alt="Linux Unhatched Badge" style="width:120px;height:120px;object-fit:contain;border-radius:8px;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" /&gt;
&lt;/div&gt;
&lt;div style="flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:0.75rem;"&gt;
&lt;div&gt;
&lt;div style="font-weight:700;font-size:1.05rem;margin-bottom:0.5rem;"&gt;
Linux Unhatched
&lt;/div&gt;
&lt;div style="font-size:0.9rem;opacity:0.8;line-height:1.5;"&gt;
Certification fondamentale Linux: ligne de commande, fichiers, permissions et bases d'administration système.
&lt;/div&gt;
&lt;/div&gt;
&lt;div style="display:flex;align-items:center;gap:0.75rem;"&gt;
&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://www.credly.com/badges/f8d01e50-bf0f-4b8f-8b83-49960f3006fe/public_url"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 target="_blank" rel="noopener noreferrer"
 &gt;&lt;svg class="h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/&gt;&lt;/svg&gt;&lt;span&gt;Vérifier la certification&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;


&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="curriculum-vitae"&gt;Curriculum Vitae&lt;/h2&gt;
&lt;div class="presentation-pdf"&gt;
 &lt;div class="presentation-pdf__viewer"&gt;
 &lt;script type="text/javascript" src= '/js/pdf-js/build/pdf.js'&gt;&lt;/script&gt;
 
 &lt;style&gt;
 #embed-pdf-container {
 position: relative;
 width: 100%;
 height: auto;
 min-height: 20vh;
 
 }
 
 .pdf-canvas {
 border: 1px solid black;
 direction: ltr;
 width: 100%;
 height: auto;
 display: none;
 }
 
 #the-canvas {
 border: 1px solid black;
 direction: ltr;
 width: 100%;
 height: auto;
 display: none;
 }
 
 
 .pdf-loadingWrapper {
 display: none;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 350px;
 }
 
 .pdf-loading {
 display: inline-block;
 width: 50px;
 height: 50px;
 border: 3px solid #d2d0d0;;
 border-radius: 50%;
 border-top-color: #383838;
 animation: spin 1s ease-in-out infinite;
 -webkit-animation: spin 1s ease-in-out infinite;
 }
 
 
 
 
 
 #overlayText {
 word-wrap: break-word;
 display: grid;
 justify-content: end;
 }
 
 #overlayText a {
 position: relative;
 top: 10px;
 right: 4px;
 color: #000;
 margin: auto;
 background-color: #eeeeee;
 padding: 0.3em 1em;
 border: solid 2px;
 border-radius: 12px;
 border-color: #00000030;
 text-decoration: none;
 }
 
 #overlayText svg {
 height: clamp(1em, 2vw, 1.4em);
 width: clamp(1em, 2vw, 1.4em);
 }
 
 
 
 @keyframes spin {
 to { -webkit-transform: rotate(360deg); }
 }
 @-webkit-keyframes spin {
 to { -webkit-transform: rotate(360deg); }
 }
 &lt;/style&gt;&lt;div class="embed-pdf-container" id="embed-pdf-container-6d5c9e76"&gt;
 &lt;div class="pdf-loadingWrapper" id="pdf-loadingWrapper-6d5c9e76"&gt;
 &lt;div class="pdf-loading" id="pdf-loading-6d5c9e76"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div id="overlayText"&gt;
 &lt;a href="https://portfolio.kairrin.net/files/Lucas_LopesDaSilva_CV.pdf" aria-label="Download" download&gt;
 &lt;svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"&gt;
 &lt;path d="M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z" /&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
 &lt;/div&gt;
 &lt;canvas class="pdf-canvas" id="pdf-canvas-6d5c9e76"&gt;&lt;/canvas&gt;
 &lt;/div&gt;
 
 &lt;div class="pdf-paginator" id="pdf-paginator-6d5c9e76"&gt;
 &lt;button id="pdf-prev-6d5c9e76"&gt;Previous&lt;/button&gt;
 &lt;button id="pdf-next-6d5c9e76"&gt;Next&lt;/button&gt; &amp;nbsp; &amp;nbsp;
 &lt;span&gt;
 &lt;span class="pdf-pagenum" id="pdf-pagenum-6d5c9e76"&gt;&lt;/span&gt; / &lt;span class="pdf-pagecount" id="pdf-pagecount-6d5c9e76"&gt;&lt;/span&gt;
 &lt;/span&gt;
 &lt;a class="pdf-source" id="pdf-source-6d5c9e76" href="https://portfolio.kairrin.net/files/Lucas_LopesDaSilva_CV.pdf"&gt;[pdf]&lt;/a&gt;
 &lt;/div&gt;
 
 &lt;noscript&gt;
 View the PDF file &lt;a class="pdf-source" id="pdf-source-noscript-6d5c9e76" href="https://portfolio.kairrin.net/files/Lucas_LopesDaSilva_CV.pdf"&gt;here&lt;/a&gt;.
 &lt;/noscript&gt;
 
 &lt;script type="text/javascript"&gt;
 (function(){
 var url = '\/files\/Lucas_LopesDaSilva_CV.pdf';
 
 var hidePaginator = "true" === "true";
 var hideLoader = "true" === "true";
 var selectedPageNum = parseInt("") || 1;
 
 
 var pdfjsLib = window['pdfjs-dist/build/pdf'];
 
 
 if (pdfjsLib.GlobalWorkerOptions.workerSrc == '')
 pdfjsLib.GlobalWorkerOptions.workerSrc = "https:\/\/portfolio.kairrin.net\/" + 'js/pdf-js/build/pdf.worker.js';
 
 
 var pdfDoc = null,
 pageNum = selectedPageNum,
 pageRendering = false,
 pageNumPending = null,
 scale = 3,
 canvas = document.getElementById('pdf-canvas-6d5c9e76'),
 ctx = canvas.getContext('2d'),
 paginator = document.getElementById("pdf-paginator-6d5c9e76"),
 loadingWrapper = document.getElementById('pdf-loadingWrapper-6d5c9e76');
 
 
 
 showPaginator();
 showLoader();
 
 
 
 function renderPage(num) {
 pageRendering = true;
 
 pdfDoc.getPage(num).then(function(page) {
 var viewport = page.getViewport({scale: scale});
 canvas.height = viewport.height;
 canvas.width = viewport.width;
 
 
 var renderContext = {
 canvasContext: ctx,
 viewport: viewport
 };
 var renderTask = page.render(renderContext);
 
 
 renderTask.promise.then(function() {
 pageRendering = false;
 showContent();
 
 if (pageNumPending !== null) {
 
 renderPage(pageNumPending);
 pageNumPending = null;
 }
 });
 });
 
 
 document.getElementById('pdf-pagenum-6d5c9e76').textContent = num;
 }
 
 
 
 function showContent() {
 loadingWrapper.style.display = 'none';
 canvas.style.display = 'block';
 }
 
 
 
 function showLoader() {
 if(hideLoader) return
 loadingWrapper.style.display = 'flex';
 canvas.style.display = 'none';
 }
 
 
 
 function showPaginator() {
 if(hidePaginator) return
 paginator.style.display = 'block';
 }
 
 
 
 function queueRenderPage(num) {
 if (pageRendering) {
 pageNumPending = num;
 } else {
 renderPage(num);
 }
 }
 
 
 
 function onPrevPage() {
 if (pageNum &lt;= 1) {
 return;
 }
 pageNum--;
 queueRenderPage(pageNum);
 }
 document.getElementById('pdf-prev-6d5c9e76').addEventListener('click', onPrevPage);
 
 
 
 function onNextPage() {
 if (pageNum &gt;= pdfDoc.numPages) {
 return;
 }
 pageNum++;
 queueRenderPage(pageNum);
 }
 document.getElementById('pdf-next-6d5c9e76').addEventListener('click', onNextPage);
 
 
 
 pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
 pdfDoc = pdfDoc_;
 var numPages = pdfDoc.numPages;
 document.getElementById('pdf-pagecount-6d5c9e76').textContent = numPages;
 
 
 if(pageNum &gt; numPages) {
 pageNum = numPages
 }
 
 
 renderPage(pageNum);
 });
 })();
 &lt;/script&gt;

 &lt;/div&gt;
 &lt;div class="presentation-pdf__actions"&gt;
 &lt;span data-pdf-download-bottom&gt;&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://portfolio.kairrin.net/files/Lucas_LopesDaSilva_CV.pdf"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer border-2 border-border bg-transparent text-foreground hover:border-primary hover:bg-primary/10 hover:text-primary focus:ring-primary/20 px-4 py-2 text-base"
 &gt;&lt;span&gt;Télécharger le CV&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;

&lt;/span&gt;
 &lt;span data-pdf-open-bottom&gt;&lt;span class="inline-block my-2 mr-2"&gt;&lt;a
 href="https://portfolio.kairrin.net/files/Lucas_LopesDaSilva_CV.pdf"
 class="inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-300 ease-out hover:-translate-y-0.5 hover:scale-105 focus:ring-2 focus:outline-none cursor-pointer bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary/20 shadow-sm hover:shadow-md px-4 py-2 text-base"
 target="_blank" rel="noopener noreferrer"
 &gt;&lt;svg class="h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/&gt;&lt;/svg&gt;&lt;span&gt;Ouvrir dans un onglet&lt;/span&gt;
 &lt;/a&gt;&lt;/span&gt;

&lt;/span&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
 const pdfDownload = document.querySelector('[data-pdf-download] a');
 if (pdfDownload) {
 pdfDownload.setAttribute('download', 'Lucas_LopesDaSilva_CV.pdf');
 }
 const pdfDownloadBottom = document.querySelector('[data-pdf-download-bottom] a');
 if (pdfDownloadBottom) {
 pdfDownloadBottom.setAttribute('download', 'Lucas_LopesDaSilva_CV.pdf');
 }
&lt;/script&gt;</description></item></channel></rss>