add maquette-tests

maquette-tests/.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+.zip
+weaver_manager.sh

maquette-tests/.gitlab-ci.yml

@@ -0,0 +1,28 @@
+stages:
+  - update
+
+update_subtree:
+  stage: update
+  script:
+    - echo "Configuring Git user..."
+    - git config --global user.email "bot@csspageweaver.org"
+    - git config --global user.name "Update Bot"
+
+    - echo "Updating subtree..."
+    - git subtree pull --prefix=csspageweaver https://gitlab.com/csspageweaver/csspageweaver.git main --squash
+    
+    # Fetch the latest changes from the remote to compare
+    - git fetch origin
+
+    # Check if there are any changes to push
+    - |
+      if git diff --quiet origin/main; then
+        echo "No changes to push."
+      else
+        echo "Pushing changes..."
+        git push https://oauth2:${ACCESS_TOKEN}@gitlab.com/csspageweaver/boilerplate.git HEAD:main
+      fi
+
+  only:
+    - schedules
+    - triggered

maquette-tests/assets/css/base/_body.scss

@@ -0,0 +1,25 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased;
+    -o-font-smoothing: antialiased
+}
+a {
+    color: currentColor;
+}
+
+
+// .inline-note{
+//     color: red;
+// }
+
+body {
+    --font-size: 11px;
+    --baseline: 18px;
+    font-family: var(--font);
+    font-size: var(--font-size);
+    line-height: var(--baseline);
+
+}

maquette-tests/assets/css/base/_layout.scss

@@ -0,0 +1,66 @@
+@media print{
+  
+  @page {
+    size: 165mm 240mm;
+    margin-top: 10mm;
+    margin-bottom: 20mm;
+   
+  }
+
+  @page:left{
+    margin-left: 35mm;
+    margin-right: 30mm;
+     @bottom-left-corner{
+      content: counter(page);
+       font-family: var(--mono);
+      font-size: 14px;
+       text-align: left;
+        padding-left: 10mm;
+    }
+     @bottom-left {
+      content: string(author);
+        font-family: var(--mono);
+    }
+     @bottom-center {
+    content: string(type);
+      font-family: var(--mono);
+  }
+  }
+
+  @page:right{
+    margin-left: 40mm;
+    margin-right: 25mm;
+     @bottom-right-corner{
+      content: counter(page);
+      font-family: var(--mono);
+      font-size: 14px;
+        text-align: right;
+        padding-right: 10mm;
+    }
+     @bottom-left {
+      content: string(title);
+        font-family: var(--mono);
+    }
+  }
+
+  /*p{
+    background: salmon;
+  }*/
+
+  .chapter{
+    break-before: right;
+  }
+}
+
+
+// .pagedjs_left_page .pagedjs_pagebox{
+
+//   background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
+
+// }
+
+// .pagedjs_right_page .pagedjs_pagebox{
+
+//   background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
+
+// }

maquette-tests/assets/css/base/_type-specimen.scss

@@ -0,0 +1,117 @@
+#type-specimen{
+    background-color: #cfcfcf;
+
+    .type{
+        font-family: sans-serif;
+        grid-column: span 2;
+        font-weight: bold;
+    }
+
+    .specimen{
+
+        width: 1200px;
+        height: 680px;
+        border: 1px solid #999;
+        background-color: white;
+        margin: 30px;
+        padding: 30px;
+        overflow: hidden;
+
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 30px;
+
+    }
+
+    p:first-of-type{
+        text-align: justify;
+        hyphens: auto;
+        margin-bottom: 1em;
+    }
+
+    p{
+    font-size: 16px;
+    }
+ 
+
+    .title{
+       
+        font-size: 32px;
+        line-height: 1.1;
+        max-width: 22ch;
+        margin-bottom: 30px;
+    }
+
+    .content{
+        line-height: 1.3;
+    }
+
+    .title-bold{
+        font-weight: bold;
+    }
+
+     .title-normal{
+        font-weight: normal;
+    }
+
+     .title-italic{
+        font-weight: normal;
+        font-style: italic;
+    }
+      .title-light{
+        font-weight: 300!important;
+        font-style: normal;
+    }
+}
+
+
+[data-type="ovo"]{
+  .title{
+    font-weight: normal;
+      line-height: 1.1;
+  }
+
+}
+
+[data-type="literata"]{
+    p{
+        // line-height: 1.2;
+    }
+}
+
+[data-type="selectric"],
+[data-type="selectric-mono"],
+[data-type="timezone"],
+[data-type="timezone-mono"]{
+    .title-bold{
+        font-weight: normal!important;
+    }
+}
+
+[data-type="selectric-mono"] .content p{
+    letter-spacing: -0.01
+    rem;
+    white-space: 0.2ch;
+}
+
+
+[data-type="es-face"]{
+  .title-bold{
+    font-weight: normal!important;
+    font-style: italic;
+  }
+}
+
+[data-type="redaction"]{
+  .title-bold{
+    font-family: 'Redaction 50';
+    font-weight: normal!important;
+    font-style: italic;
+  }
+}
+
+
+[data-type="h-noailles-times-duplex"]{
+ 
+}
+

