https://portfolio.kairrin.net/fr/tags/communication/Recent content in Communication on Portfolio - Lucas Lopes Da SilvaHugofr-FRWed, 05 Nov 2025 16:00:00 +0200https://portfolio.kairrin.net/fr/projects/mise-a-jour-linkedin/Wed, 05 Nov 2025 16:00:00 +0200https://portfolio.kairrin.net/fr/projects/mise-a-jour-linkedin/Structuration de mon profil LinkedIn pour répondre au référentiel BTS SIO : veille, identité professionnelle et projet professionnel.https://portfolio.kairrin.net/fr/veille/Fri, 07 Feb 2025 00:00:00 +0000https://portfolio.kairrin.net/fr/veille/<style> .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; } /* 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: space-between; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .presentation-pdf__actions > span { display: inline-flex; } .presentation-pdf__actions span > span { margin: 0 !important; } .presentation-pdf__actions-right { display: flex; gap: 0.5rem; align-items: center; } .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 from the shortcode */ .presentation-pdf #overlayText { display: none !important; } /* Style the paginator to match theme and align with action buttons */ .presentation-pdf__actions--combined .pdf-paginator { margin: 0; padding: 0; display: contents; } .presentation-pdf .pdf-paginator { margin-top: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.9rem; } .presentation-pdf .pdf-paginator button { display: inline-flex; align-items: center; justify-content: center; padding: 0.55rem 0.85rem; border-radius: 10px; border: 1px solid var(--presentation-border); background: rgba(0, 0, 0, 0.035); color: inherit; font-weight: 650; font-size: 0.875rem; cursor: pointer; transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease; } .dark .presentation-pdf .pdf-paginator button { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); } .presentation-pdf .pdf-paginator button:hover { transform: translateY(-1px); background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.16); box-shadow: 0 8px 18px var(--presentation-shadow); } .dark .presentation-pdf .pdf-paginator button:hover { background: rgba(255, 255, 255, 0.10); border-color: rgba(255, 255, 255, 0.22); } .presentation-pdf .pdf-paginator span { font-weight: 600; font-size: 0.9rem; opacity: 0.85; } .presentation-pdf .pdf-paginator a { display: none; } @media (max-width: 768px) { .presentation-pdf { padding: 0.75rem; gap: 0.6rem; } .presentation-pdf__actions { justify-content: space-between; } } </style> <div class="relative mb-8 -mx-4 sm:mx-0 sm:rounded-xl overflow-hidden"> <div class="relative h-64 md:h-96 w-full"> <img src="image.png" alt="Veille Technologique - Li-Fi" class="h-full w-full object-cover" loading="eager" /> <!-- Gradient overlay mask --> <div class="absolute inset-0 bg-gradient-to-t from-background/80 via-background/20 to-transparent"></div> <!-- Decorative elements --> <div class="absolute inset-0 overflow-hidden pointer-events-none"> <div class="absolute top-8 right-8 h-20 w-20 rounded-full bg-white/15"></div> <div class="absolute bottom-8 left-8 h-16 w-16 rounded-full bg-white/20"></div> </div> </div> </div> <!-- Header Information --> <header class="mb-8"> <!-- Title --> <!-- Description --> <div class="text-muted-foreground mb-6 text-lg leading-relaxed"> Une étude approfondie sur la technologie Li-Fi, son historique, ses enjeux et ses évolutions récentes. </div> <!-- Meta Information --> <div class="bg-muted/30 border-border flex flex-wrap items-center gap-4 rounded-lg border p-4 text-sm"> <!-- Date --> <div class="flex items-center gap-2"> <span class="inline-flex items-center align-middle mx-1"><svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m11 11.85l-1.875 1.875q-.3.3-.712.288T7.7 13.7q-.275-.3-.288-.7t.288-.7l3.6-3.6q.15-.15.325-.212T12 8.425t.375.063t.325.212l3.6 3.6q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L13 11.85V19q0 .425-.288.713T12 20t-.712-.288T11 19zM4 8V6q0-.825.588-1.412T6 4h12q.825 0 1.413.588T20 6v2q0 .425-.288.713T19 9t-.712-.288T18 8V6H6v2q0 .425-.288.713T5 9t-.712-.288T4 8"/></svg></span> <span class="text-muted-foreground">Publié le:</span> <time class="text-foreground font-medium">7 février 2025</time> </div> <div class="flex items-center gap-2"> <span class="inline-flex items-center align-middle mx-1"><svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M7 5.775q-1.375 1.1-2.187 2.713T4 12q0 2.875 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737t-.275.675t-.625.2q-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2T5.4 4.5H4q-.425 0-.712-.288T3 3.5t.288-.712T4 2.5h4q.425 0 .713.288T9 3.5v4q0 .425-.288.713T8 8.5t-.712-.288T7 7.5zm3.575 8L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7t-.288.7L11.275 15.9q-.3.3-.7.3t-.7-.3L7.05 13.05q-.275-.275-.287-.687t.287-.713q.275-.275.7-.275t.7.275zM18.6 19.5H20q.425 0 .713.288T21 20.5t-.288.713T20 21.5h-4q-.425 0-.712-.288T15 20.5v-4q0-.425.288-.712T16 15.5t.713.288t.287.712v1.725q1.375-1.125 2.188-2.725T20 12q0-2.875-1.75-5.012t-4.425-2.763q-.375-.1-.6-.437T13 3.05t.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.275-.913 4.2T18.6 19.5"/></svg></span> <span class="text-muted-foreground">Mis à jour le:</span> <span class="text-foreground font-medium">18 Janvier 2026</span> </div> </div> <!-- Tech Stack / Tags --> <div class="mt-6"> <h2 class="text-foreground mb-3 text-sm font-semibold uppercase tracking-wide"> Domaines couverts </h2> <div class="flex flex-wrap gap-2"> <span class="bg-muted/50 text-foreground border-muted/30 rounded-md border px-3 py-1.5 text-sm font-medium"> Technologie </span> <span class="bg-muted/50 text-foreground border-muted/30 rounded-md border px-3 py-1.5 text-sm font-medium"> Communication </span> <span class="bg-muted/50 text-foreground border-muted/30 rounded-md border px-3 py-1.5 text-sm font-medium"> Innovation </span> <span class="bg-muted/50 text-foreground border-muted/30 rounded-md border px-3 py-1.5 text-sm font-medium"> Sécurité </span> </div> </div> </header> <div class="presentation-section presentation-prose"> <h2 id="introduction">Introduction</h2> <p>Le <strong>Li-Fi</strong> (<em>Light Fidelity</em>) est une technologie de communication sans fil utilisant la lumière visible, l’ultraviolet et l’infrarouge pour transmettre des données. Contrairement au Wi-Fi, qui repose sur les ondes radio, le Li-Fi exploite le spectre lumineux pour offrir une connectivité ultra-rapide et sécurisée.</p>