Commit 9aca277c authored by ludi's avatar ludi
Browse files

finetunette

parents 6ed27662 9e063912
......@@ -154,4 +154,11 @@ figcaption{
.production {
margin-top: 8pt;
text-indent: 0;
}
\ No newline at end of file
}
.inside {
visibility: hidden;
z-index: 1000;
}
/**
* Computation
*/
/* computes the edge size of the paper sheet, which is the sum of the bleed and
* the crop sizes */
@edge: @crop-size + @bleed;
/* Computes the size of the paper sheet */
@paper-width: @page-width + ( @edge * 2 );
@paper-height: @page-height + ( @edge * 2 );
/* EXTRA SPACE AROUND THE PAGE: BLEED + CROP */
// TODO: find a more appropriate name
/*@crop: @crop-size + @bleed;
*/
/* GEOMETRY OF THE PAPER SHEET */
/*@paper-width: @page-width + ( @crop * 2 );
@paper-height: @page-height + ( @crop * 2 );*/
/* SIZE OF SPREAD */
@spread: @page-width * 2;
/**
* DEFINITION OF THE PAPER SHEET
*/
@page {
size: @paper-width (@paper-height + 1);
margin: 0;
}
/**
* CANVAS
*/
@media all {
body {
margin: 0;
}
.paper {
width: @paper-width;
height: @paper-height;
box-sizing: border-box;
counter-increment: page-counter;
// To make sure that one paper sheet is not splitted into different pages in the PDF
page-break-inside: avoid;
page-break-after: always;
overflow: hidden;
/* Crop marks */
padding: @edge;
position: relative;
/* Crop marks */
background-image:
-webkit-linear-gradient(90deg, black 0, black 100%),
-webkit-linear-gradient(0deg, black 0, black 100%),
-webkit-linear-gradient(90deg, black 0, black 100%),
-webkit-linear-gradient(0deg, black 0, black 100%),
-webkit-linear-gradient(90deg, black 0, black 100%),
-webkit-linear-gradient(0deg, black 0, black 100%),
-webkit-linear-gradient(90deg, black 0, black 100%),
-webkit-linear-gradient(0deg, black 0, black 100%)
;
background-size:
@crop-size 1px,
1px @crop-size,
@crop-size 1px,
1px @crop-size,
@crop-size 1px,
1px @crop-size,
@crop-size 1px,
1px @crop-size
;
background-position:
left @edge,
@edge top,
right @edge,
(@paper-width - @edge) top,
right (@paper-height - @edge),
(@paper-width - @edge) bottom,
left (@paper-height - @edge),
@edge bottom
;
background-repeat: no-repeat;
}
/* Crop marks */
/* padding: @crop;
position: relative;
.crops {
width: @paper-width;
height: @paper-height;
position: absolute;
top: 0;
left: 0;
div {
border-style: solid;
border-color: black;
border-width: 0;
width: @crop;
height: @crop;
position: absolute;
box-sizing: border-box;
span {
width: @bleed;
height: @bleed;
background-color: white;
position: absolute;
}
}
.crop-top-left {
border-right-width: 1px;
border-bottom-width: 1px;
top: 0;
left: 0;
span { right: -1px; bottom: -1px;}
}
.crop-top-right {
border-left-width: 1px;
border-bottom-width: 1px;
top: 0;
right: 0;
span { left: -1px; bottom: -1px;}
}
.crop-bottom-right {
border-left-width: 1px;
border-top-width: 1px;
right: 0;
bottom: 0;
span { left: -1px; top: -1px;}
}
.crop-bottom-left {
border-right-width: 1px;
border-top-width: 1px;
left: 0;
bottom: 0;
span { right: -1px; top: -1px;}
}*/
}
.page {
width: @page-width;
height: @page-height;
position: relative;
box-sizing: border-box;
overflow: hidden;
}
// TODO: changer le format du papier en spread pour pouvoir imprimer en planche
/* .spread {
.paper {
float: left;
}
.paper:nth-child(odd) {
margin-left: -@crop;
}
.paper:nth-child(even) {
margin-right: -@crop;
}
.paper:first-child {
margin-left: @page-width;
}
}
.facing.spread {
.paper {
float: left;
}
.paper:nth-child(even) {
margin-left: -@crop;
}
.paper:nth-child(odd) {
margin-right: -@crop;
}
.paper:first-child {
margin-left: @page-width;
}
}
}*/
.spread .sheet { float: left; }
.spread:not(.facing) .sheet:nth-child(odd) { margin-left: -@edge; }
.spread:not(.facing) .sheet:nth-child(even) { margin-right: -@edge; }
.spread:not(.facing) .sheet:first-child { margin-left: @page-width; }
.spread.facing .sheet:nth-child(even) { margin-right: initial; margin-left: -@edge; }
.spread.facing .sheet:nth-child(odd) { margin-left: initial; margin-right: -@edge; }
.spread.facing .sheet:first-child { margin-left: 0; }
@media print {
html {
width: @paper-width;
}
body {
/* Allows printing of background colors */
background-color: white;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
/* Activate opentype features and kernings */
-webkit-font-feature-settings: "liga", "dlig", "clig", "kern";
text-rendering: optimizeLegibility;
}
}
/**
* Helpers
*/
.region-break {
/* Apply this class to an element to put it on a new region.
* Hint:
* You can also use an empty <div class="page-break"></div>
* if you want to put manual page breaks without attaching it to an HTML element
*/
-webkit-region-break-before: always;
break-before: always;
}
/* This file is part of HTML2print.
*
* HTML2print is free software: you can redistribute it and/or modify it under the
* terms of the GNU Affero General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option) any
* later version.
*
* HTML2print is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
* PARTICULAR PURPOSE. See the GNU Affero General Public License for more
* details.
*
* You should have received a copy of the GNU Affero General Public License along
* with HTML2print. If not, see <http://www.gnu.org/licenses/>.
*/
/* Computation
>>>>>>> d3e52f11c81b44186960ad29830fa153648e490e
*/
......@@ -32,6 +16,7 @@
*/
/* The @page CSS at-rule is used to define some properties of printed
>>>>>>> d3e52f11c81b44186960ad29830fa153648e490e
* documents. We make it the size of the elements with the .paper class and
* remove any margins so they don't add up with margins specifed in elements
* with the .page class (or it's children, like .header, .main and .footer)
......@@ -127,6 +112,7 @@
}
.spread .paper { float: left; }
.spread:not(.facing) .paper:nth-child(odd) { margin-left: -@edge; }
......@@ -199,8 +185,7 @@
}
}
/* Helpers
*/
.region-break {
/* Apply this class to an element to put it on a new region.
......
......@@ -74,12 +74,25 @@
}
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
left: 0;
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: -5mm;
z-index: 1000;
top: -5mm;
}
&:nth-child(even)[data-master="m-empty"] .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: 7mm;
z-index: 1000;
top: 7mm;
}
&:nth-child(odd) .header,
&:nth-child(odd) .body,
......@@ -97,12 +110,49 @@
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
right: 0;
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
margin-left: 145mm;
top: -5mm;
}
}
.normal .paper {
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
margin-left: 145mm;
top: -5mm;
}
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: -5mm;
z-index: 1000;
top: -5mm;
}
&:nth-child(odd)[data-master="m-empty"] .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 8mm;
height: 220mm;
position: absolute;
display: inline-block;
left: 7mm;
z-index: 1000;
top: 7mm;
}
}
.paper {
/* &:nth-child(odd) .header {
......@@ -122,15 +172,7 @@
text-align: right;
margin-bottom: 30pt
}
&:nth-child(odd) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
left: 0;
}
&:nth-child(even) .header,
&:nth-child(even) .body,
&:nth-child(even) .footer {
......@@ -144,15 +186,7 @@
text-align: left;
margin-bottom: 30pt
}
&:nth-child(even) .inside {
background: linear-gradient(#FFEE25, #CDDB3E, #7DBE66, #6EB86D, #F08F34, #E96732, #6C80BF, #E86031, #6AC3CB, #FFEE25);
width: 3mm;
height: 214mm;
position: absolute;
display: inline-block;
right: 0;
}
}
img {
......
......@@ -467,7 +467,7 @@ ReForm asbl </h2>
</div>
</section>
</article>
<article class="schedule__item schedule__item__interface has-shape non-spectacle" data-url="saison-21-22/les-balsatoiles.html" id="les-balsatoiles soutiens">
<article class="schedule__item schedule__item__interface has-shape non-spectacle soutiens" data-url="saison-21-22/les-balsatoiles.html" id="les-balsatoiles">
<section class="page-number-frame">
<div class="schedule__page-number"><p>p.76</p></div>
</section>
......
......@@ -76,7 +76,7 @@ Chorale van de Trinette -->
<dt>Rémi Faure</dt>
<dd>Ruptuur</dd>
<dt>Mercedes Dassy</dt>
<dd>Tourist</dd>
<dd>Touriste</dd>
<dt>Zoé Nève</dt>
<dd>Chorale van de Trinette</dt>
</dl>
......
......@@ -111,9 +111,9 @@
<li><span>Conseils en jonglerie et amitié</span> Eric&#xa0;Longequel</li>
<li><span>Diffusion</span> Chantal&#xa0;Heck – La&#xa0;chouette&#xa0;diffusion</li>
<li><span>Production</span> Scratch</li>
<li><span>Coproductions</span> Latitude 50 – Pôle des arts du cirque et de la rue, Centre Culturel du Brabant &nbsp; Wallon</li>
<li><span>Accueils en résidence</span> Espace Catastrophe – Centre International de Création des Arts du Cirque, Centre Culturel du Brabant Wallon, Latitude 50 – Pôle des arts du cirque et de la rue, Circus Centrum, Festival International des arts de la rue de Chassepierre, Centre Culturel du Wolubilis, Centre Culturel d’Ath – CAR, La Maison des Jonglages, Maison de la création, Petit théâtre de la grande vie, PERPLX, Lauréat CircusNext+ (Co-funded by the Erasmus+ Programme of the European Union), Subtopia, Cirqueon</li><br/>
<li><span>Soutiens</span> Wallonie-Bruxelles Théâtre-Danse, Fédération Wallonie-Bruxelles, Wallonie-Bruxelles International. Le projet a bénéficié du dispositif «&#x202F;écriture &nbsp;en campagne&#x202F;» (Latitude 50 – La Chaufferie-Acte1, la SACD et la SSA)</li>
<li><span>Coproductions</span> Latitude 50 – Pôle des arts du cirque et de la rue, Centre Culturel du Brabant Wallon</li>
<li><span>Accueils en résidence</span> Espace Catastrophe – </br>Centre International de Création des Arts du Cirque, Centre Culturel du</br>Brabant Wallon, Latitude 50 – Pôle des arts du cirque et de la rue, Circus Centrum, Festival International des arts de la rue de Chassepierre, Centre Culturel du Wolubilis, Centre Culturel d’Ath – CAR, La Maison des Jonglages, Maison de la création, Petit théâtre de la grande vie, PERPLX, Lauréat CircusNext+ (Co-funded by the Erasmus+ Programme of the European Union), Subtopia, Cirqueon</li>
<li><span>Soutiens</span> Wallonie-Bruxelles Théâtre-Danse, Fédération Wallonie-Bruxelles, Wallonie-Bruxelles International. Le projet a bénéficié du&nbsp;dispositif «&#x202F;écriture &nbsp;en campagne&#x202F;» (Latitude 50 – La Chaufferie-Acte1, la&nbsp;SACD et la SSA)</li>
</ol>
</section>
<section>
......@@ -137,6 +137,8 @@
<li><span>Diffusion</span> Espace&#xa0;Catastrophe</li>
<li><span>Soutiens</span> Espace Catastrophe – Centre International de Création des Arts du Cirque, Tout Mons Danse, Centre culturel Wolubilis et Les Fêtes Romanes</li>
</ol>
<figure class="image-trait"><img style="width:130%;margin-top:100px;margin-left:100px;" src="/../../content/images/dessin/trait/arbres.png"/></figure>
</section>
......@@ -262,7 +264,7 @@
</ol>
<p class="production">t.r.a.n.s.i.t.s.c.a.p.e est soutenu par la Fédération Wallonie-Bruxelles - Service de la danse, la Commune d’Ixelles et accompagné par le Grand Studio</p>
<figure class="image-trait"><img style="margin-top:300px; margin-left:150px;"src="/../../content/images/dessin/trait/fenetre.png"/><figcaption></figcaption></figure>
<figure class="image-trait"><img style="width:80%; margin-top:300px; margin-left:150px;"src="/../../content/images/dessin/trait/fenetre.png"/><figcaption></figcaption></figure>
</section>
......@@ -302,7 +304,7 @@
<li><span>Coproductions</span> Festival de Liège, Théâtre la Balsamine, La Coop asbl et ShelterProd</li>
<li><span>Soutiens</span> Fédération Wallonie-Bruxelles – Service du Théâtre, taxshelter.be, ING, le tax-shelter du gouvernement fédéral belge, Corridor, BAMP, Fabrique de Théâtre du Hainaut, Centre des Arts Scéniques, Centre des écritures dramatiques – résidence de Mariemont, Théâtre de l'L, La Zone, [e]Utopia – Armel&#xa0;Roussel, Ad Lib Diffusion, Théâtre Poème et Le Lac</li>
</ol>
<figure class="image-trait"><img src="/../../content/images/dessin/trait/tube.png"/><figcaption></figcaption></figure>
<figure class="image-trait"><img style="margin-top:130px; margin-left:90px;" src="/../../content/images/dessin/trait/rideau01.png"/><figcaption></figcaption></figure>
</section>
......@@ -353,7 +355,7 @@
</ol>
<figure id="ars-musica" style=""><img src="../../content/images/logos/arsmusica.jpg.svg"/></figure>
<figure class="image-trait"><img style="margin-top:130px;margin-left:270px;width:60%"src="/../../content/images/dessin/trait/rocher01.png"/><figcaption></figcaption></figure>
<figure class="image-trait"><img style="width:50%; margin-top:130px;margin-left:270px;"src="/../../content/images/dessin/trait/rocher01.png"/><figcaption></figcaption></figure>
</section>
......@@ -714,7 +716,7 @@
</ol>
<p class="production">Ce spectacle n’aurait pu avoir lieu sans le concours du Théâtre Océan Nord.</p>
<figure class="image-trait"><img style="width:70%; margin-top:250px;margin-left:90px;" src="/../../content/images/dessin/trait/chaise.png"/><figcaption></figcaption></figure>
<figure class="image-trait"><img style="width:60%; margin-top:250px;margin-left:90px;" src="/../../content/images/dessin/trait/chaise.png"/><figcaption></figcaption></figure>
</section>
......@@ -853,7 +855,7 @@
<li><span>Remerciement</span> La Coop asbl</li>
</ol>
<figure class="image-trait"><img style="margin-top:100px;margin-left:100px;width:130%" src="/../../content/images/dessin/trait/cerf-volant.png"/></figure>
<figure class="image-trait"><img style="width:130%;margin-top:100px;margin-left:100px;" src="/../../content/images/dessin/trait/cerf-volant.png"/></figure>
</section>
......@@ -892,7 +894,7 @@
<h3>Le 27 octobre</h3>
<h2>Calamity, une enfance de Martha Jane Cannary</h2>
<h3>de Rémi Chayé, France 2020</h3>
<h3>Le 24 novembre</h3>2
<h3>Le 24 novembre</h3>
<h2>Toy Story 4</h2>
<h3>de Josh Cooley, États-Unis 2019</h3>
......
......@@ -19,8 +19,8 @@
<!-- <div class="header"></div>
-->
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="body recipient"></div>
<div class="footer"></div>
......
......@@ -161,7 +161,7 @@ margin-bottom: 0 !important;
*/ background: pink;
}
#interfaceBalsa.list-display .schedule__list > #soutiens.schedule__item.non-spectacle::after{
#interfaceBalsa.list-display .schedule__list > .soutiens.schedule__item.non-spectacle::after{
/* height: 0;
*/ background: white;
......@@ -322,3 +322,8 @@ article#abri-ou-les-casanieres-de-lapocalypse.schedule__item.schedule__item__int
padding-top: 0;
margin-top: -20pt;
}*/
#page-1 .inside {
visibility: visible;
}
......@@ -17,8 +17,8 @@
<div id="master-page" class="paper master-page">
<div class="page">
<!-- <div class="header"></div> -->
<!-- <div class="inside"></div>
--> <div class="body recipient"></div>
<div class="inside"></div>
<div class="body recipient"></div>
<div class="footer"></div>
</div>
......
......@@ -260,4 +260,10 @@ figure#arsene50{
font-size: 7.5pt;
letter-spacing: 0.05em;
font-weight: bold;
}
\ No newline at end of file
}
#page-4 .inside,
#page-5 .inside,
#page-14 .inside {
visibility: visible;
}
......@@ -18,8 +18,10 @@
<!-- PAGES -->
<div id="pages">
<div id="m-image" class="master-page paper image">
<div id="m-image" class="master-page paper ">
<div class="page ">
<div class="inside"></div>
<div class="fond"></div>
<div class="footer"></div>
</div>
......@@ -27,8 +29,8 @@
<div id="m-first" class="master-page paper">
<div class="page">
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="image-forme"></div>
<div class="header-title"></div>
<div class="header-date"></div>
......@@ -42,8 +44,8 @@
</div>
<div id="m-first-festival" class="master-page paper festival">
<div class="page">
<!-- <div class="inside"></div>
--> <div class="header-title"></div>
<div class="inside"></div>
<div class="header-title"></div>
<div class="image-festival"></div>
<div class="header-date-detail"></div>
<div class="image-figcaption"></div>
......@@ -55,8 +57,8 @@
<div id="m-current" class="master-page paper">
<div class="page">
<!-- <div class="inside"></div>
--> <div class="image-extra-figcaption"></div>
<div class="inside"></div>
<div class="image-extra-figcaption"></div>
<div class="body content"></div>
<div class="footer"></div>
......@@ -64,8 +66,8 @@
</div>
<div id="m-empty-off" class="master-page paper">
<!-- <div class="inside"></div>
-->
<div class="inside"></div>
<div class="page">
<div class="footer"></div>
......@@ -77,6 +79,10 @@
-->
<div class="image-trait"></div>
<div class="inside"></div>
<div class="page">
<div class="footer"></div>