add Baskemo

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

@@ -1,11 +1,21 @@
 @mixin running(){
-  font-family: var(--mono);
+  font-family: var(--font);
-  font-size: 10px;
+  font-size: 12px;
   vertical-align: bottom;
   padding-bottom: 5mm;
 }
 
 
+@mixin numPage(){
+  font-family: var(--font);
+  font-size: 20px;
+  vertical-align: bottom;
+  padding-bottom: 5mm;
+  width: 10mm;
+
+}
+
+
 
 
 @media print{
@@ -22,18 +32,19 @@
   @page:left{
     margin-left: 18mm;
     margin-right: 26mm;
-     @bottom-left-corner{
+     @bottom-left{
       content: counter(page);
-      @include running();
+      @include numPage();
+       
    
-       text-align: left;
-        padding-left: 10mm;
-    }
-     @bottom-left {
-      content: string(author);
-      @include running();
     }
      @bottom-center {
+      content: string(author);
+      @include running();
+      text-align: left;
+      padding-left: 3ch;
+    }
+     @bottom-right {
     content: string(type);
     @include running();
   }
@@ -42,11 +53,11 @@
   @page:right{
     margin-left: 26mm;
     margin-right: 18mm;
-     @bottom-right-corner{
+     @bottom-right{
       content: counter(page);
-      @include running();
+      @include numPage();
         text-align: right;
-        padding-right: 10mm;
+  
     }
      @bottom-left {
       content: string(title);

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

@@ -13,7 +13,7 @@
 }
 
 [data-type="vollkorn"]{
-  font-family: "Literata", serif;
+  font-family: "Vollkorn", serif;
 }
 
 
@@ -130,3 +130,9 @@
 }
 
 
+
+[data-type="baskemo-sans"]{
+  font-family: 'Baskemo Sans', serif;
+}
+
+

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

@@ -4,8 +4,11 @@
     // --font: 'HAL Timezone', serif;
     --mono: 'Selectric Mono', monospace;
     --mono: 'Ivory Mono', monospace;
+    --mono: 'Baskemo Sans', monospace;
+
     // --mono: 'HAL Timezone Mono', monospace;
     --note: 'Routed Gothic', serif;
+    // --note: 'Wagram Slab', serif;
     --title: 'HNoailles Times Triplex', sans-serif;
 
     --red: #9B0000;
@@ -13,9 +16,7 @@
     --green-light:#009b0025;
     --blue:  #00009B;
 
-    --red: black;
+
-    --green:black;
-    --blue:  black;
 
     --indent: 7mm;
 

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

@@ -1,6 +1,8 @@
 .chapter-header{
     // break-after: page;
-    margin-bottom: calc(var(--baseline)*6);
+        margin-top: calc(var(--baseline)*2);
+    margin-bottom: calc(var(--baseline)*9);
+    --color: black;
 }
 
 .chapter-header h2 {
@@ -17,14 +19,15 @@
 
 
 .chapter-header h2{
-    font-size: 42px;
+    font-size: 40px;
     line-height: 0.9;
-    font-family: var(--title);
+    font-family: var(--mono);
     color: var(--blue);
     margin-bottom: calc(var(--baseline)*1);
     text-align: left;
-    font-weight: bold;
+    font-weight: normal;
     padding-right: 3ch;
+    color: var(--color);
 
 }
 
@@ -39,9 +42,8 @@
 
 }
 .chapter-header .bio{
-  margin-top: calc(var(--baseline)*1);
+  margin-top: calc(var(--baseline)*3);
-     font-family: var(--title);
+     font-family: var(--mono);
-   
      hyphens: none;
      font-size: 12px;
      line-height: 1.2;
@@ -50,14 +52,16 @@
         .name{
           text-indent: 0;
           text-align: left;
-          font-weight: bold;
+          font-weight: normal;
+              color: var(--color);
         }
         
         .description{
           text-indent: -14mm;
           padding-left: 14mm;
           text-align: left;
-          font-weight: bold;
+          font-weight:  normal;
+              color: var(--color);
         }
           
 }
@@ -66,13 +70,15 @@
 
 .chapter-header .author{
     left: 0px!important;
-    font-size: 26px;
+    font-size: 24px;
+    font-weight: normal;
     line-height: 1;
     font-family: var(--font);
     // font-weight: bold;
-    text-align: center;
+    text-align: left;
-    // color: var(--green);
+    text-indent: 0;
-    text-align: right;
+    text-indent: 14mm;
+    color: var(--color);
     // text-transform: uppercase;
     // letter-spacing: 0.01rem;
 }

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

@@ -0,0 +1,79 @@
+.pagedjs_footnote{
+    font-family: var(--note);
+    // font-size: 10px;
+    line-height: 1.2;
+   font-size: 11px;
+   font-weight: normal;
+   text-indent: -14mm;
+   padding-left: 14mm;
+   color: var(--green);
+
+    
+
+}
+.pagedjs_floatnote_marker,
+.pagedjs_floatnote_call{
+
+}
+
+
+.pagedjs_floatnote_marker{
+   
+}
+
+.note-container{
+    grid-column: center;
+    grid-row: footer;
+    width: 100%;
+    height: calc(100% - 12mm);
+    // outline: 1px solid red;
+    columns: 2;
+    column-fill: auto;
+
+    padding-top: 20px;
+
+
+}
+
+
+.pagedjs_footnote_content{
+    // padding-top: var(--baseline);
+// columns: 2;
+
+}
+
+
+    // .pagedjs_footnote_inner_content{
+    //     columns: 2;
+    // }
+
+
+
+.pagedjs_footnotes::marker{
+    color: red;
+}
+
+
+
+.pagedjs_footnote[data-footnote-call]{
+
+        //   font-family: sans-serif;
+    border: 1px solid currentColor;
+    min-width: 14px;
+    height: 14px;
+    display: inline-flex;
+    border-radius: 4px;
+    align-items: center;
+    justify-content: center;
+    line-height: 0;
+    white-space: 0px;
+    font-variant-position: super;
+    font-size: 10px;
+    text-indent: 0px;
+    position: relative;
+    top: -2px;
+    margin-left: 2px;
+    &::after{
+  font-variant-position: normal;
+    }
+}

maquette-tests/assets/css/modules/_item-decor.scss

@@ -4,7 +4,7 @@
     font-weight: 400;
     font-size: 12px;
     position: absolute;
-    color: var(--green);
+ 
 }
 
 .pagedjs_left_page .item-decor{

maquette-tests/assets/css/modules/_notes copy.scss

@@ -1,59 +0,0 @@
-.inline-note{
-
-    color: var(--green);
-
-    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(--mono);
-    position: relative;
-    top: -1px;
-    margin-left: 2px;
-
-
-    border: 0.5px solid currentColor;
-
-    width: 14px;
-    height: 14px;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 4px;
-}
-
-
-.pagedjs_floatnote_marker{
-    // float: left;
-    // position: absolute;
-    // left: 0px;
-    // display: block;
-    text-align: left;
-}

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

@@ -1,10 +1,25 @@
 .inline-note{
-    font-size: 10px;
+
+    color: var(--green);
+
+    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;
     }
 
     
@@ -12,24 +27,35 @@
 }
 .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(--mono);
+    position: relative;
+    top: -1px;
+    margin-left: 2px;
+
+
+    border: 0.5px solid currentColor;
+
+    width: 14px;
+    height: 14px;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
 }
 
 
 .pagedjs_floatnote_marker{
-   
+    // float: left;
+    // position: absolute;
+    // left: 0px;
+    // display: block;
+    text-align: left;
 }
 
-.note-container{
-    grid-column: center;
-    grid-row: footer;
-    width: 100%;
-    height: calc(100% - 12mm);
-    // outline: 1px solid red;
-    columns: 2;
-    column-fill: auto;
 
-    padding-top: 20px;
-
-
-}

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

@@ -6,7 +6,7 @@
     hyphens: auto;
     hyphenate-limit-chars: 8 3;
     position: relative;
-    color: var(--blue);
+    // color: var(--blue);
     font-weight: 200;
     letter-spacing: 0.01rem;
  
@@ -42,7 +42,7 @@ h3{
       max-width: 18ch;
     //   margin-inline: auto;
       letter-spacing: 0.05rem;
-
+    color: black;
     
       
 

maquette-tests/assets/css/style.css

@@ -2,18 +2,16 @@
 @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: "Routed Gothic", sans-serif;
+  --font: 'Routed Gothic', sans-serif;
-  --mono: "Selectric Mono", monospace;
+  --mono: 'Selectric Mono', monospace;
-  --mono: "Ivory Mono", monospace;
+  --mono: 'Ivory Mono', monospace;
-  --note: "Routed Gothic", serif;
+  --mono: 'Baskemo Sans', monospace;
-  --title: "HNoailles Times Triplex", sans-serif;
+  --note: 'Routed Gothic', serif;
+  --title: 'HNoailles Times Triplex', sans-serif;
   --red: #9B0000;
   --green:#009B00;
   --green-light:#009b0025;
   --blue: #00009B;
-  --red: black;
-  --green:black;
-  --blue: black;
   --indent: 7mm;
   --font-size: 14px;
   --baseline: 18px;
@@ -49,26 +47,27 @@ body {
   @page :left {
     margin-left: 18mm;
     margin-right: 26mm;
-    @bottom-left-corner {
+    @bottom-left {
       content: counter(page);
-      font-family: var(--mono);
+      font-family: var(--font);
-      font-size: 10px;
+      font-size: 20px;
+      vertical-align: bottom;
+      padding-bottom: 5mm;
+      width: 10mm;
+    }
+    @bottom-center {
+      content: string(author);
+      font-family: var(--font);
+      font-size: 12px;
       vertical-align: bottom;
       padding-bottom: 5mm;
       text-align: left;
-      padding-left: 10mm;
+      padding-left: 3ch;
     }
-    @bottom-left {
+    @bottom-right {
-      content: string(author);
-      font-family: var(--mono);
-      font-size: 10px;
-      vertical-align: bottom;
-      padding-bottom: 5mm;
-    }
-    @bottom-center {
       content: string(type);
-      font-family: var(--mono);
+      font-family: var(--font);
-      font-size: 10px;
+      font-size: 12px;
       vertical-align: bottom;
       padding-bottom: 5mm;
     }
@@ -76,19 +75,19 @@ body {
   @page :right {
     margin-left: 26mm;
     margin-right: 18mm;
-    @bottom-right-corner {
+    @bottom-right {
       content: counter(page);
-      font-family: var(--mono);
+      font-family: var(--font);
-      font-size: 10px;
+      font-size: 20px;
       vertical-align: bottom;
       padding-bottom: 5mm;
+      width: 10mm;
       text-align: right;
-      padding-right: 10mm;
     }
     @bottom-left {
       content: string(title);
-      font-family: var(--mono);
+      font-family: var(--font);
-      font-size: 10px;
+      font-size: 12px;
       vertical-align: bottom;
       padding-bottom: 5mm;
     }
@@ -110,7 +109,7 @@ body {
 }
 
 [data-type=vollkorn] {
-  font-family: "Literata", serif;
+  font-family: "Vollkorn", serif;
 }
 
 [data-type=timezone] {
@@ -226,6 +225,10 @@ body {
   font-weight: 200;
 }
 
+[data-type=baskemo-sans] {
+  font-family: "Baskemo Sans", serif;
+}
+
 #type-specimen {
   background-color: #cfcfcf;
 }
@@ -248,8 +251,7 @@ body {
 }
 #type-specimen p:first-of-type {
   text-align: justify;
-  -webkit-hyphens: auto;
+  hyphens: auto;
-          hyphens: auto;
   margin-bottom: 1em;
 }
 #type-specimen p {
@@ -324,11 +326,9 @@ body {
 
 .chapter p {
   text-align: justify;
-  -webkit-hyphens: auto;
+  hyphens: auto;
-          hyphens: auto;
   hyphenate-limit-chars: 8 3;
   position: relative;
-  color: var(--blue);
   font-weight: 200;
   letter-spacing: 0.01rem;
 }
@@ -345,6 +345,7 @@ body {
   color: var(--blue);
   max-width: 18ch;
   letter-spacing: 0.05rem;
+  color: black;
 }
 .chapter blockquote {
   padding-left: var(--indent);
@@ -359,10 +360,16 @@ body {
   position: relative;
 }
 
-.inline-note {
+.pagedjs_footnote {
-  font-size: 10px;
+  font-family: var(--note);
   line-height: 1.2;
+  font-size: 11px;
+  font-weight: normal;
+  text-indent: -14mm;
+  padding-left: 14mm;
+  color: var(--green);
 }
+
 .note-container {
   grid-column: center;
   grid-row: footer;
@@ -375,8 +382,35 @@ body {
   padding-top: 20px;
 }
 
+.pagedjs_footnotes::marker {
+  color: red;
+}
+
+.pagedjs_footnote[data-footnote-call] {
+  border: 1px solid currentColor;
+  min-width: 14px;
+  height: 14px;
+  display: inline-flex;
+  border-radius: 4px;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  white-space: 0px;
+  font-variant-position: super;
+  font-size: 10px;
+  text-indent: 0px;
+  position: relative;
+  top: -2px;
+  margin-left: 2px;
+}
+.pagedjs_footnote[data-footnote-call]::after {
+  font-variant-position: normal;
+}
+
 .chapter-header {
-  margin-bottom: calc(var(--baseline) * 6);
+  margin-top: calc(var(--baseline) * 2);
+  margin-bottom: calc(var(--baseline) * 9);
+  --color: black;
 }
 
 .chapter-header h2 {
@@ -392,14 +426,15 @@ body {
 }
 
 .chapter-header h2 {
-  font-size: 42px;
+  font-size: 40px;
   line-height: 0.9;
-  font-family: var(--title);
+  font-family: var(--mono);
   color: var(--blue);
   margin-bottom: calc(var(--baseline) * 1);
   text-align: left;
-  font-weight: bold;
+  font-weight: normal;
   padding-right: 3ch;
+  color: var(--color);
 }
 
 .chapter-header .type {
@@ -408,32 +443,36 @@ body {
 }
 
 .chapter-header .bio {
-  margin-top: calc(var(--baseline) * 1);
+  margin-top: calc(var(--baseline) * 3);
-  font-family: var(--title);
+  font-family: var(--mono);
-  -webkit-hyphens: none;
+  hyphens: none;
-          hyphens: none;
   font-size: 12px;
   line-height: 1.2;
 }
 .chapter-header .bio .name {
   text-indent: 0;
   text-align: left;
-  font-weight: bold;
+  font-weight: normal;
+  color: var(--color);
 }
 .chapter-header .bio .description {
   text-indent: -14mm;
   padding-left: 14mm;
   text-align: left;
-  font-weight: bold;
+  font-weight: normal;
+  color: var(--color);
 }
 
 .chapter-header .author {
   left: 0px !important;
-  font-size: 26px;
+  font-size: 24px;
+  font-weight: normal;
   line-height: 1;
   font-family: var(--font);
-  text-align: center;
+  text-align: left;
-  text-align: right;
+  text-indent: 0;
+  text-indent: 14mm;
+  color: var(--color);
 }
 
 .item-decor {
@@ -441,7 +480,6 @@ body {
   font-weight: 400;
   font-size: 12px;
   position: absolute;
-  color: var(--green);
 }
 
 .pagedjs_left_page .item-decor {

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/_notes.scss","modules/_chapter-header.scss","modules/_item-decor.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/_footnotes.scss","modules/_chapter-header.scss","modules/_item-decor.scss"],"names":[],"mappings":"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","file":"style.css"}

maquette-tests/assets/css/style.scss

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

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

@@ -0,0 +1,15 @@
+
+@font-face {
+    font-family: 'Baskemo Sans';
+    src: url('BaskemoSans-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+@font-face {
+    font-family: 'Baskemo Sans';
+    src: url('BaskemoSans-Italic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+}

maquette-tests/csspageweaver/manifest.json

@@ -7,15 +7,17 @@
                 "previewPage",
                 "reloadInPlace",
                 "fullPage",
-                "inlineNotes"
+                "inlineNotes",
+                "footnotesFix"
             ],
     "pluginsParameters":{
         "inlineNotes": {
             "input": ".footnote-ref",
-            "containerNotes": "#footnotes"
+            "containerNotes": "#footnotes",
+            "newClass": "footnotes"
         },
         "footnotesFix": {
-            "selector": ".footnote",
+            "selector": ".footnotes",
             "reset": ".chapter"
         }
 

maquette-tests/index.html

@@ -14,7 +14,7 @@
     <link rel="stylesheet" type="text/css" href="/assets/fonts/RoutedGothic/stylesheet.css">
     <link rel="stylesheet" type="text/css" href="/assets/fonts/ITCCheltenham/style.css">
     <link rel="stylesheet" type="text/css" href="/assets/fonts/IvoryMono/stylesheet.css">
-
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/BaskemoSans/stylesheet.css">
 
 
 </head>
@@ -30,7 +30,7 @@
     <section class="chapter" id="olivain-porry">
         <div class="chapter-header">
             
-            <h2>Un robot-poète ne nous fait toujours pas peur</h2>
+            <h2>Un robot-poète ne&nbsp;nous fait toujours pas peur</h2>
             <p class="type">Essai</p>
             <p class="author">Olivain Porry</p>
             <div class="bio">

maquette-tests/type.html

@@ -23,6 +23,7 @@
     <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">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/BaskemoSans/stylesheet.css">
 
 
 
@@ -30,6 +31,51 @@
 <body id="type-specimen">
 
 
+     <section class="specimen" data-type="baskemo-sans">
+
+        <p class="type">Baskemo Sans</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">
 
         <p class="type">ITC Cheltenham</p>