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

nouveaux tests

Browse source
This commit is contained in:
sarahgarcin1 2026-03-12 21:58:10 +01:00
parent ca50f33eb3
commit d736be631c
8 changed files with 149 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

159
assets/css/print.css
View file

@ -8,25 +8,21 @@
}
@page :left {
margin: 20mm 36mm 18mm 14mm;
margin: 12mm 36mm 18mm 14mm;
/* @top-left-corner {
content: counter(page);
font-size: 11pt;
text-align: center;
font-family: "Bilzig Trial";
}*/
@top-center{
/* @top-center{
font-family: var(--fontFamily);
content: "D6cor > essai";
font-size: 8pt;
color: var(--bleu);
text-align: left;
margin-top: 4mm;
/*text-align: center;*/
/*text-transform: uppercase;*/
/*width: 105%;*/
/*margin-left: 0%;*/
}
}*/
@bottom-left{
font-family: var(--fontFamily);
content: counter(page);
@ -35,24 +31,32 @@
margin-top:-5mm;
margin-left: 0mm;
}
@bottom-right{
font-family: var(--fontFamily);
content: "D6cor > essai";
font-size: 8pt;
color: var(--bleu);
text-align: left;
margin-top:-5mm;
}
}
@page :right {
margin: 20mm 14mm 18mm 36mm;
margin: 12mm 14mm 18mm 36mm;
/*@top-right-corner {
content: counter(page);
font-size: 7pt;
text-align: center;
font-family: var(--fontFamily);
}*/
@top-center{
/*@top-center{
content: string(chapter);
font-family: var(--fontFamily);
font-size: 8pt;
color: var(--bleu);
text-align: right;
margin-top: 4mm;
}
}*/
@bottom-right{
font-family: var(--fontFamily);
content: counter(page);
@ -61,6 +65,13 @@
margin-top:-5mm;
margin-right: 0mm;
}
@bottom-left{
content: string(chapter);
font-family: var(--fontFamily);
font-size: 8pt;
color: var(--bleu);
margin-top:-5mm;
}
}
.chapter{
@ -141,20 +152,82 @@
/* ---- INTERPAGES ------ */
.interpage figure{
height: calc(var(--pagedjs-height) - (var(--border) * 2)) !important;
margin-top: calc(var(--border) + 3mm);
margin-top: calc(var(--border) + 8mm);
margin-bottom: 0;
width: 100%;
}
/* ---- PAGE DE TITRE ------ */
/* --- test 1 font 1 taille typo */
.chapter-title{
page: chapterTitle;
display: flex;
flex-direction: column;
align-items: center;
page-break-before: always;
position: relative;
}
@page chapterTitle{
.chapter-title h2,
.chapter-title h3{
margin: 0;
font-size: var(--textSize);
/*text-align: center;*/
/*font-family: var(--fontTitle);*/
text-align: left;
}
.chapter-title h2:before{
content: "# # # # # # # # # # # # # # # # # # # # # # # # # # # # #";
display: block;
margin-bottom: 1rem;
}
.chapter-title h2:after{
content: "+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ";
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.chapter-title h3{
font-size: var(--fontSize);
text-transform: none;
font-weight: 500;
}
.chapter-title h3:after{
content: "⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ";
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.chapter-title .type{
position: absolute;
left: -2.2cm;
top: -1mm;
font-family: var(--fontTitle);
/*color: var(--bleu);*/
}
.chapter-title .type:before{
content: "[";
}
.chapter-title .type:after{
content: "]";
}
/* -- test mix ocr / jetbrains --- */
.test .chapter-title{
page-break-before: always;
margin-bottom: 2cm;
position: relative;
/*page: chapterTitle;*/
/* display: flex;
flex-direction: column;
align-items: center;*/
}
/* @page chapterTitle{
background: var(--bleu);
margin: 12mm 0mm;
@top-left-corner {content: none;}
@ -173,17 +246,40 @@
@bottom-center {content: none;}
@bottom-right {content: none;}
@bottom-right-corner {content: none;}
}*/
.test .chapter-title h2,
.test .chapter-title h3{
/* display: inline-block;
position: relative;*/
margin: 0;
font-size: 22pt;
/*text-align: center;*/
font-family: var(--fontTitle);
text-align: left;
}
.chapter-title h2,
.chapter-title h3,
.chapter-title p {
display: inline-block;
position: relative;
margin: 0;
color: #FFF;
font-size: var(--textSize);
text-align: center;
.test .chapter-title h3{
font-size: var(--fontSize);
margin-top: 2cm;
text-transform: none;
font-weight: 500;
}
.test .chapter-title .type{
position: absolute;
left: -2.2cm;
top: 1.5mm;
font-family: var(--fontTitle);
color: var(--bleu);
}
.test .chapter-title .type:before{
content: "[";
}
.test .chapter-title .type:after{
content: "]";
}
/* ascii-fill : pas de flex:1, hauteur fixée par JS */
@ -199,15 +295,14 @@
width: 100%;
}
.chapter-title,
/*.chapter-title,
.biographie {
font-family: var(--fontFamily);
color: #FFF;
text-align: center;
width: 90%;
margin: auto;
/*padding: 30px;*/
}
}*/
pre {
font-family: var(--fontFamily);
@ -298,9 +393,11 @@
/* ------- NOTES ------- */
.margin-note{
font-size: 8.5pt;
font-size: 8pt;
line-height: 1.41;
font-family: "Bilzig Trial";
font-family: var(--fontNotes);
/*font-weight: 400;*/
/*font-family: "Bilzig Trial";*/
color: var(--bleu);
text-align: left;
position: relative !important;

5
assets/css/variables.css
View file

@ -2,7 +2,10 @@
--margin: 1em;
--fontFamily: "JetBrains Mono NL";
--textSize: 9pt;
/*--fontFamily: "Hershey-Noailles-Futura";*/
--fontNotes: "Hershey-Noailles-Times";
--fontTitle: "OCR-X Trial";
--textSize: 9.5pt;
--ratio : auto;
--rouge: #ff665e;

2
assets/js/handlers.js
View file

@ -183,4 +183,4 @@ class asciiTextFill extends Paged.Handler {
}
}
Paged.registerHandlers(asciiTextFill);
// Paged.registerHandlers(asciiTextFill);

2
assets/pagedjs/interface.css
View file

@ -42,7 +42,7 @@ A simple stylesheet to see pages on screen (with baseline included) */
.pagedjs_page {
background-color: var(--color-paper);
box-shadow: 0 0 0 1px var(--color-pageSheet);
box-shadow: -2px 0 8px 1px grey;
margin: 0;
flex-shrink: 0;
flex-grow: 0;

2
content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/chapitre.txt
View file

@ -10,7 +10,7 @@ Typeof: essai
----
Cover: - file://yb91zmu1609ukju5
Cover: - file://jrcivfyybiruobcm
----

BIN
content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/dither-ascii-pro-1773069189586.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 MiB

13
content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/dither-ascii-pro-1773069189586.png.txt Normal file
View file

@ -0,0 +1,13 @@
Caption:
----
Alt:
----
Sort: 3
----
Uuid: jrcivfyybiruobcm

11
site/templates/print.php
View file

@ -27,18 +27,9 @@
</div>
<?php endif;?>
<div class="chapter-title">
<div class="ascii-fill fill-top"></div>
<p class="type"><?= $chapitre->typeof()?></p>
<h2><?= $chapitre->title()->html()->smartypants() ?></h2>
<h3><?= $chapitre->author()->html()->smartypants() ?></h3>
<div class="ascii-fill fill-mid"></div>
<div class="biographie">
<p>Biographie Nus adit pressit et rem dolor ratibus. Ut atem et res ab id ut est lit, iscia cum que am verum sapici dolestorpora placeat laborit asinctate omnihilis aspelen dicatusam voluptae eum ipsandit undempos aut et laceptati omniminveris quam sim qui corem harum qui invenihita volorer sperumquas el mi, tectota tesequu ntioneserit, corem qui as earchit ipis di cum litios pro conse perspel ipsae eturi unt, sundae enimus aut ut endero cumquam faccatem duci quo quatqua meturion event fuga. Et volore videndia solorro runtis doluptas rem netum aborporaepro te quos raes at. Haritas sim quam, soluptate venem quam, earum vendunte omnisi ad endebisqui opta vel magnam conseditas eicia ditibearum rem explabo.</p>
</div>
<div class="ascii-fill fill-bottom"></div>
</div>
<div class="chapter-content">