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

add Teletext

Browse source
This commit is contained in:
Julie Blanc 2026-03-16 21:28:54 +01:00
parent 1783105175
commit 9344129a9f
11 changed files with 190 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

11
maquette-tests/assets/css/03_layout.css
View file

@ -143,19 +143,8 @@
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
@top-right {
content: none;
}
}
@page:blank {
@top-left {
content: none;

113
maquette-tests/assets/css/chapter-header.css
View file

@ -1,15 +1,120 @@
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
/* background-color: var(--blue); */
/* color: white!important; */
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
/* color: white; */
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
.chapter-header {
position: relative;
/* font-family: var(--font-title); */
font-size: 36px;
line-height: 1;
break-after: page;
/* break-after: page; */
}
.chapter-header .hgroup{
/* font-family: 'Routed Gothic Wide'; */
font-size: 22px;
line-height: 1;
font-weight: normal;
/* text-align: center; */
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*4);
margin-right: calc(var(--unit)*2);
}
.chapter-header .type{
color: var(--blue);
font-family: 'Teletext';
font-weight: 200;
/* font-size: 22px; */
line-height: 1;
font-weight: normal;
text-transform: uppercase;
/* text-decoration: underline;
text-underline-offset: 2px; */
}
.chapter-header .type::before{
display: none;
}
.chapter-header .hgroup h2{
font-weight: normal;
font-size: 1em;
display: inline;
line-height: 1.3;
box-sizing: border-box;
font-family: 'Teletext';
font-weight: 200;
text-align: center;
/* text-transform: uppercase; */
}
.chapter-header .hgroup h2 span{
color: white;
padding-left: 0.25ch;
padding-right: 0.25ch;
box-decoration-break: clone;
background-color: var(--blue);
padding: 2px 0.25ch;
/* background: linear-gradient(var(--blue), var(--blue)) center / 100% 70% no-repeat; */
text-transform: uppercase;
}
.chapter-header .author{
font-family: 'Teletext';
font-weight: 200;
color: var(--blue);
margin-top: calc(var(--baseline)*1);
text-transform: uppercase;
}
.chapter-header .hgroup h2::after{
/* content: "| | | | | ";
font-size: var(--sign-size);
color: var(--blue);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
display: block;
width: 1ch;
text-align: center;
margin-left: calc(var(--unit)*0.5); */
}
.chapter-header .author::before{
display: none;
}
.chapter-header .bio{
display: none;

67
maquette-tests/assets/css/text.css
View file

@ -1,4 +1,4 @@
.chapter p{
.chapter p {
text-align: justify;
hyphens: auto;
hyphenate-limit-chars: 8 3;
@ -6,62 +6,61 @@
orphans: 2;
hyphens: 2;
}
p::before{
content: "...........";
p::before {
content: "...........";
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
position: relative;
top: -3px;
padding-right: 8px;
/* position: absolute;
left: 0; */
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
position: relative;
top: -3px;
padding-right: 8px;
}
.following-h3::before{
display: none!important;
.following-h3::before {
display: none !important;
}
.bibliographie p{
font-size: var(--fs-notes);
/* BILBIOGRAPHIE */
.bibliographie p {
font-size: var(--fs-notes);
line-height: 14px;
font-weight: 500;
text-align: left;
padding-left: calc(var(--unit)*2);
text-indent: calc(var(--unit)*-0.75);
break-inside: avoid;
}
.bibliographie p::before{
content: ".......";
.bibliographie p::before {
content: "......";
position: absolute;
left: calc(var(--unit)*0.75);
left: calc(var(--unit)*0.75 + 16px);
top: -6px;
display: block!important;
display: block !important;
}
/* .chapter > :first-child{
margin-top: 0px;
}
*/
.bibliographie p::after {
content: "+";
position: absolute;
left: calc(var(--unit)*0.75);
top: -2px;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
}