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

toc

Browse source
This commit is contained in:
Julie Blanc 2026-04-12 23:47:04 +02:00
parent 6a45e2bf36
commit 2cf88dffde
11 changed files with 177 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/css/chapter-header.css
View file

@ -8,15 +8,11 @@
}
.chapter-header .hgroup {
font-size: 22px;
font-size: var(--fs-title);
line-height: 1;
font-weight: normal;
position: relative;
top: calc(var(--baseline)*-0.25 - 2px);
/* margin-bottom: calc(var(--baseline)*3 + 13px); */
/*padding-right: calc(var(--unit)*2);*/
position: relative;
/* padding-left: 15px; */
}

8
assets/css/figures.css
View file

@ -9,13 +9,15 @@ figcaption{
}
figcaption::before{
content: "*";
font-family: var(--sign-family);
content: "(>)";
/* font-family: var(--sign-family); */
font-size: var(--fs-notes);
/* font-family: var(--sign-family);
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: var(--sign-baseline);
line-height: var(--sign-baseline); */
position: absolute;
left: 0;
}

15
assets/css/portfolio.css
View file

@ -146,10 +146,6 @@
#fig-iyo-bisseck-1{
break-before: right;
}
/* #fig-iyo-bisseck-3{
break-before: page;
} */
#fig-iyo-bisseck-3 img{
object-fit: contain;
@ -174,17 +170,6 @@ break-before: right;
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
/* #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{
break-before: page;
} */

110
assets/css/print.css
View file

@ -55,7 +55,6 @@
font-size: var(--font-size);
color: var(--sign-color);
font-family: var(--sign-family);
/*margin-left: -12px;*/
}
@ -166,11 +165,10 @@
@page:blank {
/* @top-left { content: none;}
@top-left { content: none;}
@top-left-corner { content: none;}
@top-right { content: none; }
@top-center { content: none;}
@bottom-center { content: none; } */
}
@ -254,121 +252,15 @@
[data-chapter="essai"]{
--sign-color: var(--blue);
page: essai;
break-before: right;
}
@page essai{
--sign-color: var(--blue);
}
[data-chapter="entretien"]{
--sign-color: var(--red);
page: entretien;
break-before: right;
}
@page entretien{
--sign-color: var(--red);
}
/* [data-chapter="portfolio"]{
--sign-color: var(--green);
--sign-color: rgb(117, 47, 47);
page: portfolio;
break-before: left;
}
@page portfolio{
--sign-color: var(--green);
--sign-color: white;
background-color: white;
} */
/* ------- TABLE OF CONTENTS --------- */
.toc{
break-before: left;
font-family: var(--fontTitle);
text-align: left;
font-size: var(--font-size);
page: toc;
}
@page toc{
margin-top: 10mm;
margin-bottom: 10mm;
@top-left { content: none;}
@top-left-corner { content: none;}
@top-right { content: none; }
@top-center { content: none;}
@bottom-center { content: none; }
@bottom-right-corner { content: none; }
}
.toc h2{
font-family: var(--fontTitle);
text-align: left;
font-size: var(--font-size);
margin-bottom: var(--baseline);
}
/* counters */
#list-toc-generated{
counter-reset: counterTocLevel1;
list-style: none;
overflow-x: visible !important;
}
#list-toc-generated .toc-element-level-1{
counter-increment: counterTocLevel1;
margin-bottom: calc(var(--baseline) * 1);
}
.toc-essai a span{
color: var(--blue);
}
.toc-entretien a span{
color: var(--red);
}
.toc-portfolio a span{
color: var(--green);
}
#list-toc-generated a{
display: block;
text-decoration: none;
margin-left: 70px;
width: calc(100% - 70px);
}
#list-toc-generated .toc-element a::before{
content: target-counter(attr(href), page);
position: absolute;
left:0;
text-align: left;
}
#list-toc-generated li span{
display: block;
text-transform: uppercase;
}
#list-toc-generated li span::before{
content: "//////// essai //////////////////////////////////////////";
display: block;
font-size: 0.8em;
white-space: nowrap;
}
#list-toc-generated .toc-element a span::after{
content: "— Auteur du texte";
display: block;
}

8
assets/css/running-page.css
View file

@ -110,10 +110,4 @@
content: none;
}
}
/* TEMP */
@page entretien{
--sign-color: var(--red);
}
}

143
assets/css/toc.css Normal file
View file

@ -0,0 +1,143 @@
/* ------- TABLE OF CONTENTS --------- */
.toc{
break-before: right;
font-family: var(--fontTitle);
text-align: left;
font-size: var(--font-size);
page: toc;
}
@page toc{
margin-top: 10mm;
margin-bottom: 10mm;
@top-left { content: none;}
@top-left-corner { content: none;}
@top-right { content: none; }
@top-center { content: none;}
@bottom-center { content: none; }
@bottom-right-corner { content: none; }
}
.toc h2{
font-size: var(--fs-title);
font-family: var(--fontTitle);
/* margin-left: calc(var(--unit)*1); */
text-align: center;
/* margin-bottom: calc(var(--baseline)*2); */
}
.toc h2::after{
content: "/ / / /";
display: block;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
max-width: 1ch;
margin-top: 0.5rem;
/* margin-bottom: 0.5rem; */
margin-inline: auto;
}
#list-toc-generated a{
display: block;
text-decoration: none;
margin-left: calc(var(--unit)*1);
width: calc(100% - var(--unit));
position: relative;
}
#list-toc-generated .toc-element a::before{
content: target-counter(attr(href), page);
position: absolute;
left: calc(var(--unit)*-1);
top: calc(var(--baseline)*1.5 + 1px);
text-align: left;
}
#list-toc-generated li .toc-title,
#list-toc-generated li .toc-author,
#list-toc-generated li .toc-type{
display: block;
}
#list-toc-generated li{
break-inside: avoid;
margin-bottom: calc(var(--baseline)*1);
}
#list-toc-generated li .toc-type{
margin-bottom: calc(var(--baseline)*0.5);
position: relative;
}
#list-toc-generated li .toc-title{
display: block;
text-transform: uppercase;
margin-bottom: calc(var(--baseline)*0.25);
}
.toc-type-symbole_before,
.toc-type-symbole_after{
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
}
.toc-type-symbole_before{
padding-left: 4px;
padding-right: 4px;
}
.toc-type .text{
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 0.9em;
}
.toc-type{
white-space: nowrap;
margin-left: calc(var(--unit)*-1);
}
.toc-type::before{
content: "////";
font-size: var(--sign-size);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
}
[data-toc-chapter="entretien"]::after,
[data-toc-chapter="portfolio"]::after{
content: " /////////////////";
left: -6px;
}
[data-toc-chapter="essai"]::after{
content: " ///////////////////";
left: -6px;
}
.toc-type::after{
font-size: var(--sign-size);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
position: relative;
}

1
assets/css/variables.css
View file

@ -20,6 +20,7 @@
--fs-nav: 11px;
--fs-subtitle: 16px;
--fs-notes: 11px;
--fs-title: 22px;
--red: #ff665e;
--green: #44d62c;