Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

entretien erg + iyo-bisseck retouche

Browse source
This commit is contained in:
Julie Blanc 2026-04-12 18:00:42 +02:00
parent 38c510c658
commit 6a45e2bf36
152 changed files with 289 additions and 188 deletions
Download patch file Download diff file Expand all files Collapse all files

68
assets/css/entretiens.css
View file

@ -5,6 +5,7 @@
padding-right: calc(var(--unit)*0.75);
position: relative;
top: -4px;
}
.description-before {
@ -53,43 +54,62 @@
top: -3px;
}
.description-after::after{
content: "/ /";
display: block;
text-align: center;
max-width: 1ch;
margin-inline: auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
h5 {
h5, h6 {
font-size: var(--sign-size);
color: var(--sign-color);
font-weight: normal;
text-indent: calc(var(--unit) * 0.75);
position: relative;
font-family: var(--sign-family);
margin-top: calc(var(--baseline)*1);
margin-bottom: calc(var(--baseline)*0);
break-after: avoid;
}
h5::before, h6::before{
h5::after,
h6::after{
content: "----";
left: -68px;
top: 0px;
}
h5::before,
h6::before{
content: "@";
left: -84px;
top: 0px;
}
h5::after,
h6::after,
h5::before,
h6::before{
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: var(--sign-baseline);
display: block;
position: absolute;
}
.pagedjs_right_page h5::before{
content: "//////"
}
.pagedjs_left_page h5{
left: -49px;
}
.pagedjs_left_page h5::before{
content: "//////"
}
h6 {
font-size: var(--sign-size);
color: var(--sign-color);
}
h6::before {
content: "//";
}
.decor-h6 {
/* .decor-h6 {
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@ -103,4 +123,4 @@ h6::before {
.pagedjs_right_page .decor-h6 {
left: -80px;
top: calc(var(--baseline)*-4.5 + 11px);
}
} */

19
assets/css/figures.css
View file

@ -5,23 +5,30 @@ figure{
}
figcaption{
margin-top: calc(var(--baseline)*0.25);
margin-top: calc(var(--baseline)*0.5);
}
figcaption::before{
content: "/";
content: "*";
font-family: var(--sign-family);
display: block;
text-align: center;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: var(--sign-baseline);
position: absolute;
left: 0;
}
figcaption p{
margin: 0;
text-indent: 0!important;
text-align: center!important;
font-size: var(--fs-notes);
text-align: left!important;
/* text-align: center!important; */
font-size: var(--fs-notes);
line-height: 14px;
font-weight: 500;
padding-left: calc(var(--unit) * 0.5);
}
figcaption p::before{

60
assets/css/portfolio.css
View file

@ -107,6 +107,37 @@
/* Stephane & Gwenola -------------------------------------------- */
#fig-stephane-degoutin-et-gwenola-wagon-2 img{
object-fit: contain;
width: 80%;
object-position: calc(var(--margin) + var(--bleed-images)) calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
#fig-stephane-degoutin-et-gwenola-wagon-3{
break-before: left;
}
#fig-stephane-degoutin-et-gwenola-wagon-3 figure{
break-before: right;
}
#fig-stephane-degoutin-et-gwenola-wagon-5{
break-before: left;
}
#fig-stephane-degoutin-et-gwenola-wagon-6{
break-before: right;
}
/* IYO BISSECK -------------------------------------------- */
@ -115,38 +146,45 @@
#fig-iyo-bisseck-1{
break-before: right;
}
#fig-iyo-bisseck-3{
/* #fig-iyo-bisseck-3{
break-before: page;
}
} */
#fig-iyo-bisseck-4 img{
#fig-iyo-bisseck-3 img{
object-fit: contain;
width: 80%;
object-position: calc(var(--margin) + var(--bleed-images)) calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
#fig-iyo-bisseck-4{
break-before: left;
}
/* #fig-iyo-bisseck-5 img{
#fig-iyo-bisseck-5{
break-before: right;
}
#fig-iyo-bisseck-6 img{
position: relative;
width: 80%;
left: calc(20% - var(--bleed-images));
width: 60%;
left: calc(40% - var(--bleed-images));
object-fit: contain;
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
} */
}
#fig-iyo-bisseck-5 img{
/* #fig-iyo-bisseck-6 img{
object-fit: contain;
width: 80%;
position: relative;
left: calc(10% - var(--bleed-images));
}
} */
#fig-iyo-bisseck-6, #fig-iyo-bisseck-7{
/* #fig-iyo-bisseck-6, #fig-iyo-bisseck-7{
break-before: page;
}
} */

