diff --git a/public/team-block-script.js b/public/team-block-script.js index 7d5c5c3..25d315d 100644 --- a/public/team-block-script.js +++ b/public/team-block-script.js @@ -69,7 +69,31 @@ '.legend{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}' + '.legend-item{display:flex;align-items:center;gap:8px}' + '.legend-color{width:20px;height:20px;border-radius:4px}' + - '.loading{text-align:center;padding:40px;color:#4ade80}'; + '.loading{text-align:center;padding:40px;color:#4ade80}' + + '.clickable{cursor:pointer;transition:all 0.2s}' + + '.clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(74,222,128,0.3)}' + + '.profile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.2s}' + + '@keyframes fadeIn{from{opacity:0}to{opacity:1}}' + + '.profile-card{background:#1a4d3a;border:2px solid #4ade80;border-radius:12px;padding:25px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5)}' + + '.profile-card .close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#ff6b6b;font-size:28px;cursor:pointer;line-height:1}' + + '.profile-card .close-btn:hover{color:#ff4444}' + + '.profile-card h2{color:#4ade80;margin-bottom:5px;font-size:24px}' + + '.profile-card .role{color:#a0a0a0;font-size:14px;margin-bottom:15px}' + + '.profile-card .stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}' + + '.profile-card .stat{background:rgba(74,222,128,0.15);padding:8px 12px;border-radius:6px;font-size:13px}' + + '.profile-card .stat strong{color:#4ade80}' + + '.profile-card h3{color:#4ade80;font-size:16px;margin:15px 0 10px;border-bottom:1px solid rgba(74,222,128,0.3);padding-bottom:5px}' + + '.profile-card .skills{display:flex;flex-wrap:wrap;gap:8px}' + + '.profile-card .skill-tag{padding:5px 10px;border-radius:4px;font-size:12px;background:rgba(74,222,128,0.2);border:1px solid rgba(74,222,128,0.4)}' + + '.profile-card .skill-tag.expert{background:rgba(74,222,128,0.4);border-color:#4ade80}' + + '.profile-card .skill-tag.intermediate{background:rgba(57,151,212,0.3);border-color:#3997d4}' + + '.profile-card .skill-tag.beginner{background:rgba(245,179,54,0.2);border-color:#f5b336}' + + '.profile-card .interests{display:flex;flex-wrap:wrap;gap:6px}' + + '.profile-card .interest{background:rgba(136,255,136,0.15);padding:4px 8px;border-radius:4px;font-size:11px;color:#88ff88}' + + '.profile-card .projects{list-style:none;padding:0}' + + '.profile-card .projects li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:13px}' + + '.profile-card .projects li:last-child{border-bottom:none}' + + '.profile-card .bio{color:#c0c0c0;font-size:13px;line-height:1.5;margin-top:15px;font-style:italic}'; // HTML de la page var html = '
' + (profile.role || 'Membre de l\'equipe') + '
' + + '' + profile.bio + '
' : '') + + '