maquette-tests/assets/css/base/_type.scss

@@ -0,0 +1,106 @@
+@import url('https://fonts.googleapis.com/css2?family=Ovo&display=swap');
+@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');
+
+[data-type="ovo"]{
+  font-family: "Ovo", serif;
+
+}
+
+[data-type="literata"]{
+  font-family: "Literata", serif;
+
+}
+
+[data-type="vollkorn"]{
+  font-family: "Literata", serif;
+}
+
+
+[data-type="timezone"]{
+  font-family: 'HAL Timezone', serif;
+}
+
+[data-type="timezone-mono"]{
+  font-family: 'HAL Timezone Mono', monospace;
+}
+
+
+[data-type="selectric"]{
+  font-family: 'Selectric', serif;
+}
+
+[data-type="selectric-mono"]{
+  font-family: 'Selectric Mono', monospace;
+}
+
+[data-type="es-face"]{
+  font-family: 'ESFace', serif;
+}
+
+[data-type="ivory"]{
+  font-family: 'Ivory', serif;
+}
+[data-type="ivory-mono"]{
+  font-family: 'Ivory Mono', serif;
+}
+[data-type="necto-mono"]{
+  font-family: 'NectoMono', monospace;
+}
+
+[data-type="old-round"]{
+  font-family: 'OldRound', serif;
+}
+
+[data-type="old-round-hover"]{
+  font-family: 'OldRound Hover', serif;
+}
+
+[data-type="satoshi"]{
+  font-family: 'Satoshi', sans-serif;
+}
+
+[data-type="redaction"]{
+   font-family: 'Redaction', monospace;
+}
+
+[data-type="h-noailles-futura-simplex"]{
+   font-family: 'HNoailles Futura Simplex', sans-serif;
+}
+
+[data-type="h-noailles-futura-duplex"]{
+   font-family: 'HNoailles Futura Duplex', sans-serif;
+}
+
+[data-type="h-noailles-futura-triplex"]{
+   font-family: 'HNoailles Futura Triplex', sans-serif;
+}
+
+[data-type="h-noailles-times-simplex"]{
+   font-family: 'HNoailles Times Simplex', serif;
+}
+
+[data-type="h-noailles-times-duplex"]{
+   font-family: 'HNoailles Times Duplex', serif;
+}
+
+[data-type="h-noailles-times-triplex"]{
+   font-family: 'HNoailles Times Triplex', serif;
+}
+
+[data-type="adelphe-floreal"]{
+   font-family: 'Adelphe Floreal', serif;
+}
+[data-type="Adelphe-fructidor"]{
+   font-family: 'Adelphe Fructidor', serif;
+}
+
+[data-type="wagram"]{
+   font-family: 'Wagram', serif;
+}
+[data-type="wagram-slab"]{
+   font-family: 'Wagram Slab', serif;
+}
+[data-type="wagram-mono-slab"]{
+   font-family: 'Wagram Mono Slab', monospace;
+}

maquette-tests/assets/css/base/_var.scss

