`;
- // Appliquer des styles pour le contenu Markdown
- const contentDiv = document.getElementById('strategie-content');
- if (contentDiv) {
- contentDiv.querySelectorAll('h1').forEach(h => {
+ // Styles
+ styleContent();
+
+ // Event listeners
+ document.getElementById('back-to-radar').addEventListener('click', function(e) {
+ e.preventDefault();
+ if (window.originalBodyContent) {
+ document.body.innerHTML = window.originalBodyContent;
+ window.history.pushState(null, null, window.location.pathname.replace(/\/business\/.*$/, '/business/'));
+ setTimeout(initStrategyLinks, 100);
+ } else {
+ window.location.href = '/business/';
+ }
+ });
+
+ document.querySelectorAll('.nav-link').forEach(link => {
+ link.addEventListener('click', function(e) {
+ e.preventDefault();
+ const target = this.getAttribute('data-page');
+ showPage(target);
+ });
+ });
+
+ window.history.pushState({page: pageId}, pageTitles[pageId], `/business/${pageId}`);
+ }
+
+ function styleContent() {
+ const contentDiv = document.getElementById('page-content');
+ if (!contentDiv) return;
+
+ contentDiv.querySelectorAll('h1').forEach(h => {
h.style.color = '#1a4d3a';
h.style.borderBottom = '3px solid #2ecc71';
h.style.paddingBottom = '10px';
h.style.marginTop = '30px';
- h.style.marginBottom = '20px';
- });
- contentDiv.querySelectorAll('h2').forEach(h => {
+ });
+ contentDiv.querySelectorAll('h2').forEach(h => {
h.style.color = '#2ecc71';
h.style.marginTop = '30px';
h.style.marginBottom = '15px';
- });
- contentDiv.querySelectorAll('h3').forEach(h => {
+ });
+ contentDiv.querySelectorAll('h3').forEach(h => {
h.style.color = '#3498db';
h.style.marginTop = '20px';
- h.style.marginBottom = '10px';
- });
- contentDiv.querySelectorAll('h4').forEach(h => {
- h.style.color = '#555';
- h.style.marginTop = '15px';
- h.style.marginBottom = '8px';
- });
- contentDiv.querySelectorAll('ul').forEach(ul => {
- ul.style.margin = '10px 0';
- ul.style.paddingLeft = '30px';
- ul.style.listStyleType = 'disc';
- });
- contentDiv.querySelectorAll('li').forEach(li => {
- li.style.margin = '5px 0';
- });
- contentDiv.querySelectorAll('p').forEach(p => {
- p.style.margin = '10px 0';
- });
- contentDiv.querySelectorAll('a').forEach(a => {
+ });
+ contentDiv.querySelectorAll('ul, ol').forEach(l => {
+ l.style.marginLeft = '20px';
+ l.style.marginBottom = '15px';
+ });
+ contentDiv.querySelectorAll('li').forEach(li => {
+ li.style.marginBottom = '5px';
+ });
+ contentDiv.querySelectorAll('p').forEach(p => {
+ p.style.marginBottom = '15px';
+ });
+ contentDiv.querySelectorAll('a').forEach(a => {
a.style.color = '#2ecc71';
a.style.textDecoration = 'none';
- });
- contentDiv.querySelectorAll('a').forEach(a => {
- a.addEventListener('mouseenter', function() {
- this.style.textDecoration = 'underline';
- });
- a.addEventListener('mouseleave', function() {
- this.style.textDecoration = 'none';
- });
- });
- contentDiv.querySelectorAll('hr').forEach(hr => {
- hr.style.border = 'none';
- hr.style.borderTop = '2px solid #2ecc71';
- hr.style.margin = '30px 0';
- });
- contentDiv.querySelectorAll('strong').forEach(s => {
- s.style.color = '#1a4d3a';
- });
- }
-
- const backLink = document.getElementById('back-to-radar');
- if (backLink) {
- backLink.addEventListener('click', function(e) {
- e.preventDefault();
- if (window.originalBodyContent) {
- document.body.innerHTML = window.originalBodyContent;
- setTimeout(initStrategyLinks, 100);
- } else {
- window.location.href = '/business/';
- }
- });
- }
-
- window.history.pushState({page: 'strategie'}, 'Stratégie', '/business/strategie');
+ });
}
- function addStrategyLinkToHeader() {
- // Chercher le header ou la barre de navigation
+ function addLinksToHeader() {
+ // Chercher le header
const header = document.querySelector('header') ||
document.querySelector('nav') ||
- document.querySelector('[class*="header"]') ||
- document.querySelector('[class*="nav"]') ||
- document.querySelector('[class*="Header"]') ||
- document.querySelector('[class*="Nav"]') ||
document.querySelector('div[role="banner"]');
- if (header) {
- if (header.querySelector('#strategie-link') || header.querySelector('a[href*="strategie"]')) {
- return;
- }
- const strategyLink = document.createElement('a');
- strategyLink.id = 'strategie-link';
- strategyLink.className = 'strategie-link';
- strategyLink.href = '#strategie';
- strategyLink.textContent = '📋 Stratégie';
- strategyLink.style.marginLeft = '15px';
- strategyLink.style.color = '#2ecc71';
- strategyLink.style.textDecoration = 'none';
- strategyLink.style.fontWeight = 'bold';
- strategyLink.style.cursor = 'pointer';
- strategyLink.style.display = 'inline-block';
- strategyLink.style.padding = '5px 10px';
- strategyLink.style.borderRadius = '4px';
- strategyLink.style.transition = 'background 0.2s';
- strategyLink.addEventListener('mouseenter', function() {
- this.style.background = 'rgba(46, 204, 113, 0.1)';
- });
- strategyLink.addEventListener('mouseleave', function() {
- this.style.background = 'transparent';
- });
- strategyLink.addEventListener('click', function(e) {
- e.preventDefault();
- createStrategyPage();
- });
- header.appendChild(strategyLink);
+ let container = header;
+
+ // Si pas de header, créer une barre fixe
+ if (!header) {
+ let fixedBar = document.getElementById('custom-nav-bar');
+ if (!fixedBar) {
+ fixedBar = document.createElement('div');
+ fixedBar.id = 'custom-nav-bar';
+ fixedBar.style.cssText = 'position: fixed; top: 0; right: 0; padding: 10px 20px; z-index: 9999; display: flex; gap: 15px; background: rgba(255,255,255,0.9); border-bottom-left-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);';
+ document.body.appendChild(fixedBar);
+ }
+ container = fixedBar;
} else {
- // Si pas de header trouvé, créer une barre en haut de page
- const existingTopBar = document.getElementById('strategie-top-bar');
- if (existingTopBar) {
- return;
- }
-
- const topBar = document.createElement('div');
- topBar.id = 'strategie-top-bar';
- topBar.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; background: rgba(26, 77, 58, 0.95); padding: 10px 20px; z-index: 1000; text-align: right; box-shadow: 0 2px 4px rgba(0,0,0,0.1);';
-
- const strategyLink = document.createElement('a');
- strategyLink.id = 'strategie-link';
- strategyLink.className = 'strategie-link';
- strategyLink.href = '#strategie';
- strategyLink.textContent = '📋 Stratégie';
- strategyLink.style.color = '#2ecc71';
- strategyLink.style.textDecoration = 'none';
- strategyLink.style.fontWeight = 'bold';
- strategyLink.style.cursor = 'pointer';
- strategyLink.style.padding = '5px 15px';
- strategyLink.style.borderRadius = '4px';
- strategyLink.style.transition = 'background 0.2s';
- strategyLink.addEventListener('mouseenter', function() {
- this.style.background = 'rgba(46, 204, 113, 0.2)';
- });
- strategyLink.addEventListener('mouseleave', function() {
- this.style.background = 'transparent';
- });
- strategyLink.addEventListener('click', function(e) {
- e.preventDefault();
- createStrategyPage();
- });
-
- topBar.appendChild(strategyLink);
- document.body.insertBefore(topBar, document.body.firstChild);
-
- // Ajouter un padding au body pour compenser la barre fixe
- if (!document.body.style.paddingTop || document.body.style.paddingTop === '0px') {
- document.body.style.paddingTop = '50px';
- }
+ // Si header existant, on s'assure qu'on n'a pas déjà ajouté les liens
+ if (header.querySelector('.custom-nav-link')) return;
+
+ // Créer un conteneur pour nos liens s'il n'existe pas
+ let linkContainer = document.createElement('div');
+ linkContainer.style.cssText = 'display: flex; gap: 15px; margin-left: auto; align-items: center; padding-right: 20px;';
+ header.appendChild(linkContainer);
+ container = linkContainer;
}
+
+ // Ajouter les liens
+ Object.keys(pageTitles).forEach(key => {
+ if (document.getElementById(`link-${key}`)) return;
+
+ const link = document.createElement('a');
+ link.id = `link-${key}`;
+ link.className = 'custom-nav-link';
+ link.href = `#${key}`;
+ link.textContent = pageTitles[key];
+ link.style.cssText = 'color: #2ecc71; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 14px; padding: 5px 8px; border-radius: 4px; transition: background 0.2s;';
+
+ link.addEventListener('mouseenter', () => link.style.background = 'rgba(46, 204, 113, 0.1)');
+ link.addEventListener('mouseleave', () => link.style.background = 'transparent');
+
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ showPage(key);
+ });
+
+ container.appendChild(link);
+ });
}
window.addEventListener('popstate', function(event) {
- if (window.originalBodyContent && !event.state) {
- document.body.innerHTML = window.originalBodyContent;
- setTimeout(initStrategyLinks, 100);
+ if (event.state && event.state.page) {
+ showPage(event.state.page);
+ } else if (window.originalBodyContent) {
+ document.body.innerHTML = window.originalBodyContent;
+ setTimeout(initStrategyLinks, 100);
}
});