Repository files navigation

Edward Tufte uses a distinctive style in his handouts: simple, with well-settypography, extensive sidenotes, and tight integration of graphics andcharts.envisioned-css brings that style to HTML documents.

This project is directly inspired by andbased ontufte-css,tablesaw,Pushy off-canvas navigation andR Markdown Tufte Handout.

The fileindex.html is a self-describing demonstration document that walks throughthe features of Envisioned CSS. The filewith-nav.html demos the use of the navigation functionality. The live demos are at the following,creativeitch.co/nogginfuel/envisioned-css andcreativeitch.co/nogginfuel/envisioned-css/with-nav.html. They best summarize the project.

To use Envisioned CSS on your own website, just copyenvisioned.css,tablesaw-stackonly.css,nudge.css,Roboto-Regular.ttf,RobotoCondensed-Regular.ttf andRobotoMono-Regular.ttf to your projectdirectory (or just copy the folder structure) and add the following to your HTML doc's head block:

<linkrel="stylesheet"href="css/envisioned.css"/><linkrel="stylesheet"href="css/tablesaw-stackonly.css"/><linkrel="stylesheet"href="css/nudge.css"/><!-- if you want navigation -->

You will also need to copyjquery.js,tablesaw-stackonly.js andnudge.min.js (or the folder structure) add the following block prior to the closing</body> tag:

<scriptsrc="js/jquery.js"></script><scriptsrc="js/tablesaw-stackonly.js"></script><scriptsrc="js/nudge.min.js"></script><!-- if you want navigation -->

If you notice something wrong or broken, please open anissue.Pull requests are very welcome.

For best results, keep pull requests to one change at a time, andtest your fix or new functionality againstindex.html on screens assmall as smart phones and as big as HD or HD+ displays. If you don't have a mobile device handy, fake different devices with your browser's developer tools.

• Dave Liepmann - Tufte CSS
• Filament Group - Tablesaw
• Christopher Yee - Pushy

The code is Released under the MIT license.LICENSE.MD.The Roboto fonts are subject to the Apache 2.0 in the following directory font > Roboto folder >LICENSE.TXT.