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", "periode": "1999 → 2001",
"entreprise": "Moul'Anjou Plastique", "entreprise": "Moul'Anjou Plastique",
"role": "Responsable Projet ERP — Injection Plastique", "role": "Responsable Projet ERP — Injection Plastique",
"programme": "TEST", "programme": "Injection Plastique",
"objectif": "TEST2", "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", "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": [ "resultats": [
"Amélioration générale de la productivité et du pilotage de l'entreprise. Réduction des délais de production.", "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 --> <!-- Schema.org JSON-LD injecté dynamiquement -->
<script type="application/ld+json" id="schema-jsonld"></script> <script type="application/ld+json" id="schema-jsonld"></script>
<!-- Analytics Umami --> <!-- 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 --> <!-- Print CSS -->
<style> <style>
@media print { @media print {
@ -359,7 +360,11 @@
border-radius: 4px; border-radius: 4px;
transition: opacity .2s; transition: opacity .2s;
} }
.burger-btn:hover { opacity: .7; }
.burger-btn:hover {
opacity: .7;
}
.burger-btn span { .burger-btn span {
display: block; display: block;
width: 22px; width: 22px;
@ -379,7 +384,10 @@
padding: 16px; padding: 16px;
min-width: 200px; min-width: 200px;
} }
#theme-menu.open { display: flex; }
#theme-menu.open {
display: flex;
}
.theme-btn { .theme-btn {
cursor: pointer; cursor: pointer;
@ -393,8 +401,15 @@
white-space: nowrap; white-space: nowrap;
text-align: left; 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 { .theme-btn.btn-cyberpunk {
background: #00f5ff; background: #00f5ff;
@ -403,6 +418,7 @@
font-size: 10px; font-size: 10px;
letter-spacing: .12em; letter-spacing: .12em;
} }
.theme-btn.btn-bd { .theme-btn.btn-bd {
background: #FFE033; background: #FFE033;
color: #1a1a1a; color: #1a1a1a;
@ -411,6 +427,7 @@
letter-spacing: .08em; letter-spacing: .08em;
border: 3px solid #1a1a1a; border: 3px solid #1a1a1a;
} }
.theme-btn.btn-itpro { .theme-btn.btn-itpro {
background: #1a56db; background: #1a56db;
color: #fff; color: #fff;
@ -418,6 +435,7 @@
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
} }
.theme-btn.btn-cgi { .theme-btn.btn-cgi {
background: linear-gradient(to right, #E31937 0%, #A82465 55%, #5236AB 100%); background: linear-gradient(to right, #E31937 0%, #A82465 55%, #5236AB 100%);
color: #fff; color: #fff;
@ -428,20 +446,35 @@
} }
/* burger par thème */ /* burger par thème */
[data-theme="cyberpunk"] .burger-btn { top: 24px; right: 64px; } [data-theme="cyberpunk"] .burger-btn {
[data-theme="cyberpunk"] .burger-btn span { background: #00f5ff; } top: 24px;
right: 64px;
}
[data-theme="cyberpunk"] .burger-btn span {
background: #00f5ff;
}
[data-theme="cyberpunk"] #theme-menu { [data-theme="cyberpunk"] #theme-menu {
background: #050810; background: #050810;
border: 1px solid rgba(0, 245, 255, .2); border: 1px solid rgba(0, 245, 255, .2);
box-shadow: 0 8px 32px rgba(0, 0, 0, .6); 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 { [data-theme="bd"] #theme-menu {
background: #FFE033; background: #FFE033;
border: 3px solid #1a1a1a; border: 3px solid #1a1a1a;
box-shadow: 4px 4px 0 #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 { [data-theme="itpro"] #theme-menu {
background: #fff; background: #fff;
border: 1px solid #e2e8f0; border: 1px solid #e2e8f0;
@ -1880,9 +1913,13 @@
} }
[data-theme="cgi"] body::before, [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 { [data-theme="cgi"] .hero {
background: #200A58; background: #200A58;
@ -1898,7 +1935,9 @@
} }
[data-theme="cgi"] .corner-bracket, [data-theme="cgi"] .corner-bracket,
[data-theme="cgi"] .hero-scroll { display: none } [data-theme="cgi"] .hero-scroll {
display: none
}
[data-theme="cgi"] .hero-badge { [data-theme="cgi"] .hero-badge {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -1940,7 +1979,9 @@
font-weight: 400; font-weight: 400;
} }
[data-theme="cgi"] .hero-subtitle::before { display: none } [data-theme="cgi"] .hero-subtitle::before {
display: none
}
[data-theme="cgi"] .stat-box { [data-theme="cgi"] .stat-box {
background: rgba(255, 255, 255, .05); background: rgba(255, 255, 255, .05);
@ -1996,13 +2037,29 @@
letter-spacing: .01em; letter-spacing: .01em;
} }
[data-theme="cgi"] nav a::before { display: none } [data-theme="cgi"] nav a::before {
[data-theme="cgi"] nav a:hover { color: #5236AB } display: none
}
[data-theme="cgi"] #experience { background: #fff } [data-theme="cgi"] nav a:hover {
[data-theme="cgi"] #competences { background: #EEEEEE } color: #5236AB
[data-theme="cgi"] #secteurs { background: #fff } }
[data-theme="cgi"] #formation { background: #EEEEEE }
[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 { [data-theme="cgi"] footer {
background: #200A58; background: #200A58;
@ -2099,7 +2156,10 @@
font-style: italic; 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 { [data-theme="cgi"] .exp-desc {
color: #333333; color: #333333;
@ -2130,7 +2190,10 @@
font-size: 13px; 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 { [data-theme="cgi"] .tag {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -2165,7 +2228,9 @@
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 { [data-theme="cgi"] .skill-cat {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -2202,7 +2267,9 @@
border-radius: 0; border-radius: 0;
} }
[data-theme="cgi"] .skill-fill::after { display: none } [data-theme="cgi"] .skill-fill::after {
display: none
}
[data-theme="cgi"] .sector-cell { [data-theme="cgi"] .sector-cell {
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
@ -2215,7 +2282,10 @@
text-transform: none; 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 { [data-theme="cgi"] .sector-cell:hover {
color: #5236AB; color: #5236AB;
@ -2233,7 +2303,9 @@
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 { [data-theme="cgi"] .edu-year {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -2290,7 +2362,9 @@
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 { [data-theme="cgi"] .contact-bar {
background: #fff; background: #fff;
@ -2310,8 +2384,15 @@
color: #fff; color: #fff;
} }
[data-theme="cgi"] .burger-btn { top: 20px; right: 20px; } [data-theme="cgi"] .burger-btn {
[data-theme="cgi"] .burger-btn span { background: #5236AB } top: 20px;
right: 20px;
}
[data-theme="cgi"] .burger-btn span {
background: #5236AB
}
[data-theme="cgi"] #theme-menu { [data-theme="cgi"] #theme-menu {
background: #fff; background: #fff;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
@ -2435,6 +2516,7 @@
text-transform: uppercase; text-transform: uppercase;
transition: all .25s ease; transition: all .25s ease;
} }
[data-theme="cyberpunk"] .infra-btn { [data-theme="cyberpunk"] .infra-btn {
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
color: #00f5ff; color: #00f5ff;
@ -2442,11 +2524,13 @@
background: rgba(0, 245, 255, .06); background: rgba(0, 245, 255, .06);
box-shadow: 0 0 20px rgba(0, 245, 255, .12); box-shadow: 0 0 20px rgba(0, 245, 255, .12);
} }
[data-theme="cyberpunk"] .infra-btn:hover { [data-theme="cyberpunk"] .infra-btn:hover {
background: rgba(0, 245, 255, .14); background: rgba(0, 245, 255, .14);
border-color: #00f5ff; border-color: #00f5ff;
transform: translateY(-2px); transform: translateY(-2px);
} }
[data-theme="bd"] .infra-btn { [data-theme="bd"] .infra-btn {
font-family: 'Comic Neue', cursive; font-family: 'Comic Neue', cursive;
color: #1a1a1a; color: #1a1a1a;
@ -2454,10 +2538,12 @@
border: 3px solid #1a1a1a; border: 3px solid #1a1a1a;
box-shadow: 4px 4px 0 #1a1a1a; box-shadow: 4px 4px 0 #1a1a1a;
} }
[data-theme="bd"] .infra-btn:hover { [data-theme="bd"] .infra-btn:hover {
transform: translate(-2px, -2px); transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 #1a1a1a; box-shadow: 6px 6px 0 #1a1a1a;
} }
[data-theme="itpro"] .infra-btn { [data-theme="itpro"] .infra-btn {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
color: #1a56db; color: #1a56db;
@ -2465,10 +2551,12 @@
border: 1px solid #bfdbfe; border: 1px solid #bfdbfe;
border-radius: 30px; border-radius: 30px;
} }
[data-theme="itpro"] .infra-btn:hover { [data-theme="itpro"] .infra-btn:hover {
background: #1a56db; background: #1a56db;
color: #fff; color: #fff;
} }
[data-theme="cgi"] .infra-btn { [data-theme="cgi"] .infra-btn {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: #5236AB; color: #5236AB;
@ -2476,6 +2564,7 @@
border: 1px solid rgba(82, 54, 171, .3); border: 1px solid rgba(82, 54, 171, .3);
border-left: 4px solid #5236AB; border-left: 4px solid #5236AB;
} }
[data-theme="cgi"] .infra-btn:hover { [data-theme="cgi"] .infra-btn:hover {
background: #5236AB; background: #5236AB;
color: #fff; color: #fff;
@ -2970,16 +3059,28 @@
/* ════ PROGRESS BAR ════ */ /* ════ PROGRESS BAR ════ */
#read-progress { #read-progress {
position: fixed; position: fixed;
top: 0; left: 0; top: 0;
left: 0;
width: 0%; width: 0%;
height: 3px; height: 3px;
z-index: 10010; z-index: 10010;
transition: width .1s linear; transition: width .1s linear;
background: var(--progress-color, #fff); 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="cyberpunk"] #read-progress {
[data-theme="itpro"] #read-progress { background: #1a56db; } 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="cgi"] #read-progress {
background: linear-gradient(to right, #E31937, #A82465, #5236AB); background: linear-gradient(to right, #E31937, #A82465, #5236AB);
} }
@ -2988,11 +3089,28 @@
nav a.nav-active { nav a.nav-active {
opacity: 1 !important; 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="cyberpunk"] nav a.nav-active {
[data-theme="bd"] nav a.nav-active { color: #1a1a1a !important; background: #FFE033; } color: #00f5ff !important;
[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::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 ════ */ /* ════ DOWNLOAD BTN ════ */
.dl-btn { .dl-btn {
@ -3008,6 +3126,7 @@
border: none; border: none;
transition: all .25s; transition: all .25s;
} }
[data-theme="cyberpunk"] .dl-btn { [data-theme="cyberpunk"] .dl-btn {
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
color: #00f5ff; color: #00f5ff;
@ -3015,7 +3134,12 @@
border: 1px solid rgba(0, 245, 255, .4); border: 1px solid rgba(0, 245, 255, .4);
box-shadow: 0 0 14px rgba(0, 245, 255, .15); 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 { [data-theme="bd"] .dl-btn {
font-family: 'Comic Neue', cursive; font-family: 'Comic Neue', cursive;
color: #1a1a1a; color: #1a1a1a;
@ -3023,21 +3147,33 @@
border: 3px solid #1a1a1a; border: 3px solid #1a1a1a;
box-shadow: 3px 3px 0 #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 { [data-theme="itpro"] .dl-btn {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
color: #fff; color: #fff;
background: #1a56db; background: #1a56db;
border-radius: 30px; border-radius: 30px;
} }
[data-theme="itpro"] .dl-btn:hover { background: #1345b5; }
[data-theme="itpro"] .dl-btn:hover {
background: #1345b5;
}
[data-theme="cgi"] .dl-btn { [data-theme="cgi"] .dl-btn {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: #fff; color: #fff;
background: #5236AB; background: #5236AB;
border-left: 4px solid #E31937; border-left: 4px solid #E31937;
} }
[data-theme="cgi"] .dl-btn:hover { background: #200A58; }
[data-theme="cgi"] .dl-btn:hover {
background: #200A58;
}
</style> </style>
</head> </head>
@ -3224,7 +3360,7 @@
<div> <div>
<span class="exp-role">${esc(p.role)}</span> <span class="exp-role">${esc(p.role)}</span>
${p.programme ? `<span class="exp-program">// ${esc(p.programme)}</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>` : ''} ${p.description ? `<span class="exp-desc">${esc(p.description)}</span>` : ''}
${renderResultats(p.resultats)} ${renderResultats(p.resultats)}
${renderTags(p.tags)} ${renderTags(p.tags)}