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

test impressions

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 22:28:14 +01:00
parent f01a1ed6f8
commit 2b2d787054
56 changed files with 722 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

4
maquette-tests/assets/css/base/_body.scss
View file

@ -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);

27
maquette-tests/assets/css/base/_layout.scss
View file

@ -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();
}
}

23
maquette-tests/assets/css/base/_type-specimen.scss
View file

@ -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;
}
}

28
maquette-tests/assets/css/base/_type.scss
View file

@ -103,4 +103,30 @@
}
[data-type="wagram-mono-slab"]{
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;
}

5
maquette-tests/assets/css/base/_var.scss
View file

@ -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;
}

9
maquette-tests/assets/css/modules/_chapter-header.scss
View file

@ -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);
}

16
maquette-tests/assets/css/modules/_item-decor.scss Normal file
View file

@ -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;
}

45
maquette-tests/assets/css/modules/_notes.scss Normal file
View file

@ -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;
}

61
maquette-tests/assets/css/modules/_text.scss
View file

@ -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;
}

153
maquette-tests/assets/css/style.css
View file

@ -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 */

2
maquette-tests/assets/css/style.css.map
View file

@ -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"}
{"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"}

4
maquette-tests/assets/css/style.scss
View file

@ -6,4 +6,6 @@
@use "base/type-specimen";
@use "modules/text";
@use "modules/chapter-header";
@use "modules/notes";
@use "modules/chapter-header";
@use "modules/item-decor";

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBold.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCond.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldCondIt.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBoldItalic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBook.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCond.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookCondIt.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdBookItalic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBdIt.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdHdtooledBold.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLight.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCond.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightCondIt.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdLightItalic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltra.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCond.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraCondIt.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/ITCCheltenham/CheltenhamStdUltraItalic.woff Normal file
View file

Binary file not shown.

155
maquette-tests/assets/fonts/ITCCheltenham/style.css Normal file
View file

@ -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');
}

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Half-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Half-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicNarrow.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Half-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff Normal file
View file

Binary file not shown.

BIN
maquette-tests/assets/fonts/RoutedGothic/RoutedGothicWide.woff2 Normal file
View file

Binary file not shown.

89
maquette-tests/assets/fonts/RoutedGothic/stylesheet.css Normal file
View file

@ -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;
} */

4
maquette-tests/index.html
View file

@ -10,7 +10,9 @@
<link rel="stylesheet" type="text/css" href="/assets/fonts/WagramSlab/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Timezone-HAL/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Selectric/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/HNoaillesTimes/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/HNoaillesTimes/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/RoutedGothic/stylesheet.css">
</head>

7
maquette-tests/journal.md
View file

@ -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

229
maquette-tests/type.html
View file