@@ -0,0 +1,19 @@
+:root{
+
+    --font: 'Wagram Slab', serif;
+    // --font: 'HAL Timezone', serif;
+    --mono: 'Selectric Mono', monospace;
+    // --mono: 'HAL Timezone Mono', monospace;
+    --note: 'HNoailles Times Triplex', serif;
+
+    --red: #9B0000;
+    --green:#009B00;
+    --green-light:#009b0025;
+    --blue:  #00009B;
+
+    --red: black;
+    --green:#009B00;
+    --green-light:#009b0025;
+    --blue:  black;
+
+}

maquette-tests/assets/css/modules/_chapter-header.scss

@@ -0,0 +1,59 @@
+.chapter-header{
+    // break-after: page;
+    margin-bottom: calc(var(--baseline)*6);
+}
+
+.chapter-header h2 {
+  string-set: title content(text);
+}
+
+.chapter-header .author {
+  string-set: author content(text);
+}
+
+.chapter-header .type {
+  string-set: type content(text);
+}
+
+
+.chapter-header h2{
+    font-size: 38px;
+    line-height: 1;
+    font-family: var(--note);
+     color: var(--blue);
+          margin-bottom: calc(var(--baseline)*1);
+          text-align: center;
+
+}
+
+
+.chapter-header .type{
+     margin-bottom: calc(var(--baseline)*1);
+}
+
+.chapter-header .type,
+.chapter-header .bio{
+     font-family: var(--mono);
+    //  text-align: right;
+     hyphens: none;
+     font-size: 9px;
+     line-height: 1.2;
+         left: 0px!important;
+          
+}
+
+.chapter-header .bio{
+margin-top: calc(var(--baseline)*1);
+     text-align: left;
+}
+
+.chapter-header .author{
+    left: 0px!important;
+    font-size: 38px;
+    line-height: 1;
+    font-family: var(--note);
+    font-weight: bold;
+    text-align: center;
+    // color: var(--green);
+}
+

maquette-tests/assets/css/modules/_text.scss

@@ -0,0 +1,188 @@
+.chapter{
+    
+    
+    p{
+    text-align: justify;
+    hyphens: auto;
+    position: relative;
+    color: var(--blue);
+ 
+
+    // &::before{
+    //     content: '';
+    //     display: inline-block;
+    //     width: 8px;
+    //     height: 8px;
+    //     background-color: var(--blue);
+    //     border-radius: 50%;
+    //     margin-right: 1ch;
+    // }
+}
+
+p + p{
+    left: 14mm;
+    // &::before{
+    //     left: -19mm;
+    // }
+}
+
+p + p + p{
+  left: 7mm;
+//    &::before{
+//         left: -13mm;
+//     }
+}
+
+.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{
+    margin-top: calc(var(--baseline)*1.5);
+    margin-bottom: calc(var(--baseline)*0.5);
+    text-align: center;
+    font-weight: normal;
+    text-decoration: underline;
+    font-family: var(--mono);
+    text-transform: uppercase;
+     color: var(--blue);
+      max-width: 18ch;
+      margin-inline: auto;
+
+    //     &::before{
+    //     content: '';
+    //     display: block;
+    //     width: 8px;
+    //     height: 8px;
+    //     border: 1px solid var(--blue);
+    //     border-radius: 50%;
+    //     margin-right: 1ch;
+    //     position: relative;
+    //     left: -2ch;
+       
+    // }
+}
+
+blockquote p{
+    // font-family: var(--mono);
+}
+
+blockquote{
+    position: relative;
+    left: 14mm;
+    p{
+    font-size: 16px;
+    line-height: calc(var(--baseline)*1.25);
+    font-weight: 300;
+    
+
+    }
+   
+        // margin-top: calc(var(--baseline)*2);
+        // margin-bottom: calc(var(--baseline)*2);
+}
+
+
+& > :first-child{
+    // background-color: red;
+    margin-top: 0px;
+}
+
+}
+
+
+
+// .inline-note{
+//     background-color: #e5e5f7;
+//     opacity: 0.8;
+//     background-image: linear-gradient(0deg, white 50%, var(--green-light) 50%);
+//     background-size: 16px 16px;
+  
+      
+
+//     .body_note{
+//         display: inline;
+//         padding-right: 1ch;
+//         background-color: white;
+//         -webkit-box-decoration-break: clone;
+//         box-decoration-break: clone;
+
+//         position: relative;
+//         top: -4px;
+//     }
+// }
+
+
+
+
+// p + p .inline-note::after{
+//     left: -19mm!important;
+// }
+
+// p + p + p .inline-note::after{
+//   left: -12mm!important;
+// }
+
+
+
+.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;
+}