8
assets/css/text.css
View file

@ -40,14 +40,18 @@ p::before {
.chapter p.first-p,
.chapter p.following-title,
.chapter p.following-h3,
.chapter p.following-h4{
.chapter p.following-h4,
.chapter p.following-h5,
.chapter p.following-h6{
text-indent: 0;
}
.first-p::before,
.following-title::before,
.following-h3::before,
.following-h4::before {
.following-h4::before,
.following-h5::before,
.following-h6::before {
content: none;
}

50
assets/js/plugins/decor-subtitles.js
View file

@ -102,23 +102,21 @@ class subtitlesDecor extends Paged.Handler {
beforeParsed(content){
content.querySelectorAll("h3, h4").forEach(subtitle => {
const block = subtitle.closest('.block');
const block = subtitle.closest('.block');
const nextBlock = block?.nextElementSibling;
if (!nextBlock) return;
const firstP = nextBlock.querySelector('p');
if (!firstP) return;
if (subtitle.tagName === "H3") {
firstP.classList.add("following-h3");
}
if (subtitle.tagName === "H4") {
firstP.classList.add("following-h4");
}
if (subtitle.tagName === "H3") firstP.classList.add("following-h3");
if (subtitle.tagName === "H4") firstP.classList.add("following-h4");
});
// content.querySelectorAll("h5, h6").forEach(subtitle => {
// const nextSibling = subtitle.nextElementSibling;
// if (!nextSibling || nextSibling.tagName !== "P") return;
// if (subtitle.tagName === "H5") nextSibling.classList.add("following-h5");
// if (subtitle.tagName === "H6") nextSibling.classList.add("following-h6");
// });
content.querySelectorAll(".chapter-content").forEach(chapter => {
let pfirst = chapter.querySelector('p');
pfirst.classList.add("first-p");
@ -144,20 +142,20 @@ class subtitlesDecor extends Paged.Handler {
// container.appendChild(subtitle);
// });
pageElement.querySelectorAll("h6").forEach(h6 => {
if (h6.closest(".h6_container")) return;
const smallSizes = [1, 2, 3, 2, 1];
const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
const firstDecor = isLeft
? this.createDecor(symbol, smallSizes, "decor-h6_small", "decor-h6")
: this.createDecor(symbol, bigSizes, "decor-h6_big", "decor-h6");
const container = document.createElement("div");
container.className = "h6_container " + h6.className;
h6.className = "";
h6.parentNode.insertBefore(container, h6);
container.appendChild(firstDecor);
container.appendChild(h6);
});
// pageElement.querySelectorAll("h6").forEach(h6 => {
// if (h6.closest(".h6_container")) return;
// const smallSizes = [1, 2, 3, 2, 1];
// const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
// const firstDecor = isLeft
// ? this.createDecor(symbol, smallSizes, "decor-h6_small", "decor-h6")
// : this.createDecor(symbol, bigSizes, "decor-h6_big", "decor-h6");
// const container = document.createElement("div");
// container.className = "h6_container " + h6.className;
// h6.className = "";
// h6.parentNode.insertBefore(container, h6);
// container.appendChild(firstDecor);
// container.appendChild(h6);
// });
}