Skip to content
Snippets Groups Projects
Commit 21de5ac9 authored by Rachel Gaubil's avatar Rachel Gaubil
Browse files

[edit + fix] edit layout + some bugs

parent 304f0c64
No related branches found
No related tags found
1 merge request!92[edit + fix] edit layout + some bugs
......@@ -2,7 +2,7 @@
<?xml-model href="https://gricad-gitlab.univ-grenoble-alpes.fr/elan/schemas-tei/-/raw/main/crenum/out/ODD_crenum_commun.rng" type="application/xml" schematypens="http://relaxng.org/ns/structure/1.0"?>
<?xml-model href="https://gricad-gitlab.univ-grenoble-alpes.fr/elan/schemas-tei/-/raw/main/crenum/out/ODD_crenum_commun.rng" type="application/xml" schematypens="http://purl.oclc.org/dsdl/schematron"?>
<TEI xmlns="http://www.tei-c.org/ns/1.0" xmlns:xi="http://www.w3.org/2001/XInclude">
<xi:include href="CreNum_header_manuscrits.xml" parse="xml"
<xi:include href="../CreNum%20stage%202024/CreNum_header_manuscrits.xml" parse="xml"
xpointer="crenum_teiheader">
<xi:fallback>
<teiHeader>
......@@ -29,13 +29,13 @@
</teiHeader>
</xi:fallback>
</xi:include>
<xi:include href="CreNum_header_liste_personnes.xml" parse="xml"
<xi:include href="../CreNum%20stage%202024/CreNum_header_liste_personnes.xml" parse="xml"
xpointer="crenum_teiheader_liste_personnes">
<xi:fallback/>
</xi:include>
 
<facsimile corresp="#BnFfr2817">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f30.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f30.item" n="2v">
<desc>
<ref corresp="#imtArea_202 #imtArea_203">Dans un cadre renaissant sobrement décoré, qui
a pour support une coquille, un paysage baigné d'une douce lumière évoque la conquête
......@@ -154,7 +154,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f26.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f26.item" n="Jv">
<desc>Au début d’un règne que <persName corresp="#francois_1">François I<hi
rend="superscript">er</hi></persName> veut novateur, cette scène de dédicace entre
en résonance avec le premier prologue. Ni le lieu, ni la date ne sont connus, la
......@@ -367,7 +367,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f53.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f53.item" n="15r">
<desc><persName corresp="#cretin">Guillaume Cretin</persName> fait le choix pour l’histoire
des origines du royaume et de Paris, de la version la plus éloignée de la réalité.
L’enjeu est double : les origines du peuple et de la dynastie sont troyennes pas
......@@ -543,7 +543,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f59.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f59.item" n="18r">
<desc><ref corresp="#imtArea_46 #imtArea_47">Le thème est original. En bas du cadre deux
branches d’acanthe, décalées vers la droite, soulignent l’importance de l’événement
mémorable.</ref><ref corresp="#imtArea_48"><persName corresp="#clodion"
......@@ -735,7 +735,7 @@
<note>quartier populaire</note>
</zone>
</surface>
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f67.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f67.item" n="22r">
<desc><ref corresp="#imtArea_64 #imtArea_65">Le cadre donne une des clés de l’image, son
fronton orné d’un cercle est décalé vers le logis royal d’Orléans assiégée.</ref>
Intervient ensuite la bataille des champs catalauniques, qui occupe le premier plan et
......@@ -912,7 +912,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f72.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f72.item" n="24v">
<desc>L’image représente l’adieu de <persName corresp="#childeric_1">Childéric I<hi
rend="superscript">er</hi></persName> à <persName corresp="#guinement"
>Guinement</persName> et la bataille entre <persName corresp="#childeric_1"
......@@ -1106,7 +1106,7 @@
<note>cadre 2</note>
</zone>
</surface>
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f103.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f103.item" n="40r">
<desc>La lecture politique de l’image, est indissociable ici de celle tropologique (morale)
et anagogique (qui conduit des choses visibles aux invisibles, à l’au-delà).<ref
corresp="#imtArea_101 #imtArea_102">Sous le fronton trinitaire du cadre, la
......@@ -1330,7 +1330,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f178.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b105206468/f178.item" n="77v">
<desc><ref corresp="#imtArea_125 #imtArea_126">Le cadre met en valeur <persName
corresp="#clotilde">Clotilde</persName> près d’une colonne haute plus longue et
claire. En bas le support décalé vers la droite attire l’attention sur <persName
......@@ -1514,7 +1514,7 @@
</facsimile>
 
