11ty + tufte.css

🚧La partie qui suit est encore en cours d'élaboration. Il y a donc des risques de changement. Ce qui y est dit est donc à prendre avec des pincettes.

markdown-it-tufte

markdown-it-tufte is a good integration of Tufte CSS within standard markdown. The syntax follows that of footnotes in Pandoc. Formatters such as mdformat won't have any issues with it.

If you have layouts with no content, it will rise and error and crash. I have raised an issue on GitHub and submitted a pull request.

In the meantime, you can still use my version. When the problem is resolved, you can easily switch back. To do so, just install the package from my GitHub repository:

npm install --save https://github.com/taniki/markdown-it-tufte

📦La partie qui suit est obsolète. Elle reste cependant en place afin de préserver une trace écrite.

• ✅ tufte.css
• ✅ side note mardown markup
• ✅ simple margin note markdown markup
• complex note (like paragraphs or pictures)

• copy tufte.css git content into your css folder
• link to it in your templates. e.g. <link rel="stylesheet" href="tufte.css"/>
• copy sidenote.js and marginnote.js in any folder of you choice (e.g. /md-tufte/)
• add the following code to your .eleventy.js inside module.exports = function(eleventyConfig) {}

let markdownIt = require("markdown-it")
let md = markdownIt({debug: true})
  .use(require('./md-tufte/sidenote'))
  .use(require('./md-tufte/marginnote'))

example

Virgine^[Pikachu vs Palpatine] Haec non Vulcania uror illa stabant, expresso urbes: corpora in solverat
in augur hirsutis successu! Trinacriam non una et pius [sunt](http://www.o.net/)
est purasque timorem, *timentia mille suis* imbre et dictis es. Nocebit dederat
ibi. Potita et qui ad pulcherrime concilio linquendus vomit. Iunonia Pandrosos
undis, [non labor puteisque](http://www.grandior.io/) marito mortales sanguine
et cuspis monitus, mihi tua litora.

Virgine

example

Coniunx erat *rotarum virum* sed harenas *vulnere* gladium commissa ante arma
monte artus dolorque, malo. +[ok boomer] Cur utque, vox terras tecta Medusaei numina, qua
erat magnanimus tantum.

Coniunx erat rotarum virum sed harenas vulnere gladium commissa ante arma monte artus dolorque, malo.