@ -21,11 +21,240 @@
<link rel="stylesheet" type="text/css" href="/assets/fonts/Wagram/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/WagramSlab/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/WagramMonoSlab/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/RoutedGothic/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/ITCCheltenham/style.css">
</head>
<body id="type-specimen">
<section class="specimen" data-type="cheltenham">
<p class="type">ITC Cheltenham</p>
<div class="col-left" >
<h1 class="title title-normal" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-bold">Une télévision pirate pour le&nbsp;quartier</h1>
<h1 class="title title-italic" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-uppercase" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
</div>
<div class="content">
<p>
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
<em>Telestreet</em>. 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
<em>Telestreet</em>, 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, <em>InsuTV</em> diffuse des documentaires et des
reportages à propos des dynamiques sociales sur place. Dans la ville
balnéaire de Senigallia, le programme de <em>DiscoVolante</em> TV est
construit par un groupe de personnes handicapées et traite des questions
locales à travers leur prisme tandis qu'à Florence Gli Anelli
<em>MancantiTV</em> diffuse dans la zone de la Piazza Santa Maria et
informe sur les politiques migratoires et les conditions de vie des sans
papiers. 
</p>
<p>
Au fil des années, la précarité financière et légale des
<em>Telestreets</em> 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
<em>Primitivi</em> à Marseille ou <em>ZinTV</em> à Bruxelles. 
</p>
</div>
</section>
<section class="specimen" data-type="cheltenham-light">
<p class="type">ITC Cheltenham (light)</p>
<div class="col-left" >
<h1 class="title title-normal" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-bold">Une télévision pirate pour le&nbsp;quartier</h1>
<h1 class="title title-italic" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-uppercase" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
</div>
<div class="content">
<p>
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
<em>Telestreet</em>. 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
<em>Telestreet</em>, 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, <em>InsuTV</em> diffuse des documentaires et des
reportages à propos des dynamiques sociales sur place. Dans la ville
balnéaire de Senigallia, le programme de <em>DiscoVolante</em> TV est
construit par un groupe de personnes handicapées et traite des questions
locales à travers leur prisme tandis qu'à Florence Gli Anelli
<em>MancantiTV</em> diffuse dans la zone de la Piazza Santa Maria et
informe sur les politiques migratoires et les conditions de vie des sans
papiers. 
</p>
<p>
Au fil des années, la précarité financière et légale des
<em>Telestreets</em> 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
<em>Primitivi</em> à Marseille ou <em>ZinTV</em> à Bruxelles. 
</p>
</div>
</section>
<section class="specimen" data-type="routed-gothic-wide">
<p class="type">Routed Gothic Wide</p>
<div class="col-left" >
<h1 class="title title-normal" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-bold">Une télévision pirate pour le&nbsp;quartier</h1>
<h1 class="title title-italic" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
</div>
<div class="content">
<p>
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
<em>Telestreet</em>. 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
<em>Telestreet</em>, 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, <em>InsuTV</em> diffuse des documentaires et des
reportages à propos des dynamiques sociales sur place. Dans la ville
balnéaire de Senigallia, le programme de <em>DiscoVolante</em> TV est
construit par un groupe de personnes handicapées et traite des questions
locales à travers leur prisme tandis qu'à Florence Gli Anelli
<em>MancantiTV</em> diffuse dans la zone de la Piazza Santa Maria et
informe sur les politiques migratoires et les conditions de vie des sans
papiers. 
</p>
<p>
Au fil des années, la précarité financière et légale des
<em>Telestreets</em> 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
<em>Primitivi</em> à Marseille ou <em>ZinTV</em> à Bruxelles. 
</p>
</div>
</section>
<section class="specimen" data-type="routed-gothic-narrow">
<p class="type">Routed Gothic Narrow</p>
<div class="col-left" >
<h1 class="title title-normal" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-bold">Une télévision pirate pour le&nbsp;quartier</h1>
<h1 class="title title-italic" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
</div>
<div class="content">
<p>
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
<em>Telestreet</em>. 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
<em>Telestreet</em>, 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, <em>InsuTV</em> diffuse des documentaires et des
reportages à propos des dynamiques sociales sur place. Dans la ville
balnéaire de Senigallia, le programme de <em>DiscoVolante</em> TV est
construit par un groupe de personnes handicapées et traite des questions
locales à travers leur prisme tandis qu'à Florence Gli Anelli
<em>MancantiTV</em> diffuse dans la zone de la Piazza Santa Maria et
informe sur les politiques migratoires et les conditions de vie des sans
papiers. 
</p>
<p>
Au fil des années, la précarité financière et légale des
<em>Telestreets</em> 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
<em>Primitivi</em> à Marseille ou <em>ZinTV</em> à Bruxelles. 
</p>
</div>
</section>
<section class="specimen" data-type="routed-gothic">
<p class="type">Routed Gothic</p>
<div class="col-left" >
<h1 class="title title-normal" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
<h1 class="title title-bold">Une télévision pirate pour le&nbsp;quartier</h1>
<h1 class="title title-italic" >Un robot-poète ne&nbsp;nous fait toujours pas&nbsp;peur</h1>
</div>
<div class="content">
<p>
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
<em>Telestreet</em>. 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
<em>Telestreet</em>, 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, <em>InsuTV</em> diffuse des documentaires et des
reportages à propos des dynamiques sociales sur place. Dans la ville
balnéaire de Senigallia, le programme de <em>DiscoVolante</em> TV est
construit par un groupe de personnes handicapées et traite des questions
locales à travers leur prisme tandis qu'à Florence Gli Anelli
<em>MancantiTV</em> diffuse dans la zone de la Piazza Santa Maria et
informe sur les politiques migratoires et les conditions de vie des sans
papiers. 
</p>
<p>
Au fil des années, la précarité financière et légale des
<em>Telestreets</em> 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
<em>Primitivi</em> à Marseille ou <em>ZinTV</em> à Bruxelles. 
</p>
</div>
</section>
<section class="specimen" data-type="wagram-slab">
<p class="type">Wagram Slab (super variable)</p>

BIN
pdf-print/WagramSlab_11-5:16.pdf Normal file
View file

Binary file not shown.

BIN
pdf-print/WagramSlab_11:18.pdf Normal file
View file

Binary file not shown.

BIN
pdf-print/WagramSlab_12:17.pdf Normal file
View file

Binary file not shown.