diff --git a/maquette-tests/assets/css/base/_body.scss b/maquette-tests/assets/css/base/_body.scss
index 3bb5dbb..07aa304 100644
--- a/maquette-tests/assets/css/base/_body.scss
+++ b/maquette-tests/assets/css/base/_body.scss
@@ -16,8 +16,8 @@ a {
// }
body {
- --font-size: 11px;
- --baseline: 18px;
+ --font-size: 12px;
+ --baseline: 17px;
font-family: var(--font);
font-size: var(--font-size);
line-height: var(--baseline);
diff --git a/maquette-tests/assets/css/base/_layout.scss b/maquette-tests/assets/css/base/_layout.scss
index fcd0f5c..a99b44d 100644
--- a/maquette-tests/assets/css/base/_layout.scss
+++ b/maquette-tests/assets/css/base/_layout.scss
@@ -1,9 +1,19 @@
+@mixin running(){
+ font-family: var(--mono);
+ font-size: 10px;
+}
+
+
+
+
@media print{
@page {
size: 165mm 240mm;
margin-top: 10mm;
margin-bottom: 20mm;
+ bleed: 6mm;
+ marks: crop;
}
@@ -12,34 +22,33 @@
margin-right: 30mm;
@bottom-left-corner{
content: counter(page);
- font-family: var(--mono);
- font-size: 14px;
+ @include running();
+
text-align: left;
padding-left: 10mm;
}
@bottom-left {
content: string(author);
- font-family: var(--mono);
+ @include running();
}
@bottom-center {
content: string(type);
- font-family: var(--mono);
+ @include running();
}
}
@page:right{
- margin-left: 40mm;
- margin-right: 25mm;
+ margin-left: 30mm;
+ margin-right: 35mm;
@bottom-right-corner{
content: counter(page);
- font-family: var(--mono);
- font-size: 14px;
+ @include running();
text-align: right;
padding-right: 10mm;
}
@bottom-left {
content: string(title);
- font-family: var(--mono);
+ @include running();
}
}
diff --git a/maquette-tests/assets/css/base/_type-specimen.scss b/maquette-tests/assets/css/base/_type-specimen.scss
index 6220fa3..7087163 100644
--- a/maquette-tests/assets/css/base/_type-specimen.scss
+++ b/maquette-tests/assets/css/base/_type-specimen.scss
@@ -62,6 +62,12 @@
font-weight: 300!important;
font-style: normal;
}
+
+ .title-uppercase{
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.01rem;
+ }
}
@@ -110,8 +116,19 @@
}
}
-
-[data-type="h-noailles-times-duplex"]{
-
+[data-type="routed-gothic"],
+[data-type="routed-gothic-narrow"],
+[data-type="routed-gothic-wide"]{
+ .title-bold{
+ font-weight: normal!important;
+ }
}
+
+[data-type="cheltenham-light"]{
+ .title, p{
+ font-weight: 200!important;
+ }
+
+
+}
\ No newline at end of file
diff --git a/maquette-tests/assets/css/base/_type.scss b/maquette-tests/assets/css/base/_type.scss
index b69f038..3b3f01a 100644
--- a/maquette-tests/assets/css/base/_type.scss
+++ b/maquette-tests/assets/css/base/_type.scss
@@ -103,4 +103,30 @@
}
[data-type="wagram-mono-slab"]{
font-family: 'Wagram Mono Slab', monospace;
-}
\ No newline at end of file
+}
+
+[data-type="routed-gothic-wide"]{
+ font-family: 'Routed Gothic Wide', sans-serif;
+}
+
+[data-type="routed-gothic"]{
+ font-family: 'Routed Gothic', sans-serif;
+}
+
+
+[data-type="routed-gothic-narrow"]{
+ font-family: 'Routed Gothic Narrow', sans-serif;
+}
+
+[data-type="cheltenham"]{
+ font-family: 'ITC Cheltenham', serif;
+}
+
+
+[data-type="cheltenham-light"]{
+ font-family: 'ITC Cheltenham', serif;
+ font-weight: 200;
+
+}
+
+
diff --git a/maquette-tests/assets/css/base/_var.scss b/maquette-tests/assets/css/base/_var.scss
index 07a5485..07ae9c3 100644
--- a/maquette-tests/assets/css/base/_var.scss
+++ b/maquette-tests/assets/css/base/_var.scss
@@ -4,7 +4,7 @@
// --font: 'HAL Timezone', serif;
--mono: 'Selectric Mono', monospace;
// --mono: 'HAL Timezone Mono', monospace;
- --note: 'HNoailles Times Triplex', serif;
+ --note: 'Routed Gothic', serif;
--red: #9B0000;
--green:#009B00;
@@ -12,8 +12,7 @@
--blue: #00009B;
--red: black;
- --green:#009B00;
- --green-light:#009b0025;
+ --green:black;
--blue: black;
}
\ No newline at end of file
diff --git a/maquette-tests/assets/css/modules/_chapter-header.scss b/maquette-tests/assets/css/modules/_chapter-header.scss
index 1e71cde..2523fba 100644
--- a/maquette-tests/assets/css/modules/_chapter-header.scss
+++ b/maquette-tests/assets/css/modules/_chapter-header.scss
@@ -20,9 +20,10 @@
font-size: 38px;
line-height: 1;
font-family: var(--note);
- color: var(--blue);
- margin-bottom: calc(var(--baseline)*1);
- text-align: center;
+ color: var(--blue);
+ margin-bottom: calc(var(--baseline)*1);
+ text-align: center;
+ font-weight: normal;
}
@@ -52,7 +53,7 @@ margin-top: calc(var(--baseline)*1);
font-size: 38px;
line-height: 1;
font-family: var(--note);
- font-weight: bold;
+ font-weight: normal;
text-align: center;
// color: var(--green);
}
diff --git a/maquette-tests/assets/css/modules/_item-decor.scss b/maquette-tests/assets/css/modules/_item-decor.scss
new file mode 100644
index 0000000..baf20b5
--- /dev/null
+++ b/maquette-tests/assets/css/modules/_item-decor.scss
@@ -0,0 +1,16 @@
+
+.item-decor{
+ font-family: var(--font);
+ font-weight: 400;
+ font-size: 12px;
+ position: absolute;
+ color: var(--green);
+}
+
+.pagedjs_left_page .item-decor{
+ left: -26mm;
+}
+
+.pagedjs_right_page .item-decor{
+ right: -26mm;
+}
\ No newline at end of file
diff --git a/maquette-tests/assets/css/modules/_notes.scss b/maquette-tests/assets/css/modules/_notes.scss
new file mode 100644
index 0000000..ca5f597
--- /dev/null
+++ b/maquette-tests/assets/css/modules/_notes.scss
@@ -0,0 +1,45 @@
+.inline-note{
+ color: var(--green);
+ // break-inside: avoid;
+
+ float: left;
+ clear: both;
+ width: 46mm;
+ text-align: left;
+ hyphens: none;
+
+ margin-right: 1ch;
+ margin-right: -20mm;
+ position: relative;
+ left: -25mm;
+ text-align: right;
+
+ font-family: var(--note);
+ font-size: 9.5px;
+ line-height: 1.2;
+
+ .body_note{
+ padding-top: 5px;
+ }
+
+
+
+}
+.pagedjs_floatnote_marker,
+.pagedjs_floatnote_call{
+ color: var(--green);
+ // font-weight: bold;
+ padding-left: 0.25ch;
+ line-height: 0;
+ font-size: 9px;
+ // font-family: var(--font);
+}
+
+
+.pagedjs_floatnote_marker{
+ // float: left;
+ // position: absolute;
+ // left: 0px;
+ // display: block;
+ text-align: left;
+}
diff --git a/maquette-tests/assets/css/modules/_text.scss b/maquette-tests/assets/css/modules/_text.scss
index 0abc9bb..f1709ff 100644
--- a/maquette-tests/assets/css/modules/_text.scss
+++ b/maquette-tests/assets/css/modules/_text.scss
@@ -21,6 +21,7 @@
p + p{
left: 14mm;
+ text-indent: 7mm;
// &::before{
// left: -19mm;
// }
@@ -33,50 +34,6 @@ p + p + p{
// }
}
-.inline-note{
- color: var(--green);
- // break-inside: avoid;
-
- float: left;
- clear: both;
- width: 50mm;
- text-align: left;
- hyphens: none;
- // font-size: 9px;
- // line-height: calc(var(--bseline)*0.75);
-
- // padding-top: calc(var(--baseline)*0.5);
- // padding-bottom: calc(var(--baseline)*0.5);
- margin-right: 1ch;
- margin-right: -20mm;
- position: relative;
- left: -25mm;
- text-align: right;
-
- font-family: var(--note);
- line-height: 1.2;
-
-
-
-}
-.pagedjs_floatnote_marker,
-.pagedjs_floatnote_call{
- color: var(--green);
- font-weight: bold;
- padding-left: 0.25ch;
- line-height: 0;
- font-size: 9px;
- font-family: var(--font);
-}
-
-
-.pagedjs_floatnote_marker{
- // float: left;
- // position: absolute;
- // left: 0px;
- // display: block;
- text-align: left;
-}
h3{
@@ -170,19 +127,3 @@ blockquote{
.pagedjs_area{
position: relative;
}
-
-.item-decor{
- font-family: var(--font);
- font-weight: 400;
- font-size: 12px;
- position: absolute;
- color: var(--green);
-}
-
-.pagedjs_left_page .item-decor{
- left: -30mm;
-}
-
-.pagedjs_right_page .item-decor{
- right: -20mm;
-}
\ No newline at end of file
diff --git a/maquette-tests/assets/css/style.css b/maquette-tests/assets/css/style.css
index 0544b63..f6cf000 100644
--- a/maquette-tests/assets/css/style.css
+++ b/maquette-tests/assets/css/style.css
@@ -2,16 +2,15 @@
@import url("https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
:root {
- --font: 'Wagram Slab', serif;
- --mono: 'Selectric Mono', monospace;
- --note: 'HNoailles Times Triplex', serif;
+ --font: "Wagram Slab", serif;
+ --mono: "Selectric Mono", monospace;
+ --note: "Routed Gothic", serif;
--red: #9B0000;
--green:#009B00;
--green-light:#009b0025;
--blue: #00009B;
--red: black;
- --green:#009B00;
- --green-light:#009b0025;
+ --green:black;
--blue: black;
}
@@ -29,8 +28,8 @@ a {
}
body {
- --font-size: 11px;
- --baseline: 18px;
+ --font-size: 12px;
+ --baseline: 17px;
font-family: var(--font);
font-size: var(--font-size);
line-height: var(--baseline);
@@ -41,6 +40,8 @@ body {
size: 165mm 240mm;
margin-top: 10mm;
margin-bottom: 20mm;
+ bleed: 6mm;
+ marks: crop;
}
@page :left {
margin-left: 35mm;
@@ -48,32 +49,35 @@ body {
@bottom-left-corner {
content: counter(page);
font-family: var(--mono);
- font-size: 14px;
+ font-size: 10px;
text-align: left;
padding-left: 10mm;
}
@bottom-left {
content: string(author);
font-family: var(--mono);
+ font-size: 10px;
}
@bottom-center {
content: string(type);
font-family: var(--mono);
+ font-size: 10px;
}
}
@page :right {
- margin-left: 40mm;
- margin-right: 25mm;
+ margin-left: 30mm;
+ margin-right: 35mm;
@bottom-right-corner {
content: counter(page);
font-family: var(--mono);
- font-size: 14px;
+ font-size: 10px;
text-align: right;
padding-right: 10mm;
}
@bottom-left {
content: string(title);
font-family: var(--mono);
+ font-size: 10px;
}
}
/*p{
@@ -188,6 +192,27 @@ body {
font-family: "Wagram Mono Slab", monospace;
}
+[data-type=routed-gothic-wide] {
+ font-family: "Routed Gothic Wide", sans-serif;
+}
+
+[data-type=routed-gothic] {
+ font-family: "Routed Gothic", sans-serif;
+}
+
+[data-type=routed-gothic-narrow] {
+ font-family: "Routed Gothic Narrow", sans-serif;
+}
+
+[data-type=cheltenham] {
+ font-family: "ITC Cheltenham", serif;
+}
+
+[data-type=cheltenham-light] {
+ font-family: "ITC Cheltenham", serif;
+ font-weight: 200;
+}
+
#type-specimen {
background-color: #cfcfcf;
}
@@ -210,7 +235,8 @@ body {
}
#type-specimen p:first-of-type {
text-align: justify;
- hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
margin-bottom: 1em;
}
#type-specimen p {
@@ -239,6 +265,11 @@ body {
font-weight: 300 !important;
font-style: normal;
}
+#type-specimen .title-uppercase {
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: 0.01rem;
+}
[data-type=ovo] .title {
font-weight: normal;
@@ -268,45 +299,30 @@ body {
font-style: italic;
}
+[data-type=routed-gothic] .title-bold,
+[data-type=routed-gothic-narrow] .title-bold,
+[data-type=routed-gothic-wide] .title-bold {
+ font-weight: normal !important;
+}
+
+[data-type=cheltenham-light] .title, [data-type=cheltenham-light] p {
+ font-weight: 200 !important;
+}
+
.chapter p {
text-align: justify;
- hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
position: relative;
color: var(--blue);
}
.chapter p + p {
left: 14mm;
+ text-indent: 7mm;
}
.chapter p + p + p {
left: 7mm;
}
-.chapter .inline-note {
- color: var(--green);
- float: left;
- clear: both;
- width: 50mm;
- text-align: left;
- hyphens: none;
- margin-right: 1ch;
- margin-right: -20mm;
- position: relative;
- left: -25mm;
- text-align: right;
- font-family: var(--note);
- line-height: 1.2;
-}
-.chapter .pagedjs_floatnote_marker,
-.chapter .pagedjs_floatnote_call {
- color: var(--green);
- font-weight: bold;
- padding-left: 0.25ch;
- line-height: 0;
- font-size: 9px;
- font-family: var(--font);
-}
-.chapter .pagedjs_floatnote_marker {
- text-align: left;
-}
.chapter h3 {
margin-top: calc(var(--baseline) * 1.5);
margin-bottom: calc(var(--baseline) * 0.5);
@@ -336,20 +352,37 @@ body {
position: relative;
}
-.item-decor {
- font-family: var(--font);
- font-weight: 400;
- font-size: 12px;
- position: absolute;
+.inline-note {
color: var(--green);
+ float: left;
+ clear: both;
+ width: 46mm;
+ text-align: left;
+ -webkit-hyphens: none;
+ hyphens: none;
+ margin-right: 1ch;
+ margin-right: -20mm;
+ position: relative;
+ left: -25mm;
+ text-align: right;
+ font-family: var(--note);
+ font-size: 9.5px;
+ line-height: 1.2;
+}
+.inline-note .body_note {
+ padding-top: 5px;
}
-.pagedjs_left_page .item-decor {
- left: -30mm;
+.pagedjs_floatnote_marker,
+.pagedjs_floatnote_call {
+ color: var(--green);
+ padding-left: 0.25ch;
+ line-height: 0;
+ font-size: 9px;
}
-.pagedjs_right_page .item-decor {
- right: -20mm;
+.pagedjs_floatnote_marker {
+ text-align: left;
}
.chapter-header {
@@ -375,6 +408,7 @@ body {
color: var(--blue);
margin-bottom: calc(var(--baseline) * 1);
text-align: center;
+ font-weight: normal;
}
.chapter-header .type {
@@ -384,7 +418,8 @@ body {
.chapter-header .type,
.chapter-header .bio {
font-family: var(--mono);
- hyphens: none;
+ -webkit-hyphens: none;
+ hyphens: none;
font-size: 9px;
line-height: 1.2;
left: 0px !important;
@@ -400,6 +435,22 @@ body {
font-size: 38px;
line-height: 1;
font-family: var(--note);
- font-weight: bold;
+ font-weight: normal;
text-align: center;
+}
+
+.item-decor {
+ font-family: var(--font);
+ font-weight: 400;
+ font-size: 12px;
+ position: absolute;
+ color: var(--green);
+}
+
+.pagedjs_left_page .item-decor {
+ left: -26mm;
+}
+
+.pagedjs_right_page .item-decor {
+ right: -26mm;
}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/maquette-tests/assets/css/style.css.map b/maquette-tests/assets/css/style.css.map
index 94907c1..4530196 100644
--- a/maquette-tests/assets/css/style.css.map
+++ b/maquette-tests/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_chapter-header.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_notes.scss","modules/_chapter-header.scss","modules/_item-decor.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/maquette-tests/assets/css/style.scss b/maquette-tests/assets/css/style.scss
index 5a7196a..81f02e8 100644
--- a/maquette-tests/assets/css/style.scss
+++ b/maquette-tests/assets/css/style.scss
@@ -6,4 +6,6 @@
@use "base/type-specimen";
@use "modules/text";
-@use "modules/chapter-header";
\ No newline at end of file
+@use "modules/notes";
+@use "modules/chapter-header";
+@use "modules/item-decor";
\ No newline at end of file
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff
new file mode 100644
index 0000000..5710dca
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff
new file mode 100644
index 0000000..6c087da
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff
new file mode 100644
index 0000000..d2e9be6
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff
new file mode 100644
index 0000000..8d2a9bb
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff
new file mode 100644
index 0000000..63de736
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff
new file mode 100644
index 0000000..d71b38c
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff
new file mode 100644
index 0000000..47cd85f
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff
new file mode 100644
index 0000000..dfc37ae
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff
new file mode 100644
index 0000000..954aef0
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff
new file mode 100644
index 0000000..0b2177a
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff
new file mode 100644
index 0000000..9b0ea71
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff
new file mode 100644
index 0000000..051abca
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff
new file mode 100644
index 0000000..722ce61
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff
new file mode 100644
index 0000000..16cd908
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff
new file mode 100644
index 0000000..a2ac30a
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff
new file mode 100644
index 0000000..8a4fcf0
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff
new file mode 100644
index 0000000..9ce13ae
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff
new file mode 100644
index 0000000..eea13d8
Binary files /dev/null and b/maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff differ
diff --git a/maquette-tests/assets/fonts/ITCCheltenham/style.css b/maquette-tests/assets/fonts/ITCCheltenham/style.css
new file mode 100644
index 0000000..cdf075f
--- /dev/null
+++ b/maquette-tests/assets/fonts/ITCCheltenham/style.css
@@ -0,0 +1,155 @@
+/* #### Generated By: http://font.download #### */
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-style: normal;
+ font-weight: normal;
+ src: local('ITC Cheltenham Book'), url('CheltenhamStdBook.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-style: italic;
+ font-weight: normal;
+ src: local('ITC Cheltenham Book Italic'), url('CheltenhamStdBookItalic.woff') format('woff');
+}
+
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 200;
+ font-style: normal;
+ src: local('ITC Cheltenham'), url('CheltenhamStdLight.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 200;
+ font-style: italic;
+ src: local('ITC Cheltenham Light Italic'), url('CheltenhamStdLightItalic.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 600;
+ font-style: normal;
+ src: local('ITC Cheltenham Bold'), url('CheltenhamStdBold.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 600;
+ font-style: Italic;
+ src: local('ITC Cheltenham Bold Italic'), url('CheltenhamStdBoldItalic.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 800;
+ font-style: normal;
+ src: local('ITC Cheltenham Ultra'), url('CheltenhamStdUltra.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham';
+ font-weight: 800;
+ font-style: italic;
+ src: local('ITC Cheltenham Ultra Italic'), url('CheltenhamStdUltraItalic.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Handtooled';
+ font-style: normal;
+ font-weight: normal;
+ src: local('ITC Cheltenham Handtooled Std Bold'), url('CheltenhamStdHdtooledBold.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Handtooled';
+ font-style: italic;
+ font-weight: normal;
+ src: local('ITC Cheltenham Handtooled Std Bold Italic'), url('CheltenhamStdHdtooledBdIt.woff') format('woff');
+}
+
+/* Condensed */
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: 200;
+ font-style: normal;
+ src: local('ITC Cheltenham Light Condensed'), url('CheltenhamStdLightCond.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: 200;
+ font-style: italic;
+ src: local('ITC Cheltenham Light Condensed Italic'), url('CheltenhamStdLightCondIt.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: normal;
+ font-weight: normal;
+ src: local('ITC Cheltenham Book Condensed'), url('CheltenhamStdBookCond.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: normal;
+ font-style: italic;
+ src: local('ITC Cheltenham Book Condensed Italic'), url('CheltenhamStdBookCondIt.woff') format('woff');
+}
+
+
+
+
+
+
+
+
+@font-face {
+ font-family: 'ITC CheltenhamCondensed';
+ font-weight: 600;
+ font-style: normal;
+ src: local('ITC Cheltenham Bold Condensed'), url('CheltenhamStdBoldCond.woff') format('woff');
+}
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: 600;
+ font-style: italic;
+ src: local('ITC Cheltenham Bold Condensed Italic'), url('CheltenhamStdBoldCondIt.woff') format('woff');
+}
+
+
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: 800;
+ font-style: italic;
+ src: local('ITC Cheltenham Ultra Condensed Italic'), url('CheltenhamStdUltraCondIt.woff') format('woff');
+}
+
+
+
+
+@font-face {
+ font-family: 'ITC Cheltenham Condensed';
+ font-weight: 800;
+ font-style: normal;
+ src: local('ITC Cheltenham Ultra Condensed'), url('CheltenhamStdUltraCond.woff') format('woff');
+}
\ No newline at end of file
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff
new file mode 100644
index 0000000..c23e401
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2
new file mode 100644
index 0000000..4f2c254
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff
new file mode 100644
index 0000000..ab0fe7a
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2
new file mode 100644
index 0000000..d1cd334
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff
new file mode 100644
index 0000000..833dd0e
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2
new file mode 100644
index 0000000..7f4d07b
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff
new file mode 100644
index 0000000..fa0723d
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2
new file mode 100644
index 0000000..3a02aaf
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff
new file mode 100644
index 0000000..36eb692
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2
new file mode 100644
index 0000000..003181e
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff
new file mode 100644
index 0000000..733c7c0
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2
new file mode 100644
index 0000000..3988b38
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff
new file mode 100644
index 0000000..05ba6a3
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2
new file mode 100644
index 0000000..64c4e34
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff
new file mode 100644
index 0000000..fc6a3e0
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2
new file mode 100644
index 0000000..e95c8bc
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff
new file mode 100644
index 0000000..35eb2ad
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2
new file mode 100644
index 0000000..91a69c3
Binary files /dev/null and b/maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 differ
diff --git a/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css b/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css
new file mode 100644
index 0000000..8b12fd2
--- /dev/null
+++ b/maquette-tests/assets/fonts/RoutedGothic/stylesheet.css
@@ -0,0 +1,89 @@
+@font-face {
+ font-family: 'Routed Gothic';
+ src: url('RoutedGothic.woff2') format('woff2'),
+ url('RoutedGothic.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+
+
+/* @font-face {
+ font-family: 'Routed Gothic Half';
+ src: url('RoutedGothic-Half-Italic.woff2') format('woff2'),
+ url('RoutedGothic-Half-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+} */
+
+
+@font-face {
+ font-family: 'Routed Gothic';
+ src: url('RoutedGothic-Italic.woff2') format('woff2'),
+ url('RoutedGothic-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Routed Gothic Narrow';
+ src: url('RoutedGothicNarrow-Italic.woff2') format('woff2'),
+ url('RoutedGothicNarrow-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+}
+
+/* @font-face {
+ font-family: 'Routed Gothic Narrow Half';
+ src: url('RoutedGothicNarrow-Half-Italic.woff2') format('woff2'),
+ url('RoutedGothicNarrow-Half-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+} */
+
+
+@font-face {
+ font-family: 'Routed Gothic Narrow';
+ src: url('RoutedGothicNarrow.woff2') format('woff2'),
+ url('RoutedGothicNarrow.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+
+
+@font-face {
+ font-family: 'Routed Gothic Wide';
+ src: url('RoutedGothicWide.woff2') format('woff2'),
+ url('RoutedGothicWide.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+
+
+@font-face {
+ font-family: 'Routed Gothic Wide';
+ src: url('RoutedGothicWide-Half-Italic.woff2') format('woff2'),
+ url('RoutedGothicWide-Half-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+}
+
+/* @font-face {
+ font-family: 'Routed Gothic Wide';
+ src: url('RoutedGothicWide-Italic.woff2') format('woff2'),
+ url('RoutedGothicWide-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+} */
+
diff --git a/maquette-tests/index.html b/maquette-tests/index.html
index 2b07942..84c5d74 100644
--- a/maquette-tests/index.html
+++ b/maquette-tests/index.html
@@ -10,7 +10,9 @@
-
+
+
+
diff --git a/maquette-tests/journal.md b/maquette-tests/journal.md
index db57a56..b31af0f 100644
--- a/maquette-tests/journal.md
+++ b/maquette-tests/journal.md
@@ -11,7 +11,10 @@ Ajout de la prise en compte des sections pour inline note (modifier le plugin cs
### Fonts
-https://lineto.com/typefaces/ivory-mono ++
+
+https://webonastick.com/fonts/routed-gothic/
+
+https://lineto.com/typefaces/ivory-mono
https://blazetype.eu/typefaces/kyle
@@ -19,8 +22,6 @@ https://blazetype.eu/typefaces/kyle-mono
https://extraset.ch/typefaces/face/
-
-
https://www.type-together.com/temeraire-font
diff --git a/maquette-tests/type.html b/maquette-tests/type.html
index 7da298f..56f82bd 100644
--- a/maquette-tests/type.html
+++ b/maquette-tests/type.html
@@ -21,11 +21,240 @@
+
+
+
+
+
+
+ ITC Cheltenham
+
+
Un robot-poète ne nous fait toujours pas peur
+ Une télévision pirate pour le quartier
+ Un robot-poète ne nous fait toujours pas peur
+ Un robot-poète ne nous fait toujours pas peur
+
+
+
+
+
+ En réponse à cet appel, des dizaines de télévisions de rue se
+ constituent dans tout le Pays : C'est le début du mouvement
+ Telestreet . Dans les années qui suivent, ce sont à peu près 150
+ chaînes de télévision pirate qui apparaissent sur le réseau
+ Telestreet , partout dans le pays. Elles émanent de groupes
+ autogérés créés pour l'occasion mais aussi d'associations existantes ou
+ de groupes étudiants. Elles suivent chacune les principes du mouvement
+ mais leur situation géographique et sociale teinte les contenus
+ produits. A Naples, InsuTV diffuse des documentaires et des
+ reportages à propos des dynamiques sociales sur place. Dans la ville
+ balnéaire de Senigallia, le programme de DiscoVolante TV est
+ construit par un groupe de personnes handicapées et traite des questions
+ locales à travers leur prisme tandis qu'à Florence Gli Anelli
+ MancantiTV diffuse dans la zone de la Piazza Santa Maria et
+ informe sur les politiques migratoires et les conditions de vie des sans
+ papiers.
+
+
+
+ Au fil des années, la précarité financière et légale des
+ Telestreets commencera à peser sur ses acteur·ices. Certaines
+ télévisions de quartier chercheront alors à régulariser leur activité,
+ sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact
+ sur le paysage médiatique et la plupart des chaînes arrêteront leur
+ activité à l'aube des années 2010. Telestreet aura cependant participé à
+ la construction d'une approche participative de la télévision que l'on
+ retrouve aujourd'hui dans l'ADN de certains médias comme
+ Primitivi à Marseille ou ZinTV à Bruxelles.
+
+
+
+
+
+
+ ITC Cheltenham (light)
+
+
Un robot-poète ne nous fait toujours pas peur
+ Une télévision pirate pour le quartier
+ Un robot-poète ne nous fait toujours pas peur
+ Un robot-poète ne nous fait toujours pas peur
+
+
+
+
+
+ En réponse à cet appel, des dizaines de télévisions de rue se
+ constituent dans tout le Pays : C'est le début du mouvement
+ Telestreet . Dans les années qui suivent, ce sont à peu près 150
+ chaînes de télévision pirate qui apparaissent sur le réseau
+ Telestreet , partout dans le pays. Elles émanent de groupes
+ autogérés créés pour l'occasion mais aussi d'associations existantes ou
+ de groupes étudiants. Elles suivent chacune les principes du mouvement
+ mais leur situation géographique et sociale teinte les contenus
+ produits. A Naples, InsuTV diffuse des documentaires et des
+ reportages à propos des dynamiques sociales sur place. Dans la ville
+ balnéaire de Senigallia, le programme de DiscoVolante TV est
+ construit par un groupe de personnes handicapées et traite des questions
+ locales à travers leur prisme tandis qu'à Florence Gli Anelli
+ MancantiTV diffuse dans la zone de la Piazza Santa Maria et
+ informe sur les politiques migratoires et les conditions de vie des sans
+ papiers.
+
+
+
+ Au fil des années, la précarité financière et légale des
+ Telestreets commencera à peser sur ses acteur·ices. Certaines
+ télévisions de quartier chercheront alors à régulariser leur activité,
+ sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact
+ sur le paysage médiatique et la plupart des chaînes arrêteront leur
+ activité à l'aube des années 2010. Telestreet aura cependant participé à
+ la construction d'une approche participative de la télévision que l'on
+ retrouve aujourd'hui dans l'ADN de certains médias comme
+ Primitivi à Marseille ou ZinTV à Bruxelles.
+
+
+
+
+
+
+
+
+ Routed Gothic Wide
+
+
Un robot-poète ne nous fait toujours pas peur
+ Une télévision pirate pour le quartier
+ Un robot-poète ne nous fait toujours pas peur
+
+
+
+
+ En réponse à cet appel, des dizaines de télévisions de rue se
+ constituent dans tout le Pays : C'est le début du mouvement
+ Telestreet . Dans les années qui suivent, ce sont à peu près 150
+ chaînes de télévision pirate qui apparaissent sur le réseau
+ Telestreet , partout dans le pays. Elles émanent de groupes
+ autogérés créés pour l'occasion mais aussi d'associations existantes ou
+ de groupes étudiants. Elles suivent chacune les principes du mouvement
+ mais leur situation géographique et sociale teinte les contenus
+ produits. A Naples, InsuTV diffuse des documentaires et des
+ reportages à propos des dynamiques sociales sur place. Dans la ville
+ balnéaire de Senigallia, le programme de DiscoVolante TV est
+ construit par un groupe de personnes handicapées et traite des questions
+ locales à travers leur prisme tandis qu'à Florence Gli Anelli
+ MancantiTV diffuse dans la zone de la Piazza Santa Maria et
+ informe sur les politiques migratoires et les conditions de vie des sans
+ papiers.
+
+
+
+ Au fil des années, la précarité financière et légale des
+ Telestreets commencera à peser sur ses acteur·ices. Certaines
+ télévisions de quartier chercheront alors à régulariser leur activité,
+ sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact
+ sur le paysage médiatique et la plupart des chaînes arrêteront leur
+ activité à l'aube des années 2010. Telestreet aura cependant participé à
+ la construction d'une approche participative de la télévision que l'on
+ retrouve aujourd'hui dans l'ADN de certains médias comme
+ Primitivi à Marseille ou ZinTV à Bruxelles.
+
+
+
+
+
+
+
+
+ Routed Gothic Narrow
+
+
Un robot-poète ne nous fait toujours pas peur
+ Une télévision pirate pour le quartier
+ Un robot-poète ne nous fait toujours pas peur
+
+
+
+
+ En réponse à cet appel, des dizaines de télévisions de rue se
+ constituent dans tout le Pays : C'est le début du mouvement
+ Telestreet . Dans les années qui suivent, ce sont à peu près 150
+ chaînes de télévision pirate qui apparaissent sur le réseau
+ Telestreet , partout dans le pays. Elles émanent de groupes
+ autogérés créés pour l'occasion mais aussi d'associations existantes ou
+ de groupes étudiants. Elles suivent chacune les principes du mouvement
+ mais leur situation géographique et sociale teinte les contenus
+ produits. A Naples, InsuTV diffuse des documentaires et des
+ reportages à propos des dynamiques sociales sur place. Dans la ville
+ balnéaire de Senigallia, le programme de DiscoVolante TV est
+ construit par un groupe de personnes handicapées et traite des questions
+ locales à travers leur prisme tandis qu'à Florence Gli Anelli
+ MancantiTV diffuse dans la zone de la Piazza Santa Maria et
+ informe sur les politiques migratoires et les conditions de vie des sans
+ papiers.
+
+
+
+ Au fil des années, la précarité financière et légale des
+ Telestreets commencera à peser sur ses acteur·ices. Certaines
+ télévisions de quartier chercheront alors à régulariser leur activité,
+ sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact
+ sur le paysage médiatique et la plupart des chaînes arrêteront leur
+ activité à l'aube des années 2010. Telestreet aura cependant participé à
+ la construction d'une approche participative de la télévision que l'on
+ retrouve aujourd'hui dans l'ADN de certains médias comme
+ Primitivi à Marseille ou ZinTV à Bruxelles.
+
+
+
+
+
+
+
+ Routed Gothic
+
+
Un robot-poète ne nous fait toujours pas peur
+ Une télévision pirate pour le quartier
+ Un robot-poète ne nous fait toujours pas peur
+
+
+
+
+ En réponse à cet appel, des dizaines de télévisions de rue se
+ constituent dans tout le Pays : C'est le début du mouvement
+ Telestreet . Dans les années qui suivent, ce sont à peu près 150
+ chaînes de télévision pirate qui apparaissent sur le réseau
+ Telestreet , partout dans le pays. Elles émanent de groupes
+ autogérés créés pour l'occasion mais aussi d'associations existantes ou
+ de groupes étudiants. Elles suivent chacune les principes du mouvement
+ mais leur situation géographique et sociale teinte les contenus
+ produits. A Naples, InsuTV diffuse des documentaires et des
+ reportages à propos des dynamiques sociales sur place. Dans la ville
+ balnéaire de Senigallia, le programme de DiscoVolante TV est
+ construit par un groupe de personnes handicapées et traite des questions
+ locales à travers leur prisme tandis qu'à Florence Gli Anelli
+ MancantiTV diffuse dans la zone de la Piazza Santa Maria et
+ informe sur les politiques migratoires et les conditions de vie des sans
+ papiers.
+
+
+
+ Au fil des années, la précarité financière et légale des
+ Telestreets commencera à peser sur ses acteur·ices. Certaines
+ télévisions de quartier chercheront alors à régulariser leur activité,
+ sans succès. Le mouvement ne parviendra donc pas à pérenniser son impact
+ sur le paysage médiatique et la plupart des chaînes arrêteront leur
+ activité à l'aube des années 2010. Telestreet aura cependant participé à
+ la construction d'une approche participative de la télévision que l'on
+ retrouve aujourd'hui dans l'ADN de certains médias comme
+ Primitivi à Marseille ou ZinTV à Bruxelles.
+
+
+
+
+
Wagram Slab (super variable)
diff --git a/pdf-print/WagramSlab_11-5:16.pdf b/pdf-print/WagramSlab_11-5:16.pdf
new file mode 100644
index 0000000..3d0c3cd
Binary files /dev/null and b/pdf-print/WagramSlab_11-5:16.pdf differ
diff --git a/pdf-print/WagramSlab_11:18.pdf b/pdf-print/WagramSlab_11:18.pdf
new file mode 100644
index 0000000..9f5b3e2
Binary files /dev/null and b/pdf-print/WagramSlab_11:18.pdf differ
diff --git a/pdf-print/WagramSlab_12:17.pdf b/pdf-print/WagramSlab_12:17.pdf
new file mode 100644
index 0000000..7f3bb91
Binary files /dev/null and b/pdf-print/WagramSlab_12:17.pdf differ