In that spirit, links are styled using a similar red color. In his book The Visual Display of Quantitative Information, he uses a red ink to add some visual punctuation to the buff colored paper and dark ink. Tufte’s books are a study in spare, minimalist design. I picked #fffff8 and #111111 because they are nearly indistinguishable from their ‘pure’ cousins, but dial down the harsh contrast. Fundamentals ColorĪlthough paper handouts obviously have a pure white background, the web is better served by the use of slightly off-white and off-black colors. The default values are the ones from tufte-css. Default is color using $contrast-color set aboveĪny of these values can be changed in the _sass/_settings.scss file before the site is built. $link-style: color // choices are 'color' or 'underline'. $url-font: 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Bitstream Vera Sans Mono', monospace $code-font: Consolas, 'Liberation Mono', Menlo, Courier, monospace $sans-font: 'Gill Sans', 'Gill Sans MT', 'Lato', Calibri, sans-serif The free Google 'Lato' font is used instead. However, it is not a free font, so if it is not present on the computer that is viewing the webpage Note that Gill Sans is the top of the stack and corresponds to what is used in Tufte's books $body-font: ETBembo, Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif * This file contains all the constants for colors and font styles */ If you don’t use SCSS or SASS, you are missing out on a huge productivity tool. When the Jekyll site is built using jekyll build the settings in this file will be compiled into the customized CSS file that the site uses.

This means that you can alter things like font choices, text color, background color, and underlining style by changing values in this file. I have also turned the CSS file into a SASS file (the. I have taken much of the actual Tufte-css files and modified them as necessary to accomodate the needs inherent in creating a Jekyll theme that has additional writing aids such as the Liquid tags. The additional verbiage and commentary I have added is to document the custom Liquid markup tags and other features that are bundled with this theme. I have taken almost all of the sample content from the Tufte-css repo and embedded it here to illustrate the parity in appearence between the two. The remainder of this sample post is a self-documenting survey of the features of the Tufte-Jekyll theme. Essentially, if you know markdown, and mix in a few custom Liquid tags, you can be creating a website with this document style in short order.

I borrowed freely from the Tufte-CSS repo and have transformed many of the typographic and page-structural features into a set of custom Liquid tags that make creating content using this style much easier than writing straight HTML. This Jekyll blog theme is based on the github repository by Edward Tufte here, which was orginally created by Dave Leipmann, but is now labeled under Edward Tufte’s moniker. The idea for this project is essentially cribbed wholesale from Tufte and R Markdown’s Tufte Handout format See /tufte-latex/ and /tufte_handout_format This page is an adaptation of the Tufte Handout PDF. Tufte’s style is known for its extensive use of sidenotes, tight integration of graphics with text, and well-set typography. Here is the r code chunk for the gt table, as well as the tufte formatting I am using.The Tufte Jekyll theme is an attempt to create a website design with the look and feel of Edward Tufte’s books and handouts.

I have tried using the fig.align knitr option but it is not working.

I want to align the gt tables left so that they are in the main column, rather than down the center of the HTML spanning both the main column and margin. I am including gt tables in a Tufte-style HTML.

Marginnote tufte rmarkdown