stephane.liabeuf/cv-web-liabeuf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: replace hero badge with welcome message

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
LIABEUF, Stephane (External) 2026-05-17 21:21:57 +02:00
parent 1e0f77d88b
commit 4b6b90c3f0
1 changed files with 1 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -2498,13 +2498,12 @@
const id = d.identity; const id = d.identity;
// ── HERO ── // ── HERO ──
const heroId = `${esc(id.entreprise)} // ${esc(id.titre)} // ${esc((id.contact && id.contact.site) || '')}`;
const heroHTML = ` const heroHTML = `
<header class="hero"> <header class="hero">
<div class="hero-bg"></div> <div class="hero-bg"></div>
<div class="corner-bracket tl"></div><div class="corner-bracket tr"></div> <div class="corner-bracket tl"></div><div class="corner-bracket tr"></div>
<div class="corner-bracket bl"></div><div class="corner-bracket br"></div> <div class="corner-bracket bl"></div><div class="corner-bracket br"></div>
<span class="hero-badge" id="heroId">${heroId}</span> <span class="hero-badge">Bienvenue sur le CV en ligne de</span>
<h1 class="hero-name"> <h1 class="hero-name">
${esc(id.nom)}<span class="hero-name-line2">${esc(id.prenom)}</span> ${esc(id.nom)}<span class="hero-name-line2">${esc(id.prenom)}</span>
</h1> </h1>
@ -2692,20 +2691,6 @@
}, { threshold: 0.08 }); }, { threshold: 0.08 });
document.querySelectorAll('section').forEach(s => obs.observe(s)); document.querySelectorAll('section').forEach(s => obs.observe(s));
// Typing effect hero badge
const badge = document.getElementById('heroId');
if (badge) {
const txt = badge.textContent;
badge.textContent = '';
let i = 0;
setTimeout(() => {
const t = setInterval(() => {
badge.textContent = txt.slice(0, i++);
if (i > txt.length) clearInterval(t);
}, 14);
}, 500);
}
// Cacher le loading // Cacher le loading
const ld = document.getElementById('loading'); const ld = document.getElementById('loading');
ld.style.opacity = '0'; ld.style.opacity = '0';