dernière corrections
All checks were successful
Deploy / Deploy to Production (push) Successful in 8s
All checks were successful
Deploy / Deploy to Production (push) Successful in 8s
This commit is contained in:
sarahgarcin1
parent
76efeeeead
commit
cda0e26ed5
12 changed files with 73 additions and 38 deletions
|
|
@ -100,7 +100,7 @@
|
|||
}
|
||||
|
||||
[data-id="0xbiographies"] #olivier-bienz,
|
||||
[data-id="0xbiographies"] #stephane-degoutin-et-gwenola-wagon,
|
||||
/*[data-id="0xbiographies"] #stephane-degoutin-et-gwenola-wagon,*/
|
||||
[data-id="0xbiographies"] #sarah-garcin,
|
||||
[data-id="0xbiographies"] #outdoor-computer-club,
|
||||
[data-id="0xbiographies"] #remi-sagot-duvauroux{
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@
|
|||
}
|
||||
|
||||
[data-unique-id="p-dlpslésdià"]{
|
||||
letter-spacing: -0.01rem!important;
|
||||
letter-spacing: -0.015rem!important;
|
||||
background-color: var(--bg-type);
|
||||
}
|
||||
|
||||
|
|
@ -167,10 +167,12 @@
|
|||
[data-unique-id="p-lrnpufesel"]{
|
||||
letter-spacing: -0.015rem!important;
|
||||
background-color: var(--bg-type);
|
||||
margin-top: var(--baseline);
|
||||
/*margin-top: var(--baseline);*/
|
||||
}
|
||||
|
||||
|
||||
/*#note-container-0x4eab29-11 .following-note {
|
||||
letter-spacing: -0.02rem;
|
||||
}*/
|
||||
|
||||
/* FIGURES */
|
||||
|
||||
|
|
@ -210,6 +212,7 @@
|
|||
|
||||
#fig-angelo-careri-stella-jacob-4{
|
||||
width: calc(var(--unit) * 3.5);
|
||||
margin-top: calc(var(--baseline) * 2);
|
||||
}
|
||||
|
||||
#fig-angelo-careri-stella-jacob-5{
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
}
|
||||
|
||||
|
||||
[data-unique-id="p-lbbgbbmssu"],
|
||||
[data-unique-id="p-cdfpdsdciv"],
|
||||
[data-unique-id="p-ldlpdppall"]{
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -25,6 +25,8 @@
|
|||
[data-unique-id="p-dcclpdldrp"]{
|
||||
letter-spacing: -0.005rem!important;
|
||||
background-color: var(--bg-type);
|
||||
margin-top: -3mm;
|
||||
break-before: page;
|
||||
}
|
||||
|
||||
[data-unique-id="p-ldclsdpddn"]{
|
||||
|
|
|
|||
|
|
@ -111,6 +111,10 @@
|
|||
margin-bottom: calc(var(--baseline)*1.75 + 7px);
|
||||
}
|
||||
|
||||
#fig-remi-sagot-duvauroux-collectif-hypnoscope-1 figcaption{
|
||||
margin-left: calc(var(--unit) * 1);
|
||||
}
|
||||
|
||||
|
||||
#fig-remi-sagot-duvauroux-collectif-hypnoscope-2{
|
||||
break-before: page;
|
||||
|
|
|
|||
|
|
@ -110,9 +110,10 @@
|
|||
}
|
||||
|
||||
#fig-guillaume-seyller-3 {
|
||||
width: calc(var(--unit)*6.5);
|
||||
break-after: page;
|
||||
margin-top: calc(var(--baseline)*2);
|
||||
width: calc(var(--unit)*7.5);
|
||||
/*break-after: page;*/
|
||||
/*margin-top: calc(var(--baseline)*7);*/
|
||||
margin-left: -2mm;
|
||||
}
|
||||
|
||||
#fig-guillaume-seyller-3 figcaption {
|
||||
|
|
@ -120,3 +121,7 @@
|
|||
top: -10px;
|
||||
}
|
||||
|
||||
/*#suite{
|
||||
margin-top: 0;
|
||||
}*/
|
||||
|
||||
|
|
|
|||
|
|
@ -71,10 +71,10 @@ body[data-template="couverture"] .back{
|
|||
}
|
||||
|
||||
body[data-template="couverture"] .back p{
|
||||
font-size: 8.3pt;
|
||||
font-size: 8.2pt;
|
||||
line-height: 1.4;
|
||||
writing-mode: sideways-lr;
|
||||
height: calc(100% - 23mm - var(--bleeds));
|
||||
height: calc(100% - 24mm - var(--bleeds));
|
||||
position: relative;
|
||||
bottom: -15mm;
|
||||
left: 2mm;
|
||||
|
|
|
|||
|
|
@ -293,4 +293,11 @@
|
|||
|
||||
[data-unique-id="p-dcàltaérad"] {
|
||||
padding-bottom: calc(var(--baseline)*8);
|
||||
}
|
||||
}
|
||||
|
||||
[id="credits"] [data-unique-id="p-rdnd2v2t2c"] {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -181,10 +181,10 @@
|
|||
|
||||
.nav-title {
|
||||
position: running(title);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/*overflow: hidden;
|
||||
text-overflow: ellipsis;*/
|
||||
max-width: 55ch;
|
||||
padding-right: 2px; /* permet d'éviter que l'italique soit coupé */
|
||||
/*padding-right: 2px; /* permet d'éviter que l'italique soit coupé */*/
|
||||
}
|
||||
|
||||
/* Enlever l'italic dans les titres courant ? */
|
||||
|
|
|
|||
|
|
@ -43,20 +43,20 @@ class followingNotes extends Paged.Handler {
|
|||
});
|
||||
|
||||
// Exception : note-container-0x4eab29-9 → déplacer sa note au début du container suivant
|
||||
const exceptionContainer = content.querySelector("#note-container-0x4eab29-9");
|
||||
if (exceptionContainer) {
|
||||
const note = exceptionContainer.querySelector(".following-note");
|
||||
if (note) {
|
||||
let nextContainer = exceptionContainer.nextElementSibling;
|
||||
while (nextContainer && !nextContainer.classList.contains("container-following-note")) {
|
||||
nextContainer = nextContainer.nextElementSibling;
|
||||
}
|
||||
if (nextContainer) {
|
||||
nextContainer.prepend(note);
|
||||
}
|
||||
}
|
||||
exceptionContainer.remove();
|
||||
}
|
||||
// const exceptionContainer = content.querySelector("#note-container-0x4eab29-9");
|
||||
// if (exceptionContainer) {
|
||||
// const note = exceptionContainer.querySelector(".following-note");
|
||||
// if (note) {
|
||||
// let nextContainer = exceptionContainer.nextElementSibling;
|
||||
// while (nextContainer && !nextContainer.classList.contains("container-following-note")) {
|
||||
// nextContainer = nextContainer.nextElementSibling;
|
||||
// }
|
||||
// if (nextContainer) {
|
||||
// nextContainer.prepend(note);
|
||||
// }
|
||||
// }
|
||||
// exceptionContainer.remove();
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
20
job-log.md
20
job-log.md
|
|
@ -63,20 +63,22 @@ Métallique argent or = 8002C
|
|||
[x] Bug sur les images de Josefa ?
|
||||
[] Vérifier toute la publi
|
||||
[] Demander à julie pour les codes des articles (pour intro et préface)
|
||||
[] Phrase explicative pour l'index ? => Demander à Olivier ?
|
||||
[] Problème si je mets des italiques dans le titre, c'est un faux italique avec la typo Teletext
|
||||
|
||||
|
||||
## Retours corrections
|
||||
### vague 1
|
||||
- web-to-print => parfois difficile de régler des lignes un peu trop blanches
|
||||
- pour les interviews, on a mis les noms au début puis seulement les prénoms pour ne pas alourdir
|
||||
- Les titres courant sont générés automatiquement et coupés automatiquement je peux pas gérer les coupes (j'ai fait un petit réglage néanmoins pour que ça soit un peu mieux sur certaines pages)
|
||||
- p138-139, avec l'ajout de la note de bas de page, le texte ne rentre plus dans la double page et il y a 3 lignes qui dépassent… j'ai tourné le problème dans tous les sens mais je suis un bloquée
|
||||
- J'ai changé le système de coupe des titres courant, c'est mieux je pense
|
||||
- J'ai changé la mise en page de l'article de Marie Lechner, ça rentre désormais
|
||||
- Il y avait un endroit (dans le portfolio de Josefa) où il y avait 2 fois la même image, je l'ai donc enlevé, il nous manque 2 pages désormais.
|
||||
- Phrase explicative pour l'index ? => Demander à Olivier ?
|
||||
- Mise en page biographies…
|
||||
- Problème si je mets des italiques dans le titre, c'est un faux italique avec la typo Teletext
|
||||
|
||||
### vague 2
|
||||
- Dans l'article Bye Bye Meta, il y a plusieurs questions laissées sans réponse / propositions de modifs…
|
||||
- c'est normal que toutes les images ne soient pas photogravées ?
|
||||
- dans crédits, j'ai ajouté des textes pour expliquer les références des phrases sur les interpages
|
||||
## Pour Julie
|
||||
- Bien faire attention à ne pas couper les noms propres
|
||||
- J'ai mis plein de (print-break:)
|
||||
- J'ai mis en place un système d'export pour la couche Pantone et la couche CMJN (à vérifier que ça fonctionne bien)
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -151,7 +151,9 @@
|
|||
|
||||
<!-- titre courant -->
|
||||
<span class="nav-author"><?= $chapitre->author()->kirbytags()->smartypants() ?></span>
|
||||
<span class="nav-title"><?= $chapitre->title()->smartypants() ?></span>
|
||||
|
||||
<span class="nav-title"><?= truncate_at_word($chapitre->title()->smartypants(), 63) ?></span>
|
||||
|
||||
|
||||
|
||||
<!-- Entrées des chapitres -->
|
||||
|
|
@ -290,4 +292,15 @@
|
|||
</script>
|
||||
<?php snippet('footer');?>
|
||||
|
||||
<!-- Troncate les mots sans passer par ellipsis de css (meilleur gestion des coupures) -->
|
||||
<?php
|
||||
function truncate_at_word(string $text, int $limit): string {
|
||||
if (mb_strlen($text) <= $limit) return $text;
|
||||
$text = mb_substr($text, 0, $limit);
|
||||
$last_space = mb_strrpos($text, ' ');
|
||||
return ($last_space !== false ? mb_substr($text, 0, $last_space) : $text) .
|
||||
'…';
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue