portfolio iyo-bisseck

This commit is contained in:
Julie Blanc 2026-04-12 16:46:06 +02:00
parent e76d9ef0eb
commit 38c510c658
13 changed files with 73 additions and 115 deletions

View file

@ -22,14 +22,6 @@
@top-left-corner { content: none; display: none; }
}
@page portfolio :nth(2){
@top-left { content: none;}
@top-right { content: none; }
@top-center { content: none;}
@top-right-corner { content: none;}
@top-left-corner { content: none; display: none; }
}
@ -119,6 +111,10 @@
/* IYO BISSECK -------------------------------------------- */
#fig-iyo-bisseck-1{
break-before: right;
}
#fig-iyo-bisseck-3{
break-before: page;
}

View file

@ -5,7 +5,16 @@
/* (print-break:) */
/* (nbsp:) */
/* Outdoor computer club */
/* Iyo Bisseck ----------------------------------------------- */
[data-unique-id="p-wgeujvnqel"]{
letter-spacing: -0.015rem;
background-color: var(--bg-type);
}
/* Outdoor computer club ----------------------------------------------- */
#tv-communales-televisions-populaires-au-venezuela{
margin-top: 0px;
@ -30,7 +39,7 @@
}
/* Olivain Porry */
/* Olivain Porry ---------------------------------------------------------- */
[data-unique-id="p-slmeuuadai"]{
letter-spacing: -0.01rem;

View file

@ -3,6 +3,8 @@ class asciiTextFill extends Paged.Handler {
super(chunker, polisher, caller);
}
afterRendered(pages) {
const PAD = 5;
const chars = ["-", "+", "{", "[", "}", "]", ";", "<", ">"];
@ -110,76 +112,6 @@ class asciiTextFill extends Paged.Handler {
});
// document.querySelectorAll('.chapter').forEach(chapter => {
// // /* ── Titre : h2 + h3 dans .chapter-title ── */
// // const titleEl = chapter.querySelector('.chapter-title');
// // if(titleEl){
// // const titleLinesH3 = Array.from(titleEl.querySelectorAll('h3'))
// // .map(n => n.textContent.trim()).filter(Boolean);
// // if (titleLinesH3.length) {
// // // Supprimer les h2/h3 originaux
// // titleEl.querySelectorAll('h3').forEach(el => el.remove());
// // const preH3 = document.createElement('pre');
// // preH3.textContent = makeBox(titleLinesH3);
// // // Insérer la boîte juste après fill-top
// // const fillTop = titleEl.querySelector('.fill-top');
// // fillTop.insertAdjacentElement('afterend', preH3);
// // }
// // const titleLinesH2 = Array.from(titleEl.querySelectorAll('h2'))
// // .map(n => n.textContent.trim()).filter(Boolean);
// // if (titleLinesH2.length) {
// // // Supprimer les h2/h3 originaux
// // titleEl.querySelectorAll('h2').forEach(el => el.remove());
// // const pre = document.createElement('pre');
// // pre.textContent = makeBox(titleLinesH2);
// // // Insérer la boîte juste après fill-top
// // const fillTop = titleEl.querySelector('.fill-top');
// // fillTop.insertAdjacentElement('afterend', pre);
// // }
// // }
// // /* ── Bio : .biographie dans ce chapter ── */
// // const bioEl = chapter.querySelector('.biographie');
// // if(bioEl){
// // const bioText = Array.from(bioEl.querySelectorAll('p'))
// // .map(p => p.textContent.trim()).join(' ');
// // const bioInnerW = COLS - 50;
// // if (bioText) {
// // const wrapped = [];
// // let cur = '';
// // bioText.split(/\s+/).forEach(w => {
// // const test = cur ? cur + ' ' + w : w;
// // if (test.length <= bioInnerW) { cur = test; }
// // else { if (cur) wrapped.push(cur); cur = w; }
// // });
// // if (cur) wrapped.push(cur);
// // const border = '|' + '-'.repeat(bioInnerW) + '|';
// // const pre = document.createElement('pre');
// // pre.textContent = border + '\n\n' + wrapped.join('\n') + '\n\n' + border;
// // bioEl.innerHTML = '';
// // bioEl.appendChild(pre);
// // }
// // }
// const totalH = pages[0].height;
// // const fixedH = titleEl.offsetHeight + bioEl.offsetHeight;
// const fixedH = (titleEl ? titleEl.offsetHeight : 0) + (bioEl ? bioEl.offsetHeight : 0);
// const spare = Math.max(0, totalH - fixedH);
// const ratios = [1/3, 1/3, 1/3];
// const fills = ['.fill-top', '.fill-mid', '.fill-bottom'];
// fills.forEach((sel, i) => {
// const spare = Math.max(0, totalH - fixedH);
// const el = chapter.querySelector(sel);
// if (!el) return;
// const n = Math.max(0, Math.floor((spare * ratios[i]) / lineH));
// el.textContent = Array(n).fill(DASH).join('\n');
// });
// });
}
}

View file

@ -6,7 +6,6 @@ class before extends Paged.Handler {
beforeParsed(content) {
paragraphId(content);
portfolioSpread(content);
}
}
@ -31,12 +30,3 @@ function paragraphId(content) {
}
function portfolioSpread(content){
content.querySelectorAll('.portfolio-spread').forEach(block => {
const clone = block.cloneNode(true);
clone.classList.add('portfolio-spread-right');
block.classList.add('portfolio-spread-left');
block.parentNode.insertBefore(clone, block.nextSibling);
});
}

View file

@ -0,0 +1,36 @@
class portfolio extends Paged.Handler {
constructor(chunker, polisher, caller) {
super(chunker, polisher, caller);
}
beforeParsed(content) {
portfolioSpread(content);
}
// delete running title page 2
afterPageLayout(pageElement, page, breakToken) {
if(pageElement.classList.contains("pagedjs_portfolio_page") && pageElement.querySelector(".chapter-header")){
pageElement.querySelector(".pagedjs_margin-top").style.display = "none";
pageElement.querySelector(".pagedjs_margin-top-left-corner-holder").style.display = "none";
}
}
}
Paged.registerHandlers(portfolio);
function portfolioSpread(content){
content.querySelectorAll('.portfolio-spread').forEach(block => {
const clone = block.cloneNode(true);
clone.classList.add('portfolio-spread-right');
block.classList.add('portfolio-spread-left');
block.parentNode.insertBefore(clone, block.nextSibling);
});
}