{"id":1380,"date":"2022-07-28T15:54:24","date_gmt":"2022-07-28T13:54:24","guid":{"rendered":"https:\/\/grand-angle.lavenir.net\/a-saint-gilles-tous-bleurs-de-l-union\/?page_id=1380"},"modified":"2022-08-30T10:01:55","modified_gmt":"2022-08-30T08:01:55","slug":"de-lhuile-de-la-litiere-des-chats-morts-mais-des-sourires","status":"publish","type":"page","link":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","title":{"rendered":"Lady Diana: le parcours d\u2019une princesse pas comme les autres"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><link href=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.4.1\/mapbox-gl.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.4.1\/mapbox-gl.js\"><\/script> \n<script src=\"https:\/\/unpkg.com\/intersection-observer@0.5.1\/intersection-observer.js\"><\/script> \n<script src=\"https:\/\/unpkg.com\/@turf\/turf@6\/turf.min.js\"><\/script> \n<script src=\"https:\/\/unpkg.com\/scrollama\"><\/script>\n\t<link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/uji0zse.css\">\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    font-family: sans-serif;\n}\na, a:hover, a:visited {\n    color: #0071bc;\n}\n#map {\n    top: 0;\n    height: 100vh;\n    width: 100vw;\n    position: fixed;\n}\n#header {\n    margin: auto;\n    width: 100%;\n    position: relative;\n    z-index: 5;\n}\n#header h1, #header h2, #header p, h3 {\n    margin: 0;\n    padding: 2vh 2vw;\n    text-align: center;\nfont-family: itc-avant-garde-gothic-pro, sans-serif;\nfont-weight: 300;\nfont-style: normal;\n}\n\th3 {\n\t\tfont-size: 2em;\n\t}\n#footer {\n    width: 100%;\n    min-height: 5vh;\n    padding-top: 2vh;\n    padding-bottom: 2vh;\n    text-align: center;\n    line-height: 25px;\n    font-size: 13px;\n    position: relative;\n    z-index: 5;\n}\n#features {\n    padding-top: 10vh;\n    padding-bottom: 10vh;\n}\n.hidden {\n    visibility: hidden;\n}\n.centered {\n    width: 50vw;\n    margin: 0 auto;\n}\n.lefty {\n    width: 33vw;\n    margin-left: 5vw;\n}\n.righty {\n    width: 33vw;\n    margin-left: 62vw;\n}\n.fully {\n    width: 100%;\n    margin: auto;\n}\n.light {\n    color: #444;\n    background-color: #fafafa;\n}\n.dark {\n    color: #fafafa;\n    background-color: #444;\n}\n.step {\n    padding-bottom: 50vh;\n    \/* margin-bottom: 10vh; *\/\n    opacity: 0.25;\n}\n.step.active {\n    opacity: 0.9;\n}\n.step div {\n    padding: 25px 50px;\n    line-height: 25px;\n    font-size: 18px;\nfont-family: museo-slab, serif;\nfont-weight: 100;\nfont-style: normal;\n}\n\t.step div p {\n\t\tmargin-top: 0;\n\t}\n.step img {\n    width: 100%;\n}\n\n@media (max-width: 750px) {\n.centered, .lefty, .righty, .fully {\n    width: 90vw;\n    margin: 0 auto;\n}\n}\n\/* Fix issue on mobile browser where scroll breaks  *\/\n.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {\n    touch-action: unset;\n}\n<\/style>\n<div id=\"map\"><\/div>\n<div id=\"story\"><\/div>\n<script>\n\tvar config = {\n    style: 'mapbox:\/\/styles\/webmastereda\/cl77candn002v15qhs818m3sj',\n    accessToken: 'pk.eyJ1Ijoid2VibWFzdGVyZWRhIiwiYSI6ImNqYWk5YTV5bTJzNnQyd253c2h0Njk1NXAifQ.FtEpslv0a3l0-pE2dg7HmQ',\n    showMarkers: true,\n    theme: 'light',\n    title: 'Lady Diana: le parcours d\u2019une princesse pas comme les autres',\n    subtitle: '',\n\tmarkerColor: \"#1e757c\",\n    byline: '',\n    footer: '',\n    chapters: [\n\t\t{\n            id: 'chapter0',\n            alignment: 'right',\n            title: '',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/Portrait.jpg',\n            description: '<p>Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.<\/p>',\n            location: {\n                center: [-1.759, 52.979],\n                zoom: 5.5,\n                pitch: 0,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter0'\n        },\n        {\n            id: 'chapter1',\n            alignment: 'right',\n            title: '1961 - La Naissance de Diana',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1961_crop-400x320.jpg',\n            description: '<p>C\u2019est le 1er juillet 1961 que Diana Spencer na\u00eet \u00e0 Sandringham, dans le comt\u00e9 de Norfolk.<\/p><p>Elle est issue d\u2019une c\u00e9l\u00e8bre lign\u00e9e de l\u2019artistocratie britannique : descendante \u00e9loign\u00e9e de Charles II d\u2019Angleterre et Henri IV, roi de France, elle est la fille cadette d\u2019Edward Spencer, vicomte de son \u00e9tat, et de sa premi\u00e8re \u00e9pouse, Frances Burke-Roche.<\/p>',\n            location: {\n                center: [ 0.513, 52.833],\n                zoom: 12.5,\n                pitch: 55.50,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter0'\n        },\n        {\n            id: 'chapter2',\n            alignment: 'right',\n            title: '1975 - Diana Spencer devient Lady Diana',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1975_crop-400x320.jpg',\n            description: '<p>A la mort de son grand-p\u00e8re Albert Spencer, le 9 juin 1975, Diana acquiert le titre de Lady Diana Spencer.<\/p><p>Un titre qui deviendra une sorte de surnom pour la future princesse de Galles. \u00c0 la suite du divorce de ses parents \u00e0 cette m\u00eame p\u00e9riode, elle r\u00e9sidera au ch\u00e2teau d\u2019Althorp, la demeure historique de la famille Spencer qui s\u2019\u00e9tale sur un domaine de pr\u00e8s de 5000 hectares.<\/p>',\n            location: {\n                center: [-1.002084,52.280195],\n                zoom: 13,\n                pitch: 55.50,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter2'\n        },\n        {\n            id: 'chapter3',\n            alignment: 'right',\n            title: '1977 \u2013 Sa scolarit\u00e9 en\u00a0Suisse',\n            image: '',\n            description: '<p> Elle int\u00e9gre  l\\'Institut Alpin Videmanette, une institution pour jeunes filles de bonne famille \u00e0 Rougemont, en Suisse. Diana est plut\u00f4t sensible \u00e0 l\u2019art et au sport, son r\u00eave est d\u2019accomplir une carri\u00e8re en tant que danseuse de ballet. <\/p>',\n            location: {\n                center: [7.0498346, 46.4570986],\n                zoom: 9,\n                pitch: 60.00,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter3'\n\t\t\t\n        },\n        {\n            id: 'chapter4',\n            alignment: 'right',\n            title: '1977 - La premi\u00e8re rencontre avec le prince Charles',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/diana-charles.jpg',\n            description: '<p>Pr\u00e8s de deux ans apr\u00e8s avoir fr\u00e9quent\u00e9 Sarah, la soeur a\u00een\u00e9e de Lady Diana, le prince Charles finit par remarquer la cadette des Spencer lors d\u2019une partie de chasse en 1977 au ch\u00e2teau d\u2019Althorp. Diana n\u2019a encore que 16 ans mais son \u00e9l\u00e9gance et sa joie de vivre font d\u00e9j\u00e0 mouche aupr\u00e8s de l\u2019h\u00e9ritier de la couronne, \u00e2g\u00e9 de 29 ans.<\/p>',\n            location: {\n                center: [-1.002084,52.280195],\n                zoom: 12,\n                pitch: 44.00            },\n            onChapterEnter: [ ],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter4'\n        },\n        {\n            id: 'chapter5',\n            alignment: 'right',\n            title: '1978 \u2013 Retour \u00e0 Londres',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/colherne-court.jpg',\n            description: '<p>De retour \u00e0 Londres, Diana enchaine les petits boulots avant de trouver en 1979 un poste d\u2019assistante dans un jardin pour enfants \u00e0 Pimlico, dans le centre de Londres. Elle vit alors \u00e0 Coleherne Court dans le Borough royal de Kensington et Chelsea. <\/p>',\n            location: {\n                center: [-0.1910544,51.4895976],\n                zoom: 14.5,\n                pitch: 47.50,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t\t\/\/callback: 'scriptChapter5'\n        },\n        {\n            id: 'chapter6',\n            alignment: 'left',\n            title: '1981 - Un mariage en grande pompe',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1981-600x401.jpg',\n            description: '<p>Un peu plus de cinq mois apr\u00e8s avoir officialis\u00e9 leurs fian\u00e7ailles, le prince Charles (32 ans) et Lady Diana alors \u00e2g\u00e9es de 19 ans, se marient le 29 juillet 1981, \u00e0 la cath\u00e9drale Saint-Paul \u00e0 Londres. Devant 35.000 invit\u00e9s et pr\u00e8s d\u2019un milliard de t\u00e9l\u00e9spectateurs, la jeune femme devient princesse de Galles.<\/p><iframe width=\"100%\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/l6TDNm0VbrE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>',\n            location: {\n                center: [-0.0993206,51.5139114],\n                zoom: 15,\n                pitch: 43.50,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter7',\n            alignment: 'right',\n            title: '1982 - William, l\u2019h\u00e9ritier',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1982-600x466.jpg',\n            description: '<p>Moins d\u2019un an apr\u00e8s avoir \u00e9pous\u00e9 le prince Charles, le 21 juin 1982, Lady Di lui donne un premier h\u00e9ritier : William. Aux yeux de la famille royale britannique, sa mission est remplie.<\/p>',\n            location: {\n               center: [-0.188,51.505],\n                zoom: 15,\n                pitch: 45,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter8',\n            alignment: 'right',\n            title: '1984 - Henry, le cadet',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1984-600x406.jpg',\n            description: '<p>Le 15 septembre 1984, la princesse de Galles donne naissance \u00e0 son second enfant, le prince Henry (que tout le monde surnommera vite Harry). Et ce, malgr\u00e9 de premiers \u00e9pisodes d\u00e9pressifs et quelques tentatives de suicide provoqu\u00e9es par les contraintes dues \u00e0 son nouveau rang.<\/p>',\n            location: {\n               center: [-0.188,51.505],\n                zoom: 15,\n                pitch: 45,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter9',\n            alignment: 'right',\n            title: '1987 - Les causes humanitaires',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1987-400x530.jpg',\n            description: '<p>A d\u00e9faut d\u2019\u00eatre \u00e9panouie dans son r\u00f4le de princesse, Diana profite de son nouveau statut pour apporter son soutien aux causes qui lui tiennent \u00e0 coeur.<\/p><p>Ainsi, en 1987, elle se fait remarquer en \u00e9tant une des premi\u00e8res c\u00e9l\u00e9brit\u00e9s \u00e0 venir en aide aux victimes du sida, en \u00e9tant notamment une des premi\u00e8res personnalit\u00e9s publiques \u00e0 toucher un malade du sida au Middlesex Hospital de Londres.<\/p>',\n            location: {\n                center: [-0.269,51.531],\n                zoom: 14,\n                pitch: 30,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter10',\n            alignment: 'right',\n            title: '1992 - Infid\u00e9lit\u00e9s et\u00a0s\u00e9paration',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1992-600x406.jpg',\n            description: '<p>Les premi\u00e8res rumeurs sur les difficult\u00e9s de son mariage apparaissent en 1992 avec un livre d\u2019Andrew Norton \u00e9voquant les tourments de la vie de la princesse. L\u2019ann\u00e9e s\u2019ach\u00e8ve avec l\u2019annonce retentissante de la s\u00e9paration du couple royal. Le scandale prend de l\u2019ampleur avec des r\u00e9criminations et rumeurs qui emplissent les pages des journaux et atteint son apog\u00e9e avec l\u2019aveu, d\u2019abord par Charles puis par Diana, de leurs infid\u00e9lit\u00e9s respectives.<\/p>',\n            location: {\n                center: [-0.188,51.505],\n                zoom: 15,\n                pitch: 40,\n                bearing: 0\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter11',\n            alignment: 'left',\n            title: '1995 - L\u2019idylle passionn\u00e9e',\n            image: '',\n            description: '<p>Diana rencontre le docteur Hasnat Khan, cardiologue \u00e0 l\u2019hopital royal de Brompton et entame une relation passionn\u00e9e mais secr\u00e8te avec celui-ci. En 1996 elle se rend au Pakistan pour des \u0153uvres de charit\u00e9 et rencontre la famille du cardiologue, qui refuse le mariage car elle n\u2019est pas musulmane. \u00c0 la suite de la r\u00e9v\u00e9lation de cette relation dans les m\u00e9dias, leur histoire d\u2019amour prend fin en juin 1997.<\/p>',\n            location: {\n                center: [68.215,28.020],\n                zoom: 5,\n                pitch: 10\n            },\n            onChapterEnter: [],\n            onChapterExit: []        },\n\t\t{\n            id: 'chapter12',\n            alignment: 'right',\n            title: '1996 - Le divorce',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1996-600x358.jpg',\n            description: '<p>Le 28 ao\u00fbt 1996, le divorce est prononc\u00e9 et Diana perd son titre d\u2019altesse royale, mais peut conserver les appartements 8 et 9 du palais de Kensington, logement qu\\'elle occupe depuis le d\u00e9but de son mariage et o\u00f9 elle restera jusqu\\'\u00e0 sa mort. Le conte de f\u00e9e est termin\u00e9 mais Diana reste une personnalit\u00e9 publique scrut\u00e9e par les m\u00e9dias populaires.<\/p>',\n            location: {\n               center: [-0.1910544,51.4895976],\n                zoom: 13.08,\n                pitch: 47.50\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n\t\t},{\n            id: 'chapter13',\n            alignment: 'left',\n            title: '1997 - Sa lutte contre les\u00a0mines\u00a0antipersonnel',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Belgaimage-31218236.jpg',\n            description: '<p>Son voyage le plus m\u00e9diatis\u00e9 fut sa visite en Angola en janvier 1997 en tant que volontaire pour la Croix-Rouge et du Croissant Rouge. Elle rencontra des victimes de mines antipersonnel et soutint les programmes d\u2019\u00e9ducation et de sensibilisation sur les dangers de ces armes. <\/p>',\n            location: {\n                center: [23.801, -11.906],\n                zoom: 5,\n                pitch: 0,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter14',\n            alignment: 'right',\n            title: '1997 - La mort tragique',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana\/wp-content\/uploads\/sites\/24\/2017\/08\/1997b-600x465.jpg',\n            description: '<p>Entre deux missions caritatives, Lady Di, pass\u00e9e experte dans la manipulation des m\u00e9dias, retrouve l\u2019amour. D\u2019abord dans les bras d\u2019un cardiologue pakistanais, Hasnat Khan, et ensuite dans ceux de Dodi Al-Fayed, le fils d\u2019un millionnaire \u00e9gyptien propri\u00e9taire du magasin de luxe Harrods. Ce qui fait les affaires de la presse people dont les paparazzi immortalisent tous les faits et gestes de la princesse de Galles jusqu\u2019\u00e0 ce tragique soir du 31 ao\u00fbt o\u00f9 le couple, poursuivi dans les rues de Paris par les photographes, meurt dans un accident de voiture. Lady Di \u00e9tait alors \u00e2g\u00e9e de 36 ans.<\/p>',\n            location: {\n                center: [2.3019082,48.8633992],\n                zoom: 16.5,\n                pitch: 30,\n                bearing: 0.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        },\n\t\t{\n            id: 'chapter15',\n            alignment: 'left',\n            title: '1997 - \u00ab Goodbye England\u2019s Rose \u00bb',\n            image: 'https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Belgaimage-40264551-scaled.jpg',\n            description: '<p>Le 6 septembre, les fun\u00e9railles de Lady Diana sont c\u00e9l\u00e9br\u00e9es \u00e0 l\u2019abbaye de Westminster devant trois millions d\u2019Anglais r\u00e9unis \u00e0 Londres. Sa d\u00e9pouille repose sur une petite \u00eele au milieu du lac du domaine du chateau d\\'Althorp.<\/p>',\n            location: {\n                center: [-0.1286692,51.4993832],\n                zoom: 15.5,\n                pitch: 44.00\n            },\n            onChapterEnter: [],\n            onChapterExit: []\n        }\n    ]\n};\n\n\t<\/script> \n<script>\nvar layerTypes = {\n    'fill': ['fill-opacity'],\n    'line': ['line-opacity'],\n    'circle': ['circle-opacity', 'circle-stroke-opacity'],\n    'symbol': ['icon-opacity', 'text-opacity'],\n    'raster': ['raster-opacity'],\n    'fill-extrusion': ['fill-extrusion-opacity'],\n    'heatmap': ['heatmap-opacity']\n}\n\nvar alignments = {\n    'left': 'lefty',\n    'center': 'centered',\n    'right': 'righty',\n    'full': 'fully'\n}\n\nfunction getLayerPaintType(layer) {\n    var layerType = map.getLayer(layer).type;\n    return layerTypes[layerType];\n}\n\nfunction setLayerOpacity(layer) {\n    var paintProps = getLayerPaintType(layer.layer);\n    paintProps.forEach(function(prop) {\n        var options = {};\n        if (layer.duration) {\n            var transitionProp = prop + \"-transition\";\n            options = { \"duration\": layer.duration };\n            map.setPaintProperty(layer.layer, transitionProp, options);\n        }\n        map.setPaintProperty(layer.layer, prop, layer.opacity, options);\n    });\n}\n\nvar story = document.getElementById('story');\nvar features = document.createElement('div');\nfeatures.setAttribute('id', 'features');\n\nvar header = document.createElement('div');\n\nif (config.title) {\n    var titleText = document.createElement('h1');\n    titleText.innerText = config.title;\n    header.appendChild(titleText);\n}\n\nif (config.subtitle) {\n    var subtitleText = document.createElement('h2');\n    subtitleText.innerText = config.subtitle;\n    header.appendChild(subtitleText);\n}\n\nif (config.byline) {\n    var bylineText = document.createElement('p');\n    bylineText.innerText = config.byline;\n    header.appendChild(bylineText);\n}\n\nif (header.innerText.length > 0) {\n    header.classList.add(config.theme);\n    header.setAttribute('id', 'header');\n    story.appendChild(header);\n}\n\nconfig.chapters.forEach((record, idx) => {\n    var container = document.createElement('div');\n    var chapter = document.createElement('div');\n\n    if (record.title) {\n        var title = document.createElement('h3');\n        title.innerText = record.title;\n        chapter.appendChild(title);\n    }\n\n    if (record.description) {\n        var story = document.createElement('p');\n        story.innerHTML = record.description;\n        chapter.appendChild(story);\n    }\n\t\n\tif (record.image) {\n        var image = new Image();\n        image.src = record.image;\n        chapter.appendChild(image);\n    }\n\n    container.setAttribute('id', record.id);\n    container.classList.add('step');\n    if (idx === 0) {\n        container.classList.add('active');\n    }\n\n    chapter.classList.add(config.theme);\n    container.appendChild(chapter);\n    container.classList.add(alignments[record.alignment] || 'centered');\n    if (record.hidden) {\n        container.classList.add('hidden');\n    }\n    features.appendChild(container);\n});\n\nstory.appendChild(features);\n\nvar footer = document.createElement('div');\n\nif (config.footer) {\n    var footerText = document.createElement('p');\n    footerText.innerHTML = config.footer;\n    footer.appendChild(footerText);\n}\n\nif (footer.innerText.length > 0) {\n    footer.classList.add(config.theme);\n    footer.setAttribute('id', 'footer');\n    story.appendChild(footer);\n}\n\nmapboxgl.accessToken = config.accessToken;\n\nconst transformRequest = (url) => {\n    const hasQuery = url.indexOf(\"?\") !== -1;\n    const suffix = hasQuery ? \"&pluginName=scrollytellingV2\" : \"?pluginName=scrollytellingV2\";\n\n    return {\n      url: url + suffix\n    }\n}\n\nvar map = new mapboxgl.Map({\n    container: 'map',\n    style: config.style,\n    center: config.chapters[0].location.center,\n    zoom: config.chapters[0].location.zoom,\n    bearing: config.chapters[0].location.bearing,\n    pitch: config.chapters[0].location.pitch,\n    interactive: false,\n    transformRequest: transformRequest\n});\n\nif (config.showMarkers) {\n    var marker = new mapboxgl.Marker({ color: config.markerColor });\n    marker.setLngLat(config.chapters[0].location.center).addTo(map);\n}\n\n\/\/ instantiate the scrollama\nvar scroller = scrollama();\n\nmap.on(\"load\", function() {\n    if (config.use3dTerrain) {\n        map.addSource('mapbox-dem', {\n            'type': 'raster-dem',\n            'url': 'mapbox:\/\/mapbox.mapbox-terrain-dem-v1',\n            'tileSize': 512,\n            'maxzoom': 14\n        });\n        \/\/ add the DEM source as a terrain layer with exaggerated height\n        map.setTerrain({ 'source': 'mapbox-dem', 'exaggeration': 1.5 });\n\n        \/\/ add a sky layer that will show when the map is highly pitched\n\n        map.addLayer({\n            'id': 'sky',\n            'type': 'sky',\n            'paint': {\n                'sky-type': 'atmosphere',\n                'sky-atmosphere-sun': [0.0, 0.0],\n                'sky-atmosphere-sun-intensity': 15\n            }\n        });\n    };\n\n    \/\/ setup the instance, pass callback functions\n    scroller\n    .setup({\n        step: '.step',\n        offset: 0.5,\n        progress: true\n    })\n    .onStepEnter(response => {\n        var chapter = config.chapters.find(chap => chap.id === response.element.id);\n        response.element.classList.add('active');\n        map[chapter.mapAnimation || 'flyTo'](chapter.location);\n\n        if (config.showMarkers) {\n            marker.setLngLat(chapter.location.center);\n        }\n        if (chapter.onChapterEnter.length > 0) {\n            chapter.onChapterEnter.forEach(setLayerOpacity);\n        }\n        if (chapter.callback) {\n            window[chapter.callback]();\n        }\n        if (chapter.rotateAnimation) {\n            map.once('moveend', function() {\n                const rotateNumber = map.getBearing();\n                map.rotateTo(rotateNumber + 90, {\n                    duration: 24000, easing: function (t) {\n                        return t;\n                    }\n                });\n            });\n        }\n    })\n    .onStepExit(response => {\n        var chapter = config.chapters.find(chap => chap.id === response.element.id);\n        response.element.classList.remove('active');\n        if (chapter.onChapterExit.length > 0) {\n            chapter.onChapterExit.forEach(setLayerOpacity);\n        }\n    });\n});\n\t\n\t\n\t\n\n\n\/\/ setup resize event\nwindow.addEventListener('resize', scroller.resize);\n\n<\/script>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-1380","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lady Diana: le parcours d\u2019une princesse pas comme les autres<\/title>\n<meta name=\"description\" content=\"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lady Diana: le parcours d\u2019une princesse pas comme les autres\" \/>\n<meta property=\"og:description\" content=\"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\" \/>\n<meta property=\"og:site_name\" content=\"Lady Diana - 25 ans apr\u00e8s sa mort les anglais la ch\u00e9rissent toujours\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-30T08:01:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Portrait-1024x678-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Lady Diana: le parcours d\u2019une princesse pas comme les autres\" \/>\n<meta name=\"twitter:description\" content=\"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Portrait-1024x678-1.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\",\"url\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\",\"name\":\"Lady Diana: le parcours d\u2019une princesse pas comme les autres\",\"isPartOf\":{\"@id\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#website\"},\"datePublished\":\"2022-07-28T13:54:24+00:00\",\"dateModified\":\"2022-08-30T08:01:55+00:00\",\"description\":\"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.\",\"breadcrumb\":{\"@id\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lady Diana: le parcours d\u2019une princesse pas comme les autres\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#website\",\"url\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/\",\"name\":\"Lady Diana - 25 ans apr\u00e8s sa mort les anglais la ch\u00e9rissent toujours\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lady Diana: le parcours d\u2019une princesse pas comme les autres","description":"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","og_locale":"fr_FR","og_type":"article","og_title":"Lady Diana: le parcours d\u2019une princesse pas comme les autres","og_description":"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.","og_url":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","og_site_name":"Lady Diana - 25 ans apr\u00e8s sa mort les anglais la ch\u00e9rissent toujours","article_modified_time":"2022-08-30T08:01:55+00:00","og_image":[{"width":1024,"height":678,"url":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Portrait-1024x678-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Lady Diana: le parcours d\u2019une princesse pas comme les autres","twitter_description":"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.","twitter_image":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-content\/uploads\/sites\/166\/2022\/08\/Portrait-1024x678-1.jpg","twitter_misc":{"Dur\u00e9e de lecture est.":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","url":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","name":"Lady Diana: le parcours d\u2019une princesse pas comme les autres","isPartOf":{"@id":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#website"},"datePublished":"2022-07-28T13:54:24+00:00","dateModified":"2022-08-30T08:01:55+00:00","description":"Princesse de conte de f\u00e9e mue en jeune femme moderne qui avait \u00e9branl\u00e9 la monarchie, Diana reste 25 ans apr\u00e8s sa mort une ic\u00f4ne, d\u00e9sormais sanctifi\u00e9e par ses deux fils, les princes William et Harry.","breadcrumb":{"@id":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/grand-angle.lavenir.net\/diana-25-ans\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/"},{"@type":"ListItem","position":2,"name":"Lady Diana: le parcours d\u2019une princesse pas comme les autres"}]},{"@type":"WebSite","@id":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/#website","url":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/","name":"Lady Diana - 25 ans apr\u00e8s sa mort les anglais la ch\u00e9rissent toujours","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"}]}},"_links":{"self":[{"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/pages\/1380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/comments?post=1380"}],"version-history":[{"count":0,"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/pages\/1380\/revisions"}],"wp:attachment":[{"href":"https:\/\/grand-angle.lavenir.net\/diana-25-ans\/wp-json\/wp\/v2\/media?parent=1380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}