maquette-tests/assets/css/style.css

@@ -0,0 +1,405 @@
+@import url("https://fonts.googleapis.com/css2?family=Ovo&display=swap");
+@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;
+  --red: #9B0000;
+  --green:#009B00;
+  --green-light:#009b0025;
+  --blue: #00009B;
+  --red: black;
+  --green:#009B00;
+  --green-light:#009b0025;
+  --blue: black;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+}
+
+a {
+  color: currentColor;
+}
+
+body {
+  --font-size: 11px;
+  --baseline: 18px;
+  font-family: var(--font);
+  font-size: var(--font-size);
+  line-height: var(--baseline);
+}
+
+@media print {
+  @page {
+    size: 165mm 240mm;
+    margin-top: 10mm;
+    margin-bottom: 20mm;
+  }
+  @page :left {
+    margin-left: 35mm;
+    margin-right: 30mm;
+    @bottom-left-corner {
+      content: counter(page);
+      font-family: var(--mono);
+      font-size: 14px;
+      text-align: left;
+      padding-left: 10mm;
+    }
+    @bottom-left {
+      content: string(author);
+      font-family: var(--mono);
+    }
+    @bottom-center {
+      content: string(type);
+      font-family: var(--mono);
+    }
+  }
+  @page :right {
+    margin-left: 40mm;
+    margin-right: 25mm;
+    @bottom-right-corner {
+      content: counter(page);
+      font-family: var(--mono);
+      font-size: 14px;
+      text-align: right;
+      padding-right: 10mm;
+    }
+    @bottom-left {
+      content: string(title);
+      font-family: var(--mono);
+    }
+  }
+  /*p{
+    background: salmon;
+  }*/
+  .chapter {
+    -moz-column-break-before: right;
+         break-before: right;
+  }
+}
+[data-type=ovo] {
+  font-family: "Ovo", serif;
+}
+
+[data-type=literata] {
+  font-family: "Literata", serif;
+}
+
+[data-type=vollkorn] {
+  font-family: "Literata", serif;
+}
+
+[data-type=timezone] {
+  font-family: "HAL Timezone", serif;
+}
+
+[data-type=timezone-mono] {
+  font-family: "HAL Timezone Mono", monospace;
+}
+
+[data-type=selectric] {
+  font-family: "Selectric", serif;
+}
+
+[data-type=selectric-mono] {
+  font-family: "Selectric Mono", monospace;
+}
+
+[data-type=es-face] {
+  font-family: "ESFace", serif;
+}
+
+[data-type=ivory] {
+  font-family: "Ivory", serif;
+}
+
+[data-type=ivory-mono] {
+  font-family: "Ivory Mono", serif;
+}
+
+[data-type=necto-mono] {
+  font-family: "NectoMono", monospace;
+}
+
+[data-type=old-round] {
+  font-family: "OldRound", serif;
+}
+
+[data-type=old-round-hover] {
+  font-family: "OldRound Hover", serif;
+}
+
+[data-type=satoshi] {
+  font-family: "Satoshi", sans-serif;
+}
+
+[data-type=redaction] {
+  font-family: "Redaction", monospace;
+}
+
+[data-type=h-noailles-futura-simplex] {
+  font-family: "HNoailles Futura Simplex", sans-serif;
+}
+
+[data-type=h-noailles-futura-duplex] {
+  font-family: "HNoailles Futura Duplex", sans-serif;
+}
+
+[data-type=h-noailles-futura-triplex] {
+  font-family: "HNoailles Futura Triplex", sans-serif;
+}
+
+[data-type=h-noailles-times-simplex] {
+  font-family: "HNoailles Times Simplex", serif;
+}
+
+[data-type=h-noailles-times-duplex] {
+  font-family: "HNoailles Times Duplex", serif;
+}
+
+[data-type=h-noailles-times-triplex] {
+  font-family: "HNoailles Times Triplex", serif;
+}
+
+[data-type=adelphe-floreal] {
+  font-family: "Adelphe Floreal", serif;
+}
+
+[data-type=Adelphe-fructidor] {
+  font-family: "Adelphe Fructidor", serif;
+}
+
+[data-type=wagram] {
+  font-family: "Wagram", serif;
+}
+
+[data-type=wagram-slab] {
+  font-family: "Wagram Slab", serif;
+}
+
+[data-type=wagram-mono-slab] {
+  font-family: "Wagram Mono Slab", monospace;
+}
+
+#type-specimen {
+  background-color: #cfcfcf;
+}
+#type-specimen .type {
+  font-family: sans-serif;
+  grid-column: span 2;
+  font-weight: bold;
+}
+#type-specimen .specimen {
+  width: 1200px;
+  height: 680px;
+  border: 1px solid #999;
+  background-color: white;
+  margin: 30px;
+  padding: 30px;
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 30px;
+}
+#type-specimen p:first-of-type {
+  text-align: justify;
+  hyphens: auto;
+  margin-bottom: 1em;
+}
+#type-specimen p {
+  font-size: 16px;
+}
+#type-specimen .title {
+  font-size: 32px;
+  line-height: 1.1;
+  max-width: 22ch;
+  margin-bottom: 30px;
+}
+#type-specimen .content {
+  line-height: 1.3;
+}
+#type-specimen .title-bold {
+  font-weight: bold;
+}
+#type-specimen .title-normal {
+  font-weight: normal;
+}
+#type-specimen .title-italic {
+  font-weight: normal;
+  font-style: italic;
+}
+#type-specimen .title-light {
+  font-weight: 300 !important;
+  font-style: normal;
+}
+
+[data-type=ovo] .title {
+  font-weight: normal;
+  line-height: 1.1;
+}
+
+[data-type=selectric] .title-bold,
+[data-type=selectric-mono] .title-bold,
+[data-type=timezone] .title-bold,
+[data-type=timezone-mono] .title-bold {
+  font-weight: normal !important;
+}
+
+[data-type=selectric-mono] .content p {
+  letter-spacing: -0.01 rem;
+  white-space: 0.2ch;
+}
+
+[data-type=es-face] .title-bold {
+  font-weight: normal !important;
+  font-style: italic;
+}
+
+[data-type=redaction] .title-bold {
+  font-family: "Redaction 50";
+  font-weight: normal !important;
+  font-style: italic;
+}
+
+.chapter p {
+  text-align: justify;
+  hyphens: auto;
+  position: relative;
+  color: var(--blue);
+}
+.chapter p + p {
+  left: 14mm;
+}
+.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);
+  text-align: center;
+  font-weight: normal;
+  text-decoration: underline;
+  font-family: var(--mono);
+  text-transform: uppercase;
+  color: var(--blue);
+  max-width: 18ch;
+  margin-inline: auto;
+}
+.chapter blockquote {
+  position: relative;
+  left: 14mm;
+}
+.chapter blockquote p {
+  font-size: 16px;
+  line-height: calc(var(--baseline) * 1.25);
+  font-weight: 300;
+}
+.chapter > :first-child {
+  margin-top: 0px;
+}
+
+.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;
+}
+
+.chapter-header {
+  margin-bottom: calc(var(--baseline) * 6);
+}
+
+.chapter-header h2 {
+  string-set: title content(text);
+}
+
+.chapter-header .author {
+  string-set: author content(text);
+}
+
+.chapter-header .type {
+  string-set: type content(text);
+}
+
+.chapter-header h2 {
+  font-size: 38px;
+  line-height: 1;
+  font-family: var(--note);
+  color: var(--blue);
+  margin-bottom: calc(var(--baseline) * 1);
+  text-align: center;
+}
+
+.chapter-header .type {
+  margin-bottom: calc(var(--baseline) * 1);
+}
+
+.chapter-header .type,
+.chapter-header .bio {
+  font-family: var(--mono);
+  hyphens: none;
+  font-size: 9px;
+  line-height: 1.2;
+  left: 0px !important;
+}
+
+.chapter-header .bio {
+  margin-top: calc(var(--baseline) * 1);
+  text-align: left;
+}
+
+.chapter-header .author {
+  left: 0px !important;
+  font-size: 38px;
+  line-height: 1;
+  font-family: var(--note);
+  font-weight: bold;
+  text-align: center;
+}/*# sourceMappingURL=style.css.map */

