portfolio iyo-bisseck
This commit is contained in:
parent
e76d9ef0eb
commit
38c510c658
13 changed files with 73 additions and 115 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
// });
|
||||
|
||||
// });
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
});
|
||||
}
|
||||
36
assets/js/plugins/portfolio.js
Normal file
36
assets/js/plugins/portfolio.js
Normal 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);
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue