Update Moul'Anjou Plastique et Rôle -> Objectifs

This commit is contained in:
LIABEUF, Stephane (External) 2026-05-27 10:06:20 +02:00
parent 93c5b96e5e
commit 7624374130
2 changed files with 217 additions and 81 deletions

View file

@ -254,8 +254,8 @@
"periode": "1999 → 2001",
"entreprise": "Moul'Anjou Plastique",
"role": "Responsable Projet ERP — Injection Plastique",
"programme": "TEST",
"objectif": "TEST2",
"programme": "Injection Plastique",
"objectif": "Amélioration de la performance de l'entreprise par l'optimisation d'un ERP",
"description": "Implémentation d'un ERP en production industrielle sur 8 mois. Recueil besoins, cahier des charges, déploiement, formation utilisateurs. Intégration GPAO et systèmes supervision machine. Implémentation de la rémontée des temps de process (préparation, fabrication, montage...). Mise en place de l'analyse Devis/Commande - Coût de Réalisation",
"resultats": [
"Amélioration générale de la productivité et du pilotage de l'entreprise. Réduction des délais de production.",

View file

@ -27,7 +27,8 @@
<!-- Schema.org JSON-LD injecté dynamiquement -->
<script type="application/ld+json" id="schema-jsonld"></script>
<!-- Analytics Umami -->
<script defer src="https://analytics.stephaneliabeuf.fr/script.js" data-website-id="e2570832-3cf4-4645-8d02-2e9676f123be"></script>
<script defer src="https://analytics.stephaneliabeuf.fr/script.js"
data-website-id="e2570832-3cf4-4645-8d02-2e9676f123be"></script>
<!-- Print CSS -->
<style>
@media print {
@ -359,7 +360,11 @@
border-radius: 4px;
transition: opacity .2s;
}
.burger-btn:hover { opacity: .7; }
.burger-btn:hover {
opacity: .7;
}
.burger-btn span {
display: block;
width: 22px;
@ -379,7 +384,10 @@
padding: 16px;
min-width: 200px;
}
#theme-menu.open { display: flex; }
#theme-menu.open {
display: flex;
}
.theme-btn {
cursor: pointer;
@ -393,8 +401,15 @@
white-space: nowrap;
text-align: left;
}
.theme-btn:hover { transform: scale(1.03); }
.theme-btn.active { outline: 3px solid #fff; outline-offset: 2px; }
.theme-btn:hover {
transform: scale(1.03);
}
.theme-btn.active {
outline: 3px solid #fff;
outline-offset: 2px;
}
.theme-btn.btn-cyberpunk {
background: #00f5ff;
@ -403,6 +418,7 @@
font-size: 10px;
letter-spacing: .12em;
}
.theme-btn.btn-bd {
background: #FFE033;
color: #1a1a1a;
@ -411,6 +427,7 @@
letter-spacing: .08em;
border: 3px solid #1a1a1a;
}
.theme-btn.btn-itpro {
background: #1a56db;
color: #fff;
@ -418,6 +435,7 @@
font-size: 12px;
font-weight: 600;
}
.theme-btn.btn-cgi {
background: linear-gradient(to right, #E31937 0%, #A82465 55%, #5236AB 100%);
color: #fff;
@ -428,24 +446,39 @@
}
/* burger par thème */
[data-theme="cyberpunk"] .burger-btn { top: 24px; right: 64px; }
[data-theme="cyberpunk"] .burger-btn span { background: #00f5ff; }
[data-theme="cyberpunk"] .burger-btn {
top: 24px;
right: 64px;
}
[data-theme="cyberpunk"] .burger-btn span {
background: #00f5ff;
}
[data-theme="cyberpunk"] #theme-menu {
background: #050810;
border: 1px solid rgba(0,245,255,.2);
box-shadow: 0 8px 32px rgba(0,0,0,.6);
border: 1px solid rgba(0, 245, 255, .2);
box-shadow: 0 8px 32px rgba(0, 0, 0, .6);
}
[data-theme="bd"] .burger-btn span { background: #1a1a1a; }
[data-theme="bd"] .burger-btn span {
background: #1a1a1a;
}
[data-theme="bd"] #theme-menu {
background: #FFE033;
border: 3px solid #1a1a1a;
box-shadow: 4px 4px 0 #1a1a1a;
}
[data-theme="itpro"] .burger-btn span { background: #1a56db; }
[data-theme="itpro"] .burger-btn span {
background: #1a56db;
}
[data-theme="itpro"] #theme-menu {
background: #fff;
border: 1px solid #e2e8f0;
box-shadow: 0 8px 24px rgba(0,0,0,.1);
box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
border-radius: 8px;
}
@ -1880,9 +1913,13 @@
}
[data-theme="cgi"] body::before,
[data-theme="cgi"] body::after { display: none }
[data-theme="cgi"] body::after {
display: none
}
[data-theme="cgi"] .cursor-dot { display: none }
[data-theme="cgi"] .cursor-dot {
display: none
}
[data-theme="cgi"] .hero {
background: #200A58;
@ -1893,18 +1930,20 @@
}
[data-theme="cgi"] .hero-bg {
background: radial-gradient(ellipse 55% 70% at 95% 50%, rgba(82,54,171,.25) 0%, transparent 65%),
radial-gradient(ellipse 35% 50% at 5% 80%, rgba(227,25,55,.15) 0%, transparent 60%);
background: radial-gradient(ellipse 55% 70% at 95% 50%, rgba(82, 54, 171, .25) 0%, transparent 65%),
radial-gradient(ellipse 35% 50% at 5% 80%, rgba(227, 25, 55, .15) 0%, transparent 60%);
}
[data-theme="cgi"] .corner-bracket,
[data-theme="cgi"] .hero-scroll { display: none }
[data-theme="cgi"] .hero-scroll {
display: none
}
[data-theme="cgi"] .hero-badge {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: 400;
color: rgba(255,255,255,.55);
color: rgba(255, 255, 255, .55);
letter-spacing: .12em;
text-transform: uppercase;
background: none;
@ -1935,15 +1974,17 @@
[data-theme="cgi"] .hero-subtitle {
font-family: Arial, sans-serif;
font-size: 14px;
color: rgba(255,255,255,.5);
color: rgba(255, 255, 255, .5);
letter-spacing: .03em;
font-weight: 400;
}
[data-theme="cgi"] .hero-subtitle::before { display: none }
[data-theme="cgi"] .hero-subtitle::before {
display: none
}
[data-theme="cgi"] .stat-box {
background: rgba(255,255,255,.05);
background: rgba(255, 255, 255, .05);
border: none;
border-top: 3px solid transparent;
border-image: linear-gradient(to right, #E31937, #5236AB) 1;
@ -1964,7 +2005,7 @@
[data-theme="cgi"] .stat-label {
font-family: Arial, sans-serif;
color: rgba(255,255,255,.4);
color: rgba(255, 255, 255, .4);
font-size: 10px;
font-weight: 400;
letter-spacing: .1em;
@ -1974,7 +2015,7 @@
background: #fff;
border-bottom: none;
border-image: none;
box-shadow: 0 2px 0 0 #5236AB, 0 3px 8px rgba(0,0,0,.08);
box-shadow: 0 2px 0 0 #5236AB, 0 3px 8px rgba(0, 0, 0, .08);
backdrop-filter: none;
}
@ -1996,13 +2037,29 @@
letter-spacing: .01em;
}
[data-theme="cgi"] nav a::before { display: none }
[data-theme="cgi"] nav a:hover { color: #5236AB }
[data-theme="cgi"] nav a::before {
display: none
}
[data-theme="cgi"] #experience { background: #fff }
[data-theme="cgi"] #competences { background: #EEEEEE }
[data-theme="cgi"] #secteurs { background: #fff }
[data-theme="cgi"] #formation { background: #EEEEEE }
[data-theme="cgi"] nav a:hover {
color: #5236AB
}
[data-theme="cgi"] #experience {
background: #fff
}
[data-theme="cgi"] #competences {
background: #EEEEEE
}
[data-theme="cgi"] #secteurs {
background: #fff
}
[data-theme="cgi"] #formation {
background: #EEEEEE
}
[data-theme="cgi"] footer {
background: #200A58;
@ -2056,7 +2113,7 @@
[data-theme="cgi"] .exp-item:hover {
border-left-color: #5236AB;
background: rgba(82,54,171,.03);
background: rgba(82, 54, 171, .03);
}
[data-theme="cgi"] .exp-period {
@ -2099,7 +2156,10 @@
font-style: italic;
}
[data-theme="cgi"] .exp-objective strong { color: #5236AB; font-style: normal }
[data-theme="cgi"] .exp-objective strong {
color: #5236AB;
font-style: normal
}
[data-theme="cgi"] .exp-desc {
color: #333333;
@ -2110,7 +2170,7 @@
[data-theme="cgi"] .exp-results {
border: none;
border-left: 3px solid #5236AB;
background: rgba(82,54,171,.04);
background: rgba(82, 54, 171, .04);
clip-path: none;
border-radius: 0;
}
@ -2130,15 +2190,18 @@
font-size: 13px;
}
[data-theme="cgi"] .exp-results li::before { content: '▸ '; color: #5236AB }
[data-theme="cgi"] .exp-results li::before {
content: '▸ ';
color: #5236AB
}
[data-theme="cgi"] .tag {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: 400;
color: #5236AB;
border: 1px solid rgba(82,54,171,.3);
background: rgba(82,54,171,.06);
border: 1px solid rgba(82, 54, 171, .3);
background: rgba(82, 54, 171, .06);
border-radius: 2px;
clip-path: none;
text-transform: none;
@ -2146,14 +2209,14 @@
[data-theme="cgi"] .tag.mag {
color: #A82465;
border-color: rgba(168,36,101,.3);
background: rgba(168,36,101,.06);
border-color: rgba(168, 36, 101, .3);
background: rgba(168, 36, 101, .06);
}
[data-theme="cgi"] .tag.grn {
color: #128354;
border-color: rgba(18,131,84,.3);
background: rgba(18,131,84,.06);
border-color: rgba(18, 131, 84, .3);
background: rgba(18, 131, 84, .06);
}
[data-theme="cgi"] .skill-panel {
@ -2162,10 +2225,12 @@
clip-path: none;
border-radius: 0;
border-top: 3px solid #5236AB;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
[data-theme="cgi"] .skill-panel::before { display: none }
[data-theme="cgi"] .skill-panel::before {
display: none
}
[data-theme="cgi"] .skill-cat {
font-family: Arial, sans-serif;
@ -2202,7 +2267,9 @@
border-radius: 0;
}
[data-theme="cgi"] .skill-fill::after { display: none }
[data-theme="cgi"] .skill-fill::after {
display: none
}
[data-theme="cgi"] .sector-cell {
border: 1px solid #CCCCCC;
@ -2215,12 +2282,15 @@
text-transform: none;
}
[data-theme="cgi"] .sector-cell::before { content: ''; display: none }
[data-theme="cgi"] .sector-cell::before {
content: '';
display: none
}
[data-theme="cgi"] .sector-cell:hover {
color: #5236AB;
border-color: #5236AB;
background: rgba(82,54,171,.04);
background: rgba(82, 54, 171, .04);
}
[data-theme="cgi"] .edu-card {
@ -2230,10 +2300,12 @@
border-radius: 0;
border-top: 3px solid transparent;
border-image: linear-gradient(to right, #E31937, #A82465, #5236AB) 1;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
[data-theme="cgi"] .edu-card::before { display: none }
[data-theme="cgi"] .edu-card::before {
display: none
}
[data-theme="cgi"] .edu-year {
font-family: Arial, sans-serif;
@ -2271,7 +2343,7 @@
font-size: 11px;
font-weight: 400;
color: #5236AB;
border: 1px solid rgba(82,54,171,.3);
border: 1px solid rgba(82, 54, 171, .3);
background: #fff;
border-radius: 2px;
text-transform: none;
@ -2287,10 +2359,12 @@
[data-theme="cgi"] .footer-info {
font-family: Arial, sans-serif;
color: rgba(255,255,255,.45);
color: rgba(255, 255, 255, .45);
}
[data-theme="cgi"] .footer-status { color: #9E83F5 }
[data-theme="cgi"] .footer-status {
color: #9E83F5
}
[data-theme="cgi"] .contact-bar {
background: #fff;
@ -2300,8 +2374,8 @@
[data-theme="cgi"] .contact-link {
font-family: Arial, sans-serif;
color: #5236AB;
border: 1px solid rgba(82,54,171,.3);
background: rgba(82,54,171,.05);
border: 1px solid rgba(82, 54, 171, .3);
background: rgba(82, 54, 171, .05);
border-radius: 2px;
}
@ -2310,13 +2384,20 @@
color: #fff;
}
[data-theme="cgi"] .burger-btn { top: 20px; right: 20px; }
[data-theme="cgi"] .burger-btn span { background: #5236AB }
[data-theme="cgi"] .burger-btn {
top: 20px;
right: 20px;
}
[data-theme="cgi"] .burger-btn span {
background: #5236AB
}
[data-theme="cgi"] #theme-menu {
background: #fff;
border: 1px solid #CCCCCC;
border-top: 3px solid #5236AB;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
border-radius: 0;
}
@ -2435,18 +2516,21 @@
text-transform: uppercase;
transition: all .25s ease;
}
[data-theme="cyberpunk"] .infra-btn {
font-family: 'Share Tech Mono', monospace;
color: #00f5ff;
border: 1px solid rgba(0,245,255,.35);
background: rgba(0,245,255,.06);
box-shadow: 0 0 20px rgba(0,245,255,.12);
border: 1px solid rgba(0, 245, 255, .35);
background: rgba(0, 245, 255, .06);
box-shadow: 0 0 20px rgba(0, 245, 255, .12);
}
[data-theme="cyberpunk"] .infra-btn:hover {
background: rgba(0,245,255,.14);
background: rgba(0, 245, 255, .14);
border-color: #00f5ff;
transform: translateY(-2px);
}
[data-theme="bd"] .infra-btn {
font-family: 'Comic Neue', cursive;
color: #1a1a1a;
@ -2454,10 +2538,12 @@
border: 3px solid #1a1a1a;
box-shadow: 4px 4px 0 #1a1a1a;
}
[data-theme="bd"] .infra-btn:hover {
transform: translate(-2px,-2px);
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 #1a1a1a;
}
[data-theme="itpro"] .infra-btn {
font-family: 'Inter', sans-serif;
color: #1a56db;
@ -2465,17 +2551,20 @@
border: 1px solid #bfdbfe;
border-radius: 30px;
}
[data-theme="itpro"] .infra-btn:hover {
background: #1a56db;
color: #fff;
}
[data-theme="cgi"] .infra-btn {
font-family: Arial, sans-serif;
color: #5236AB;
background: #fff;
border: 1px solid rgba(82,54,171,.3);
border: 1px solid rgba(82, 54, 171, .3);
border-left: 4px solid #5236AB;
}
[data-theme="cgi"] .infra-btn:hover {
background: #5236AB;
color: #fff;
@ -2970,17 +3059,29 @@
/* ════ PROGRESS BAR ════ */
#read-progress {
position: fixed;
top: 0; left: 0;
top: 0;
left: 0;
width: 0%;
height: 3px;
z-index: 10010;
transition: width .1s linear;
background: var(--progress-color, #fff);
}
[data-theme="cyberpunk"] #read-progress { background: #00f5ff; box-shadow: 0 0 8px #00f5ff; }
[data-theme="bd"] #read-progress { background: #0055cc; }
[data-theme="itpro"] #read-progress { background: #1a56db; }
[data-theme="cgi"] #read-progress {
[data-theme="cyberpunk"] #read-progress {
background: #00f5ff;
box-shadow: 0 0 8px #00f5ff;
}
[data-theme="bd"] #read-progress {
background: #0055cc;
}
[data-theme="itpro"] #read-progress {
background: #1a56db;
}
[data-theme="cgi"] #read-progress {
background: linear-gradient(to right, #E31937, #A82465, #5236AB);
}
@ -2988,11 +3089,28 @@
nav a.nav-active {
opacity: 1 !important;
}
[data-theme="cyberpunk"] nav a.nav-active { color: #00f5ff !important; }
[data-theme="cyberpunk"] nav a.nav-active::before { opacity: 1 !important; }
[data-theme="bd"] nav a.nav-active { color: #1a1a1a !important; background: #FFE033; }
[data-theme="itpro"] nav a.nav-active { color: #1a56db !important; border-bottom-color: #1a56db !important; }
[data-theme="cgi"] nav a.nav-active { color: #5236AB !important; }
[data-theme="cyberpunk"] nav a.nav-active {
color: #00f5ff !important;
}
[data-theme="cyberpunk"] nav a.nav-active::before {
opacity: 1 !important;
}
[data-theme="bd"] nav a.nav-active {
color: #1a1a1a !important;
background: #FFE033;
}
[data-theme="itpro"] nav a.nav-active {
color: #1a56db !important;
border-bottom-color: #1a56db !important;
}
[data-theme="cgi"] nav a.nav-active {
color: #5236AB !important;
}
/* ════ DOWNLOAD BTN ════ */
.dl-btn {
@ -3008,14 +3126,20 @@
border: none;
transition: all .25s;
}
[data-theme="cyberpunk"] .dl-btn {
font-family: 'Share Tech Mono', monospace;
color: #00f5ff;
background: rgba(0,245,255,.08);
border: 1px solid rgba(0,245,255,.4);
box-shadow: 0 0 14px rgba(0,245,255,.15);
background: rgba(0, 245, 255, .08);
border: 1px solid rgba(0, 245, 255, .4);
box-shadow: 0 0 14px rgba(0, 245, 255, .15);
}
[data-theme="cyberpunk"] .dl-btn:hover { background: rgba(0,245,255,.18); box-shadow: 0 0 24px rgba(0,245,255,.3); }
[data-theme="cyberpunk"] .dl-btn:hover {
background: rgba(0, 245, 255, .18);
box-shadow: 0 0 24px rgba(0, 245, 255, .3);
}
[data-theme="bd"] .dl-btn {
font-family: 'Comic Neue', cursive;
color: #1a1a1a;
@ -3023,21 +3147,33 @@
border: 3px solid #1a1a1a;
box-shadow: 3px 3px 0 #1a1a1a;
}
[data-theme="bd"] .dl-btn:hover { transform: translate(-2px,-2px); box-shadow: 5px 5px 0 #1a1a1a; }
[data-theme="bd"] .dl-btn:hover {
transform: translate(-2px, -2px);
box-shadow: 5px 5px 0 #1a1a1a;
}
[data-theme="itpro"] .dl-btn {
font-family: 'Inter', sans-serif;
color: #fff;
background: #1a56db;
border-radius: 30px;
}
[data-theme="itpro"] .dl-btn:hover { background: #1345b5; }
[data-theme="itpro"] .dl-btn:hover {
background: #1345b5;
}
[data-theme="cgi"] .dl-btn {
font-family: Arial, sans-serif;
color: #fff;
background: #5236AB;
border-left: 4px solid #E31937;
}
[data-theme="cgi"] .dl-btn:hover { background: #200A58; }
[data-theme="cgi"] .dl-btn:hover {
background: #200A58;
}
</style>
</head>
@ -3224,7 +3360,7 @@
<div>
<span class="exp-role">${esc(p.role)}</span>
${p.programme ? `<span class="exp-program">// ${esc(p.programme)}</span>` : ''}
${p.objectif ? `<div class="exp-objective"><strong>RÔLE :</strong> ${esc(p.objectif)}</div>` : ''}
${p.objectif ? `<div class="exp-objective"><strong>Objectifs :</strong> ${esc(p.objectif)}</div>` : ''}
${p.description ? `<span class="exp-desc">${esc(p.description)}</span>` : ''}
${renderResultats(p.resultats)}
${renderTags(p.tags)}
@ -3375,7 +3511,7 @@
// Restaurer le thème sauvegardé
const saved = localStorage.getItem('cv-theme');
if (saved && ['cyberpunk','bd','itpro','cgi'].includes(saved)) setTheme(saved);
if (saved && ['cyberpunk', 'bd', 'itpro', 'cgi'].includes(saved)) setTheme(saved);
// Scroll reveal — fix: sections already in viewport au chargement
document.querySelectorAll('section').forEach(s => {