<facsimile corresp="#BnFfr2818">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f22.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f22.item" n="Hv">
<desc><ref corresp="#imtArea_142 #imtArea_143">Le décor renaissance du cadre reprend la
métaphore végétale. Une cordelière, longue tige, est soutenue par un putti ailé,
peut-être allusion au labeur de l’écrivain, en bas une fleur de lys rappelle qu’il
......@@ -1708,7 +1708,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f38.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f38.item" n="1v">
<desc><ref corresp="#imtArea_163 #imtArea_164">Surmonté de trois arcs surbaissés portant
une cordelière à nœuds, le haut du portique comporte une frise bleue et or au
répertoire renaissant affirmé. La colonne gauche souligne le passage de la bataille
......@@ -1964,7 +1964,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f103.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f103.item" n="34r">
<desc><ref corresp="#imtArea_185 #imtArea_186">Le cadre est surmonté d’un arc déprimé et
d’une cordelière à nœuds. Elle s’arrête au niveau de la toiture de Saint-Martin de
Tours et à droite se prolonge jusqu’au gonfanon de l’armée de <persName
......@@ -2154,7 +2154,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f122.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f122.item" n="43v">
<desc><ref corresp="#imtArea_209 #imtArea_210">Le cadre attire l’attention sur la partie
gauche de l’image. Au-dessus, deux putti ailés de profil tirent la queue de deux
dragons entrelacés, pour les séparer dessinant un omega de chaque côté, les bêtes
......@@ -2391,7 +2391,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f138.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f138.item" n="51v">
<desc><ref corresp="#imtArea_227 #imtArea_228">La partie la plus valorisante du cadre est
du côté de la sanction naturelle des agissements du roi. La cordelière s’arrête à
droite au niveau du ciel, à gauche elle descend, disparaît près de la grotte
......@@ -2579,7 +2579,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f155.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f155.item" n="60r">
<desc><ref corresp="#imtArea_244 #imtArea_245">La décoration du cadre se concentre sur le
haut. Un fronton avec panneau triangulaire bleu rappelle que le récit concerne les
« enfants » de <persName corresp="#brunehaut">Brunehaut</persName>, régnant de façon
......@@ -2732,7 +2732,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f180.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f180.item" n="72v">
<desc><ref corresp="#imtArea_257 #imtArea_258">Le cadre s’adapte le décor sommital comprend
un arc décalé vers la droite et une cordelière qui est vigoureusement tirée par un
putti ailé vers la gauche. Un autre de trois quarts dos pèse de tout son poids pour
......@@ -2908,7 +2908,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f198.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f198.item" n="81v">
<desc><ref corresp="#imtArea_278 #imtArea_279">Le cadre est surmonté d’un double décor de
pierre s’enroulant en volute (volumen), et symbolique, entre les deux un petit
diable, et dessous trois incrustations bleues et or. La cordelière pend plus à gauche
......@@ -3052,7 +3052,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f208.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f208.item" n="86v">
<desc><ref corresp="#imtArea_291 #imtArea_292">Le cadre présente des variantes
significatives. Au sommet un vase cassolette avec flamme ne brûle pas la cordelière
qu’il soutient et ne descend pas à gauche le long des deux superpositions de
......@@ -3210,7 +3210,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f220.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f220.item" n="92v">
<desc><ref corresp="#imtArea_307 #imtArea_308">Le cadre. L’importance du végétal l’emporte
en lien avec la scène principale. Au sommet subsistent du répertoire renaissant deux
vases autour de l’arc déprimé et en soutien de la cordelière. Les montants du
......@@ -3379,7 +3379,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f235.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f235.item" n="100r">
<desc>L’enlumineur retient deux moments, à l’intérieur d’Orléans assiégée par l’armée de
<persName corresp="#clotaire_2">Clotaire II</persName>, <persName corresp="#bertoald"
>Bertoald</persName> défie en combat singulier <persName corresp="#landry"
......@@ -3626,7 +3626,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f242.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f242.item" n="103v">
<desc>D’après <persName corresp="#fredegaire">Frédégaire</persName>, après la victoire
d’Etampes, <persName corresp="#brunehaut">Brunehaut</persName> fait donner le poste de
maire du palais à <persName corresp="#protade">Protadius</persName>, partisan d’une
......@@ -3831,7 +3831,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f50.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f50.item" n="7v">
<desc>L’auteur parmi les crimes du roi <persName corresp="#clotaire_1">Clotaire I<hi
rend="superscript">er</hi></persName> ne retient que l’affaire évoquée par
<persName corresp="#gaguin">Robert Gaguin</persName>, dans son Compendium de
......@@ -4032,7 +4032,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f66.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f66.item" n="15v">
<desc>L’élimination de <persName corresp="#gogone">Gogon</persName> en 581 suit les débuts
des guerres civiles nées de deux mariages royaux (570 à 613). <persName
corresp="#chilperic_1">Chilpéric</persName> et ses trois frères se partagent le
......@@ -4212,7 +4212,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f92.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f92.item" n="28v">
<desc><ref corresp="#imtArea_392 #imtArea_393">Le cadre monochrome oppose les montants du
portique. A gauche, deux colonnes jumelées et superposées sont à l’image du pouvoir
partagé entre <persName corresp="#chilperic_1">Chilpéric</persName> et <persName
......@@ -4415,7 +4415,7 @@
<note>armée ennemie</note>
</zone>
</surface>
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f162.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f162.item" n="63v">
<desc>Le contraste entre la douceur du paysage et la sérénité du ciel souligne l’horreur
des scènes illustrées. <ref corresp="#imtArea_411 #imtArea_41">Le cadre est surmonté
d’un arc déprimé, la cordelière supportée par deux vases pansus ne descend pas à
......@@ -4593,7 +4593,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f188.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f188.item" n="76v">
<desc><persName corresp="#chilperic_1">Chilpéric I<hi rend="superscript">er</hi></persName>
dernier roi à régner en souverain absolu, avant que la noblesse ne capte le pouvoir, est
assassiné le 20 ou 28 septembre 584 près de sa villa de Chelles, après une partie de
......@@ -4753,7 +4753,7 @@
<note>chien 2</note>
</zone>
</surface>
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f215.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f215.item" n="90r">
<desc><persName corresp="#gondovald">Gondovald</persName>, bâtard non reconnu du roi
<persName corresp="#clotaire_1">Clotaire I<hi rend="superscript">er</hi></persName>
et donc demi-frère putatif de ses fils <persName corresp="#chilperic_1"
......@@ -4961,7 +4961,7 @@
</zone>
</surface>
 
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f248.item">
<surface facs="https://gallica.bnf.fr/ark:/12148/btv1b10523278x/f248.item" n="106v">
<desc><ref corresp="#imtArea_453 #imtArea_454">Le cadre est surmonté par un arc déprimé et
deux vases qui soutiennent une cordelière qui descend à gauche vers le cabinet de
<persName corresp="#theodebert_2">Théodebert II</persName>, le long d’une
......
This diff is collapsed.
/****************
TOC
****************/
.img-thumbnail-container {
width: auto;
display: grid;
padding: 0;
}
.img-thumbnail-container span {
font-size: 0.7rem;
text-align: center;
}
.img-thumbnails hr{
margin-top: 1rem;
color: var(--main-color);
}
/****************
text
****************/
.description {
display: none;
}
.current-page-text{
display: block;
background-color: transparent;
}
.description-zone {
color: var(--main-color);
cursor: pointer;
......@@ -22,7 +48,7 @@
}
.scrolled .openseadragon {
height: 90vh;
height: 100vh;
}
.scrolled .osd-pane {
......@@ -31,14 +57,12 @@
#zones-infos {
display: none;
margin-left: 2rem;
margin-bottom: 1rem;
/* background-color: #f2e1e1; */
/* background-color: pink; */
/* margin-left: 2rem; */
/* margin-bottom: 1rem; */
background-color: var(--selection-color);
/* opacity: 0.75; */
padding: 0.5rem;
width: 10%;
height: fit-content;
text-align: center;
border-radius: 1rem;
}
......@@ -54,6 +78,7 @@
border-radius: 1rem;
background-color: rgb(255,255,255, 0.75);
z-index: 1;
margin-top:3rem;
}
.osd-btn span {
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
{% extends "base.html.j2" %}
{% block css %}
<link href="{{ url_for('static', filename='css/editPages.css') }}" rel="stylesheet"/>
{% endblock %}
{% block containertype %}container{% endblock %}
{% block pageTitle %}Peintures{% endblock %}
{% block body %}
{% include 'htm/paints.htm'%}
{% endblock %}
{% extends "paints_base.html.j2" %}
{% block pageTitle %}Peintures 1{% endblock %}
<!-- {% set paintsTitle %}{% block paint %}{{ super() }}{% endblock %}{% endset %}-->
<!--{% set chaptersList %}{% block allChaptersList %}{{ super() }}{% endblock %}{% endset %}-->
{% block body %}
<h2 class="title">Facsimile I</h2>
<!--<h2 class="title">Facsimile I - {{ paintsTitle }}</h2>-->
<!-- table of contents -->
<div class="toc row justify-content-center">
{{ chaptersList.book1() }}
</div>-->
{{ super() }}
{% endblock %}
......@@ -14,33 +14,39 @@
<span id="pageNb" style="display:none">{{ pageNb }}</span>
<span id="visu" style="display:none">{{ visu }}</span>
<!--<div>
<h5>Options d'affichage</h5>
<span class="btn toggle-mark" data-type="color" data-pos="{{pos}}">
<span class="text-show">Activer la coloration des zones au survol</span>
<span class="text-hide">Désactiver la coloration des zones au survol</span>
</span>
<span class="btn toggle-mark" data-type="borders" data-pos="{{pos}}">
<span class="text-show">Afficher les bordures de zones</span>
<span class="text-hide">Masquer les bordures de zones</span>
</span>
<hr class="btnLine">
</div>-->
<div class="row justify-content-center img-thumbnails">
{{ paintsId.toc(pos) }}
</div>
<div class="visu-content row justify-content-center">
{% set pos = 'left' %}
<div class="col tab-content" id="nav-tabContent-{{pos}}">
<nav class="tabs">
<div class="nav nav-tabs nav-fill" id="nav-tab-{{pos}}" role="tablist">
<button class="nav-link btn-tab tab-bttn" id="image-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#image-{{pos}}" type="button" role="tab" aria-controls="image-{{pos}}" aria-selected="true" onclick="changePath()">Peinture</button>
<button class="nav-link btn-tab tab-bttn" id="description-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#description-{{pos}}" type="button" role="tab" aria-controls="description-{{pos}}" aria-selected="false" onclick="changePath()">Description</button>
<button class="nav-link btn-tab tab-bttn" id="biblio-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#biblio-{{pos}}" type="button" role="tab" aria-controls="biblio-{{pos}}" aria-selected="false" onclick="changePath()">Bibliographie</button>
</div>
</nav>
{{ paintsId.img(pos) }}
{{ paintsId.description(pos) }}
<div class="fixed-bottom" id="zones-infos">
</div>
{{ paintsId.biblio(pos) }}
</div>
{% set pos = 'right' %}
<div class="col tab-content" id="nav-tabContent-{{pos}}">
<nav class="tabs">
<div class="nav nav-tabs nav-fill" id="nav-tab-{{pos}}" role="tablist">
<button class="nav-link btn-tab tab-bttn" id="image-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#image-{{pos}}" type="button" role="tab" aria-controls="image-{{pos}}" aria-selected="true" onclick="changePath()">Peinture</button>
<button class="nav-link btn-tab tab-bttn" id="description-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#description-{{pos}}" type="button" role="tab" aria-controls="description-{{pos}}" aria-selected="false" onclick="changePath()">Description</button>
<button class="nav-link btn-tab tab-bttn" id="biblio-{{pos}}-tab" data-bs-toggle="tab" data-bs-target="#biblio-{{pos}}" type="button" role="tab" aria-controls="biblio-{{pos}}" aria-selected="false" onclick="changePath()">Bibliographie</button>
</div>
</nav>
{{ paintsId.img(pos) }}
{{ paintsId.description(pos) }}
{{ paintsId.biblio(pos) }}
</div>
<div class="fixed-bottom" id="zones-infos">
</div>
{{ paintsId.notes(pos) }}
......
{% extends "base.html.j2" %}
{% import paints as paintsId %}
{% block css %}
<link href="{{ url_for('static', filename='css/chapter.css') }}" rel="stylesheet"/>
{% endblock %}
{% set paintsTitle %}{{ paintsId.paintsTitle() }}{% endset %}
{% block paint %}{{ paintsTitle }}{% endblock %}
{% block body %}
<span id="chapName" style="display:none">{{ chapName }}</span>
<span id="pageNb" style="display:none">{{ pageNb }}</span>
<span id="visu" style="display:none">{{ visu }}</span>
<div class="visu-content row justify-content-center">
{# gestion des tailles d'écran ? #}
{# <div id="left-panel" class="col-md-6 col-sm-12"> #}
{% set pos = 'left' %}
<div class="col tab-content" id="nav-tabContent-{{pos}}">
{% include('nav_tabs.html.j2', {pos: pos}) %}
{{ paintsId.img(pos) }}
{{ paintsId.description(pos) }}
</div>
{% set pos = 'right' %}
<div class="col tab-content" id="nav-tabContent-{{pos}}">
{% include('nav_tabs.html.j2', {pos: pos}) %}
{{ paintsId.img(pos) }}
{{ paintsId.description(pos) }}
</div>
</div>
<br>
<!--<div class="row justify-content-between">
<div class="col-auto">
{{ paintsId.prev() }}
</div>
<div class="col-auto">
{{ paintsId.next() }}
</div>
</div>-->
{% endblock %}
{% block js %}
<script src="{{ url_for('static', filename='js/libs/openseadragon.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/libs/openseadragon-svg-overlay.js') }}"></script>
<script src="{{ url_for('static', filename='js/chapter.js') }}"></script>
{% endblock %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment