pied de croix

fr/_posts/2024-11-21-piedDeCroix.html

@@ -0,0 +1,176 @@
+---
+layout: front_page
+title: eCorpus - Pied de Croix de Saint Bertin
+image: /static/img/posts/2024_piedDeCroix/Pied_de_croix.jpg
+abstract: Analyse du Pied de Croix de Saint Bertin
+tags: Explanations Holograms cultural mediation
+---
+
+<script async src="https://ecorpus.holusion.com/dist/js/voyager-explorer.js"></script>
+
+<style>
+  .content [data-step] {
+    min-height:55vh;
+    padding-bottom: 10vh;
+  }
+
+  @keyframes spin { 100% { transform:rotate(360deg); } }
+  .spinner {
+    width: 50%;
+    height: 50%;
+    animation:spin 5s linear infinite;
+  }
+</style>
+
+<main class="main-dark main-grid">
+  <section class="section">
+    <div class="media">
+      <div class="d-flex sticky-top flex-column justify-content-center" style="height: calc(100vh - 3rem)">
+        <div class="">
+          <voyager-explorer id="Pied_croix_dome" lang="FR" resourceRoot="https://ecorpus.holusion.com/dist/" root='https://ecorpus.holusion.com/scenes/Pied_croix_dome_API/' document='scene.svx.json'></voyager-explorer>
+        </div>
+      </div>
+    </div>
+
+    <div class="content position-relative">
+      <div id="loader" class="position-absolute pt-4" style="inset: 0;background-color:rgba(0, 0, 0, 0.1); backdrop-filter: blur(1px);">
+        <div class="sticky-top d-flex justify-content-center" style="width:100%;height:100%">
+          <svg class="spinner" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+            <style>
+              .c1{
+                fill:none;
+                fill-opacity:1;
+                stroke:#00517d;
+                stroke-width:6;
+                stroke-miterlimit:4;
+                stroke-linecap:round;
+                stroke-dasharray:56.5;
+                stroke-dashoffset:0;
+                stroke-opacity:1;
+              }
+              .c2{
+                fill:none;
+                fill-opacity:1;
+                stroke:#ffffff;
+                stroke-width:6;
+                stroke-opacity:1;
+              }
+            </style>
+
+            <g >
+              <circle class="c1" cx="50" cy="50" r="36" />
+              <circle class="c2" cx="50" cy="50" r="44" />
+            </g>
+          </svg>
+        </div>
+      </div>
+      <div data-step="0" class='text-center'>
+        <a href="https://www.musees-saint-omer.fr/project/pied-de-croix-de-saint-bertin/"><h3>Collection du Musée de l'Hotel Sandelin</h3></a>
+        <h2 style="margin-top: 100px;margin-bottom:50px;font-size: 300%;">Saint-Omer</h2>
+        <p>
+         <strong >
+          Pied de Croix de Saint-Bertin
+         </strong>
+        </p>
+        <p>
+          <b>Titre :</b> Pied de croix de Saint-Bertin
+          <b>Auteur :</b> Atelier mosan
+        </p>
+        <p>
+          <b>Date :</b> vers 1180
+        </p>
+        <p>
+          <b>Matériaux :</b> cuivre doré, fondu, ciselé, gravé, émaux champlevés
+        </p>
+        <p>
+          <b>Inventaire :</b> 2800 bis
+        </p>
+        <p>
+          <b>Copyright :</b> © Musée Sandelin
+        </p>
+
+
+    </div>
+    <div data-step="1" class='text-center'>
+      <h2>Pied de croix de l'abbaye Saint-Bertin</h2>
+        <p>
+         Un beau jour au XIXe siècle, un objet inconnu arrive dans la vitrine d'un horloger. C'est un joyau jusque-là inconnu, que la ville de Saint-Omer achète en 1838. On le suppose issu de l'autrefois très riche abbaye Saint-Bertin, d'où il réchappa miraculeusement en évitant les fontes révolutionnaires.
+        </p>
+        <p>
+          Ce pied, réalisé vers 1170-1180, était, comme son nom l'indique, destiné à supporter une grande croix que l'on disposait sur l'autel. Réalisé en cuivre doré et émail champlevé, il propose à la fois des sculptures très expressives et des scènes colorées rappelant les enluminures de l'époque.
+        </p>
+        <p>
+          Les analyses du C2RMF réalisées à Paris en 2023 donne une vision de l'assemblage de cet objet précieux et permet de mieux comprendre son assemblage.
+        </p>
+        <p>
+          Sa base hémisphérique (dôme) est ornée sur son pourtour d'une frise ajourée de motifs végétaux, sur laquelle sont assis les quatre évangélistes, supports au pied de croix. Leurs symboles les surplombent, à la jonction entre la base et le pilier carré. Du chapiteau qui couronne le tout, naissent quatre figures symbolisant les éléments. Mais ce sont surtout les huit scènes émaillées qui reprennent des passages de l'Ancien Testament dont la vivacité du coloris ressort du fond doré.
+</p>
+<p>
+  L’assemblage des différents éléments du pied de croix est presque invisible, contribuant à l’impression de tour de force qu’il dégage. Les évangélistes s’insèrent par une encoche sur la frise qui entoure le dôme et y sont vissés. La base du pilier, fondue avec les symboles, est fixée par des rivets, visibles sur la face interne du dôme. Le pilier lui-même est constitué d’une âme en bois (pilier interne), sur laquelle sont fixées par des clous les barrettes perlées verticales des angles et les plaques émaillées. Enfin, le chapiteau est formé de trois pièces emboîtées et rivetées : base associée aux bustes ; corbeille ajourée et feuilles d’angle ; tailloir au sommet. Sous le dôme un contrepoids assure la stabilité du pied.
+        </p>
+    </div>
+    <div data-step="2" class='text-center'>
+      <p>
+        Le Pied-de-Croix de Saint-Bertin est le plus important des chefs-d’œuvre de la collection du musée Sandelin. Réalisé vers 1180, probablement dans un atelier d’orfèvrerie situé au sein même de la puissante abbaye de Saint-Bertin, ce curieux objet servait de base à une croix de grande dimension, extrêmement précieuse, posée sur l’autel de l’église. La magie de cette œuvre tient dans la finesse des détails et le naturalisme des corps des personnages réalisés en cuivre, presque comme des sculptures indépendantes, ainsi qu’à la luminosité et aux nuances de couleurs des émaux. Ainsi, l’objet fait-il la synthèse de la perfection assumée dans les arts du volume autant que dans les arts de la couleur à une période charnière du Moyen Âge que l’on nomme parfois la « Renaissance du 12e siècle ».
+      </p>
+      <figure>
+        <img class="img-fluid" src="/static/img/posts/2024_piedDeCroix/Pied_de_croix_dome.jpg" alt="France 1940">
+      </figure>
+
+    </div>
+    <div data-step="3" class='text-center'>
+      <p>Les quatre statuettes en trois dimensions (ronde bosse) des évangélistes servent de support au pied de croix. Ils rédigent le passage de leurs évangiles rapportant la mort du Christ. Luc, courbé sur son pupitre, écrit la phrase « En disant cela, il expira ». Sur le pupitre de Matthieu, tourné vers son symbole qu’est l’ange, est écrit « Poussant un grand cri, il rendit l’esprit ». Sur celui de Marc, en pleine méditation, apparaît « Je remets mon esprit entre tes mains ». Jean, qui se retourne vivement et lève la tête, a perdu son pupitre, qui portait logiquement « et la tête penchée, il rendit l’âme ».</p>
+    </div>
+    <div data-step="4" class='text-center'>
+      <p>Les douze merveilleuses statuettes en ronde bosse, c’est-à-dire en trois dimensions (les quatre évangélistes et leurs symboles, les quatre allégories du chapiteau), sont réalisées selon la technique de la fonte à la cire perdue. Ce procédé de moulage permet d’obtenir une sculpture en métal à partir d'un modèle en terre recouvert de cire. Celui-ci est enveloppé dans un moule en matériau réfractaire (dire, en céramique aux propriétés réfractaires ?) appelé « moule de potée ». La cire fond par chauffage, puis est remplacée par le métal en fusion au sein du moule, qui est ensuite cassé. Cette technique permet d’obtenir des pièces très complexes avec une grande précision dans les détails, qui sont encore retravaillés après démoulage.
+
+        </p>
+    </div>
+    <div data-step="5" class='text-center'>
+
+    </div>
+    <div data-step="6" class='text-center'>
+      <p>Chaque évangéliste est associé à son symbole, placé au-dessus de lui à la jonction du dôme et du fût : l’aigle pour Jean, le lion pour Marc, le taureau pour Luc et l’ange pour Matthieu. Ces figures émanent de la vision de la gloire de Dieu dans le livre du prophète Ézéchiel, dans lequel ils forment les « quatre vivants » ou tétramorphe, également présents dans l’Apocalypse de Jean. Les Pères de l’Église ont appliqué ces symboles aux Évangélistes, qu’ils accompagnent ou auxquels ils se substituent.</p>
+    </div>
+    <div data-step="7" class='text-center'>
+      <p>Les scènes du dôme et du fût sont constituées d’émaux sur cuivre champlevé. Cette technique donnant de la brillance et des couleurs d’une grande vivacité consiste à creuser dans une plaque métallique des alvéoles, ou « champs », et à y placer la poudre d’émail qui, en chauffant, se solidarise avec le métal en vitrifiant. Les parties de métal épargnées forment les cloisons. Sur le pied de croix, les figures émaillées se détachent sur un fond doré lisse. Les émaux présentent une riche palette colorée, avec des associations de couleurs très vives (jaune-vert, bleu-blanc) et des effets chatoyants.</p>
+    </div>
+    <div data-step="8" class='text-center'>
+
+    </div>
+
+
+
+  </section>
+</main>
+
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    let count = 0;
+    const voyagerElement = document.querySelector("#Pied_croix_dome");
+    console.log(voyagerElement);
+    voyagerElement.addEventListener("model-load", (e)=>{
+      if(e.detail == "Highest" || e.detail == "High") count++;
+      if(count != 2) return;
+      (()=>{
+        let loader = document.querySelector("#loader");
+        loader?.parentNode.removeChild(loader);
+      })()
+      const steps = document.querySelectorAll('[data-step]');
+      console.log("Steps : ", steps);
+      const observer = new IntersectionObserver((entries, observer) => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            const step = entry.target.dataset.step;
+            console.log(step);
+            voyagerElement.setTourStep(0, step, true);
+          }
+        });
+      }, {
+        threshold: window.matchMedia("(max-width: 1200px)").matches ? 0.1 : 0.5
+      });
+      steps.forEach(step => observer.observe(step));
+    });
+  });
+</script>