diff --git a/maquette-tests/assets/css/base/_body.scss b/maquette-tests/assets/css/base/_body.scss index 147de94..e274210 100644 --- a/maquette-tests/assets/css/base/_body.scss +++ b/maquette-tests/assets/css/base/_body.scss @@ -16,8 +16,7 @@ a { // } body { - --font-size: 14px; - --baseline: 20px; + font-family: var(--font); font-size: var(--font-size); line-height: var(--baseline); diff --git a/maquette-tests/assets/css/base/_layout.scss b/maquette-tests/assets/css/base/_layout.scss index 774530f..dbcc3a3 100644 --- a/maquette-tests/assets/css/base/_layout.scss +++ b/maquette-tests/assets/css/base/_layout.scss @@ -1,6 +1,8 @@ @mixin running(){ font-family: var(--mono); font-size: 10px; + vertical-align: bottom; + padding-bottom: 5mm; } @@ -11,15 +13,15 @@ @page { size: 165mm 240mm; margin-top: 10mm; - margin-bottom: 20mm; + margin-bottom: 60mm; bleed: 6mm; marks: crop; } @page:left{ - margin-left: 25mm; - margin-right: 25mm; + margin-left: 18mm; + margin-right: 26mm; @bottom-left-corner{ content: counter(page); @include running(); @@ -38,8 +40,8 @@ } @page:right{ - margin-left: 25mm; - margin-right: 25mm; + margin-left: 26mm; + margin-right: 18mm; @bottom-right-corner{ content: counter(page); @include running(); diff --git a/maquette-tests/assets/css/base/_var.scss b/maquette-tests/assets/css/base/_var.scss index 85e78f2..fb30b3f 100644 --- a/maquette-tests/assets/css/base/_var.scss +++ b/maquette-tests/assets/css/base/_var.scss @@ -1,10 +1,11 @@ :root{ - --font: 'ITC Cheltenham', serif; + --font: 'Routed Gothic', sans-serif; // --font: 'HAL Timezone', serif; --mono: 'Selectric Mono', monospace; // --mono: 'HAL Timezone Mono', monospace; --note: 'Routed Gothic', serif; + --title: 'HNoailles Times Triplex', sans-serif; --red: #9B0000; --green:#009B00; diff --git a/maquette-tests/assets/css/modules/_chapter-header.scss b/maquette-tests/assets/css/modules/_chapter-header.scss index 2523fba..62590ac 100644 --- a/maquette-tests/assets/css/modules/_chapter-header.scss +++ b/maquette-tests/assets/css/modules/_chapter-header.scss @@ -17,44 +17,53 @@ .chapter-header h2{ - font-size: 38px; - line-height: 1; - font-family: var(--note); + font-size: 42px; + line-height: 0.9; + font-family: var(--title); color: var(--blue); margin-bottom: calc(var(--baseline)*1); - text-align: center; - font-weight: normal; + text-align: left; + font-weight: bold; + padding-right: 3ch; } .chapter-header .type{ margin-bottom: calc(var(--baseline)*1); + // text-align: center; } -.chapter-header .type, +.chapter-header .type{ + +} .chapter-header .bio{ font-family: var(--mono); // text-align: right; hyphens: none; - font-size: 9px; + font-size: 11px; line-height: 1.2; left: 0px!important; + } .chapter-header .bio{ margin-top: calc(var(--baseline)*1); - text-align: left; + text-align: center; + text-indent: 0; } .chapter-header .author{ left: 0px!important; - font-size: 38px; + font-size: 26px; line-height: 1; - font-family: var(--note); - font-weight: normal; + font-family: var(--title); + font-weight: bold; text-align: center; // color: var(--green); + text-align: right; + // text-transform: uppercase; + // letter-spacing: 0.01rem; } diff --git a/maquette-tests/assets/css/modules/_item-decor.scss b/maquette-tests/assets/css/modules/_item-decor.scss index baf20b5..5fe2338 100644 --- a/maquette-tests/assets/css/modules/_item-decor.scss +++ b/maquette-tests/assets/css/modules/_item-decor.scss @@ -8,9 +8,9 @@ } .pagedjs_left_page .item-decor{ - left: -26mm; + left: -12mm; } .pagedjs_right_page .item-decor{ - right: -26mm; + right: -12mm; } \ No newline at end of file diff --git a/maquette-tests/assets/css/modules/_notes copy.scss b/maquette-tests/assets/css/modules/_notes copy.scss new file mode 100644 index 0000000..be7a16f --- /dev/null +++ b/maquette-tests/assets/css/modules/_notes copy.scss @@ -0,0 +1,59 @@ +.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; +} diff --git a/maquette-tests/assets/css/modules/_notes.scss b/maquette-tests/assets/css/modules/_notes.scss index 3fe302c..94a1cdc 100644 --- a/maquette-tests/assets/css/modules/_notes.scss +++ b/maquette-tests/assets/css/modules/_notes.scss @@ -1,27 +1,10 @@ .inline-note{ - - display: none!important; - 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; + font-size: 10px; line-height: 1.2; + + .body_note{ - padding-top: 5px; } @@ -29,19 +12,24 @@ } .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; + +} + +.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; + + } diff --git a/maquette-tests/assets/css/modules/_text.scss b/maquette-tests/assets/css/modules/_text.scss index 7e42f63..f6d43cc 100644 --- a/maquette-tests/assets/css/modules/_text.scss +++ b/maquette-tests/assets/css/modules/_text.scss @@ -2,8 +2,9 @@ p{ - // text-align: justify; - // hyphens: auto; + text-align: justify; + hyphens: auto; + hyphenate-limit-chars: 8 3; position: relative; color: var(--blue); font-weight: 200; @@ -33,14 +34,16 @@ h3{ margin-top: calc(var(--baseline)*1.5); margin-bottom: calc(var(--baseline)*0.5); text-align: center; - font-weight: 200; + font-weight: normal; // text-decoration: underline; - // font-family: var(--mono); + font-family: var(--mono); text-transform: uppercase; color: var(--blue); max-width: 18ch; // margin-inline: auto; letter-spacing: 0.05rem; + + // &::before{ diff --git a/maquette-tests/assets/css/style.css b/maquette-tests/assets/css/style.css index 2b83f8e..ed66bf4 100644 --- a/maquette-tests/assets/css/style.css +++ b/maquette-tests/assets/css/style.css @@ -2,9 +2,10 @@ @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: "ITC Cheltenham", serif; + --font: "Routed Gothic", sans-serif; --mono: "Selectric Mono", monospace; --note: "Routed Gothic", serif; + --title: "HNoailles Times Triplex", sans-serif; --red: #9B0000; --green:#009B00; --green-light:#009b0025; @@ -31,8 +32,6 @@ a { } body { - --font-size: 14px; - --baseline: 20px; font-family: var(--font); font-size: var(--font-size); line-height: var(--baseline); @@ -42,17 +41,19 @@ body { @page { size: 165mm 240mm; margin-top: 10mm; - margin-bottom: 20mm; + margin-bottom: 60mm; bleed: 6mm; marks: crop; } @page :left { - margin-left: 25mm; - margin-right: 25mm; + margin-left: 18mm; + margin-right: 26mm; @bottom-left-corner { content: counter(page); font-family: var(--mono); font-size: 10px; + vertical-align: bottom; + padding-bottom: 5mm; text-align: left; padding-left: 10mm; } @@ -60,20 +61,26 @@ body { 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-size: 10px; + vertical-align: bottom; + padding-bottom: 5mm; } } @page :right { - margin-left: 25mm; - margin-right: 25mm; + margin-left: 26mm; + margin-right: 18mm; @bottom-right-corner { content: counter(page); font-family: var(--mono); font-size: 10px; + vertical-align: bottom; + padding-bottom: 5mm; text-align: right; padding-right: 10mm; } @@ -81,6 +88,8 @@ body { content: string(title); font-family: var(--mono); font-size: 10px; + vertical-align: bottom; + padding-bottom: 5mm; } } /*p{ @@ -313,6 +322,10 @@ body { } .chapter p { + text-align: justify; + -webkit-hyphens: auto; + hyphens: auto; + hyphenate-limit-chars: 8 3; position: relative; color: var(--blue); font-weight: 200; @@ -325,7 +338,8 @@ body { margin-top: calc(var(--baseline) * 1.5); margin-bottom: calc(var(--baseline) * 0.5); text-align: center; - font-weight: 200; + font-weight: normal; + font-family: var(--mono); text-transform: uppercase; color: var(--blue); max-width: 18ch; @@ -345,37 +359,19 @@ body { } .inline-note { - display: none !important; - 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; + font-size: 10px; line-height: 1.2; } -.inline-note .body_note { - padding-top: 5px; -} - -.pagedjs_floatnote_marker, -.pagedjs_floatnote_call { - color: var(--green); - padding-left: 0.25ch; - line-height: 0; - font-size: 9px; -} - -.pagedjs_floatnote_marker { - text-align: left; +.note-container { + grid-column: center; + grid-row: footer; + width: 100%; + height: calc(100% - 12mm); + -moz-columns: 2; + columns: 2; + -moz-column-fill: auto; + column-fill: auto; + padding-top: 20px; } .chapter-header { @@ -395,41 +391,43 @@ body { } .chapter-header h2 { - font-size: 38px; - line-height: 1; - font-family: var(--note); + font-size: 42px; + line-height: 0.9; + font-family: var(--title); color: var(--blue); margin-bottom: calc(var(--baseline) * 1); - text-align: center; - font-weight: normal; + text-align: left; + font-weight: bold; + padding-right: 3ch; } .chapter-header .type { margin-bottom: calc(var(--baseline) * 1); } -.chapter-header .type, .chapter-header .bio { font-family: var(--mono); -webkit-hyphens: none; hyphens: none; - font-size: 9px; + font-size: 11px; line-height: 1.2; left: 0px !important; } .chapter-header .bio { margin-top: calc(var(--baseline) * 1); - text-align: left; + text-align: center; + text-indent: 0; } .chapter-header .author { left: 0px !important; - font-size: 38px; + font-size: 26px; line-height: 1; - font-family: var(--note); - font-weight: normal; + font-family: var(--title); + font-weight: bold; text-align: center; + text-align: right; } .item-decor { @@ -441,9 +439,9 @@ body { } .pagedjs_left_page .item-decor { - left: -26mm; + left: -12mm; } .pagedjs_right_page .item-decor { - right: -26mm; + right: -12mm; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/maquette-tests/assets/css/style.css.map b/maquette-tests/assets/css/style.css.map index c011db4..2e7a32c 100644 --- a/maquette-tests/assets/css/style.css.map +++ b/maquette-tests/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_notes.scss","modules/_chapter-header.scss","modules/_item-decor.scss"],"names":[],"mappings":"AAAQ,wEAAA;AACA,8HAAA;AACA,6GAAA;ACFR;EAEI,+BAAA;EAEA,mCAAA;EAEA,8BAAA;EAEA,cAAA;EACA,eAAA;EACA,uBAAA;EACA,eAAA;EAEA,YAAA;EACA,aAAA;EACA,aAAA;EAEA,aAAA;EAEA,iBAAA;EACA,gBAAA;ACHJ;;ACjBA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;EACA,mCAAA;EACA,gCAAA;EACA,8BAAA;ADoBJ;;AClBA;EACI,mBAAA;ADqBJ;;ACbA;EACI,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,2BAAA;EACA,4BAAA;ADgBJ;;AE9BA;EAEE;IACE,iBAAA;IACA,gBAAA;IACA,mBAAA;IACA,UAAA;IACA,WAAA;EFgCF;EE5BA;IACE,iBAAA;IACA,kBAAA;IACC;MACC,sBAAA;MAtBJ,wBAAA;MACA,eAAA;MAwBK,gBAAA;MACC,kBAAA;IF8BJ;IE5BC;MACC,uBAAA;MA7BJ,wBAAA;MACA,eAAA;IF4DE;IE7BC;MACD,qBAAA;MAjCF,wBAAA;MACA,eAAA;IFiEE;EACF;EE7BA;IACE,iBAAA;IACA,kBAAA;IACC;MACC,sBAAA;MA1CJ,wBAAA;MACA,eAAA;MA2CM,iBAAA;MACA,mBAAA;IFgCJ;IE9BC;MACC,sBAAA;MAhDJ,wBAAA;MACA,eAAA;IFiFE;EACF;EE9BA;;IAAA;EAIA;IACE,+BAAA;SAAA,mBAAA;EF+BF;AACF;AFvFA;EACE,yBAAA;AEyFF;;AFrFA;EACE,8BAAA;AEwFF;;AFpFA;EACE,8BAAA;AEuFF;;AFnFA;EACE,kCAAA;AEsFF;;AFnFA;EACE,2CAAA;AEsFF;;AFlFA;EACE,+BAAA;AEqFF;;AFlFA;EACE,wCAAA;AEqFF;;AFlFA;EACE,4BAAA;AEqFF;;AFlFA;EACE,2BAAA;AEqFF;;AFnFA;EACE,gCAAA;AEsFF;;AFpFA;EACE,mCAAA;AEuFF;;AFpFA;EACE,8BAAA;AEuFF;;AFpFA;EACE,oCAAA;AEuFF;;AFpFA;EACE,kCAAA;AEuFF;;AFpFA;EACG,mCAAA;AEuFH;;AFpFA;EACG,mDAAA;AEuFH;;AFpFA;EACG,kDAAA;AEuFH;;AFpFA;EACG,mDAAA;AEuFH;;AFpFA;EACG,6CAAA;AEuFH;;AFpFA;EACG,4CAAA;AEuFH;;AFpFA;EACG,6CAAA;AEuFH;;AFpFA;EACG,qCAAA;AEuFH;;AFrFA;EACG,uCAAA;AEwFH;;AFrFA;EACG,4BAAA;AEwFH;;AFtFA;EACG,iCAAA;AEyFH;;AFvFA;EACG,0CAAA;AE0FH;;AFvFA;EACE,6CAAA;AE0FF;;AFvFA;EACE,wCAAA;AE0FF;;AFtFA;EACE,+CAAA;AEyFF;;AFtFA;EACE,oCAAA;AEyFF;;AFrFA;EACE,oCAAA;EACA,gBAAA;AEwFF;;AGvNA;EACI,yBAAA;AH0NJ;AGxNI;EACI,uBAAA;EACA,mBAAA;EACA,iBAAA;AH0NR;AGvNI;EAEI,aAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EAEA,aAAA;EACA,8BAAA;EACA,SAAA;AHuNR;AGnNI;EACI,mBAAA;EACA,qBAAA;UAAA,aAAA;EACA,kBAAA;AHqNR;AGlNI;EACA,eAAA;AHoNJ;AGhNI;EAEI,eAAA;EACA,gBAAA;EACA,eAAA;EACA,mBAAA;AHiNR;AG9MI;EACI,gBAAA;AHgNR;AG7MI;EACI,iBAAA;AH+MR;AG5MK;EACG,mBAAA;AH8MR;AG3MK;EACG,mBAAA;EACA,kBAAA;AH6MR;AG3MM;EACE,2BAAA;EACA,kBAAA;AH6MR;AG1MI;EACE,mBAAA;EACA,yBAAA;EACA,uBAAA;AH4MN;;AGtME;EACE,mBAAA;EACE,gBAAA;AHyMN;;AG1LI;;;;EACI,8BAAA;AHgMR;;AG5LA;EACI,yBAAA;EAEA,kBAAA;AH8LJ;;AGzLE;EACE,8BAAA;EACA,kBAAA;AH4LJ;;AGvLE;EACE,2BAAA;EACA,8BAAA;EACA,kBAAA;AH0LJ;;AGnLE;;;EACE,8BAAA;AHwLJ;;AGlLE;EACE,2BAAA;AHqLJ;;AInTI;EAGA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,uBAAA;AJoTJ;AItSA;EACI,0BAAA;AJwSJ;AIjSA;EACI,uCAAA;EACA,0CAAA;EACA,kBAAA;EACA,gBAAA;EAGA,yBAAA;EACC,kBAAA;EACC,eAAA;EAEA,uBAAA;AJgSN;AI3QA;EAWI,2BAAA;EAEI,qCAAA;EACA,wCAAA;AJkQR;AI9PA;EAEI,eAAA;AJ+PJ;;AIvNA;EACI,kBAAA;AJ0NJ;;AKtVA;EAEI,wBAAA;EACA,mBAAA;EAGA,WAAA;EACA,WAAA;EACA,WAAA;EACA,gBAAA;EACA,qBAAA;UAAA,aAAA;EAEA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;EAEA,wBAAA;EACA,gBAAA;EACA,gBAAA;ALoVJ;AKlVI;EACI,gBAAA;ALoVR;;AK9UA;;EAEI,mBAAA;EAEA,oBAAA;EACA,cAAA;EACA,cAAA;ALgVJ;;AK3UA;EAKI,gBAAA;AL0UJ;;AMvXA;EAEI,wCAAA;ANyXJ;;AMtXA;EACE,+BAAA;ANyXF;;AMtXA;EACE,gCAAA;ANyXF;;AMtXA;EACE,8BAAA;ANyXF;;AMrXA;EACI,eAAA;EACA,cAAA;EACA,wBAAA;EACA,kBAAA;EACA,wCAAA;EACA,kBAAA;EACA,mBAAA;ANwXJ;;AMnXA;EACK,wCAAA;ANsXL;;AMnXA;;EAEK,wBAAA;EAEA,qBAAA;UAAA,aAAA;EACA,cAAA;EACA,gBAAA;EACI,oBAAA;ANqXT;;AMjXA;EACA,qCAAA;EACK,gBAAA;ANoXL;;AMjXA;EACI,oBAAA;EACA,eAAA;EACA,cAAA;EACA,wBAAA;EACA,mBAAA;EACA,kBAAA;ANoXJ;;AO3aA;EACI,wBAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;AP8aJ;;AO3aA;EACK,WAAA;AP8aL;;AO3aA;EACK,YAAA;AP8aL","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["base/_type.scss","base/_var.scss","style.css","base/_body.scss","base/_layout.scss","base/_type-specimen.scss","modules/_text.scss","modules/_notes.scss","modules/_chapter-header.scss","modules/_item-decor.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/maquette-tests/csspageweaver/plugins/sidenotes/sidenotes.js b/maquette-tests/csspageweaver/plugins/sidenotes/sidenotes.js index 2063589..675012e 100644 --- a/maquette-tests/csspageweaver/plugins/sidenotes/sidenotes.js +++ b/maquette-tests/csspageweaver/plugins/sidenotes/sidenotes.js @@ -33,6 +33,27 @@ export default class sidenotes extends Handler { // note.style.left = "0px"; // }); + let notes = content.querySelectorAll(this.notesClass); + notes.forEach(function (note, index) { + note.style.position = "absolute"; + note.style.top = "0px"; + note.style.left = "0px"; + }); + + + } + + afterPageLayout(pageElement, page, breakToken) { + let pageBox = pageElement.querySelector(".pagedjs_pagebox"); + var div = document.createElement('div'); + div.classList.add("note-container") + pageBox.appendChild(div) + let notes = pageElement.querySelectorAll(this.notesClass); + notes.forEach(function (note, index) { + // console.log(note); + div.appendChild(note); + note.style.position = "relative"; + }); } diff --git a/maquette-tests/index.html b/maquette-tests/index.html index 869333f..659705d 100644 --- a/maquette-tests/index.html +++ b/maquette-tests/index.html @@ -136,7 +136,7 @@ avec eux et entretenir ces interactions. Sur des plateformes comme Medium et Quora, la quantité de contenus générés par des algorithmes d’intelligence artificielle a augmenté de manière significative ces - dernières années pour atteindre jusqu’à 40 % de ce qui y est posté6. Un pourcentage qui serait équivalent à celui des productions générées par IA sur l’ensemble du réseau internet7.

diff --git a/maquette-tests/js/items-decor.js b/maquette-tests/js/items-decor.js index 2f397fc..706c6ea 100644 --- a/maquette-tests/js/items-decor.js +++ b/maquette-tests/js/items-decor.js @@ -8,7 +8,6 @@ export default class myCustomHandler2 extends Handler { afterPageLayout(pageElement, page, breakToken) { - console.log(pageElement); let pageArea = pageElement.querySelector(".pagedjs_area"); let pageAreaTop = pageArea.getBoundingClientRect().top; let items = pageElement.querySelectorAll("p, h3, h4, .inline-note"); diff --git a/pdf-print/Cheltenham-200_14-18.pdf b/pdf-print/Cheltenham-200_14-18.pdf deleted file mode 100644 index fce1089..0000000 Binary files a/pdf-print/Cheltenham-200_14-18.pdf and /dev/null differ diff --git a/pdf-print/Cheltenham-200_14-20.pdf b/pdf-print/Cheltenham-200_14-20.pdf deleted file mode 100644 index 285932e..0000000 Binary files a/pdf-print/Cheltenham-200_14-20.pdf and /dev/null differ diff --git a/pdf-print/Cheltenham_12:17.pdf b/pdf-print/Cheltenham_12:17.pdf deleted file mode 100644 index a2f2c1c..0000000 Binary files a/pdf-print/Cheltenham_12:17.pdf and /dev/null differ diff --git a/pdf-print/WagramSlab_11-5:16.pdf b/pdf-print/WagramSlab_11-5:16.pdf deleted file mode 100644 index 3d0c3cd..0000000 Binary files a/pdf-print/WagramSlab_11-5:16.pdf and /dev/null differ diff --git a/pdf-print/WagramSlab_11:18.pdf b/pdf-print/WagramSlab_11:18.pdf deleted file mode 100644 index 9f5b3e2..0000000 Binary files a/pdf-print/WagramSlab_11:18.pdf and /dev/null differ diff --git a/pdf-print/WagramSlab_12:17.pdf b/pdf-print/WagramSlab_12:17.pdf deleted file mode 100644 index 7f3bb91..0000000 Binary files a/pdf-print/WagramSlab_12:17.pdf and /dev/null differ