maquette-tests/assets/css/style.css.map

@@ -0,0 +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"}

maquette-tests/assets/css/style.scss

@@ -0,0 +1,9 @@
+@use "base/var";
+@use "base/body";
+@use "base/layout";
+@use "base/type";
+
+
+@use "base/type-specimen";
+@use "modules/text";
+@use "modules/chapter-header";

maquette-tests/assets/fonts/Adelphe/stylesheet.css

@@ -0,0 +1,146 @@
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealRegular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealSemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealSemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealBold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Floreal';
+    src: url('Adelphe-FlorealBoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorRegular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorSemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorSemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorBold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Fructidor';
+    src: url('Adelphe-FructidorBoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalRegular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalSemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalSemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalBold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Adelphe Germinal';
+    src: url('Adelphe-GerminalBoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}

maquette-tests/assets/fonts/ESface/stylesheet.css

@@ -0,0 +1,160 @@
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-ThinItalic.ttf') format('truetype');
+    font-weight: 100;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-ExtraLightItalic.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Book.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-BookItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-ExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-ExtraBoldItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'ESFace';
+    src: url('ESFaceTRIAL-BlackItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+}

maquette-tests/assets/fonts/HNoaillesFutura/stylesheet.css

@@ -0,0 +1,74 @@
+
+@font-face {
+    font-family: 'HNoailles Futura Simplex';
+    src: url('Hershey-Noailles-Futura-Simplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Simplex';
+    src: url('Hershey-Noailles-Futura-Simplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Simplex';
+    src: url('Hershey-Noailles-Futura-Simplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'HNoailles Futura Duplex';
+    src: url('Hershey-Noailles-Futura-Duplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Duplex';
+    src: url('Hershey-Noailles-Futura-Duplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Duplex';
+    src: url('Hershey-Noailles-Futura-Duplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'HNoailles Futura Triplex';
+    src: url('Hershey-Noailles-Futura-Triplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Triplex';
+    src: url('Hershey-Noailles-Futura-Triplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Futura Triplex';
+    src: url('Hershey-Noailles-Futura-Triplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}

maquette-tests/assets/fonts/HNoaillesTimes/stylesheet.css

@@ -0,0 +1,122 @@
+
+@font-face {
+    font-family: 'HNoailles Times Simplex';
+    src: url('Hershey-Noailles-Times-Simplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Simplex';
+    src: url('Hershey-Noailles-Times-Simplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Simplex';
+    src: url('Hershey-Noailles-Times-Simplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Italic-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Italic-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Duplex';
+    src: url('Hershey-Noailles-Times-Duplex-Italic-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Italic-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Italic-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'HNoailles Times Triplex';
+    src: url('Hershey-Noailles-Times-Triplex-Italic-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}

maquette-tests/assets/fonts/Ivory/stylesheet.css

@@ -0,0 +1,64 @@
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-Light.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-LightItalic.woff2') format('woff2');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-Italic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-MediumItalic.woff2') format('woff2');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-Bold.woff2') format('woff2');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory';
+    src: url('IvoryLLTrialWeb-BoldItalic.woff2') format('woff2');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}

maquette-tests/assets/fonts/IvoryMono/stylesheet.css

@@ -0,0 +1,48 @@
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-Light.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-LightItalic.woff2') format('woff2');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-Italic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Ivory Mono';
+    src: url('IvoryMonoLLTrialWeb-MediumItalic.woff2') format('woff2');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}

maquette-tests/assets/fonts/NectoMono/stylesheet.css

@@ -0,0 +1,8 @@
+
+@font-face {
+    font-family: 'NectoMono';
+    src: url('NectoMono-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}

maquette-tests/assets/fonts/OldRound-luuse/OFL.txt

@@ -0,0 +1,93 @@
+Copyright (C) Luuse
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.