PHPackages bobdenotter/bolt-tufte-theme - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. bobdenotter/bolt-tufte-theme ActiveBolt-theme[Utility & Helpers](/categories/utility) bobdenotter/bolt-tufte-theme ============================ 🎨 Tufte Theme for Bolt 1.1.0(5y ago)47[1 issues](https://github.com/bobdenotter/bolt-tufte-theme/issues)[3 PRs](https://github.com/bobdenotter/bolt-tufte-theme/pulls)MITSCSS Since Aug 24Pushed 3y ago2 watchersCompare [ Source](https://github.com/bobdenotter/bolt-tufte-theme)[ Packagist](https://packagist.org/packages/bobdenotter/bolt-tufte-theme)[ Docs](http://boltcms.io)[ RSS](/packages/bobdenotter-bolt-tufte-theme/feed)WikiDiscussions master Synced 2d ago READMEChangelog (3)Dependencies (1)Versions (7)Used By (0) Tufte CSS ========= [](#tufte-css) > Simplicity, to me, has always been the essence of good taste. > \-- [Cary Grant](http://www.gq.com/style/wear-it-now/201304/cary-grant-on-style?printable=true) Edward Tufte uses a distinctive style in his handouts: simple, with well-set typography, extensive sidenotes, and tight integration of graphics and charts. `tufte-css` brings that style to HTML documents. This project is directly inspired by and based on [Tufte-LaTeX](https://tufte-latex.github.io/tufte-latex/) and the [R Markdown Tufte Handout](http://rmarkdown.rstudio.com/examples/tufte-handout.pdf). A good starting point for the 'entries' contenttype is: ``` entries: name: Entries singular_name: Entry fields: title: type: text class: large group: content slug: type: slug uses: title teaser: type: html height: 150px image: type: image group: media attrib: [ title, alt ] image_position: type: select values: main: "Main column" sidebar: "Sidebar" body: type: html height: 300px taxonomy: [ categories, tags ] listing_records: 10 default_status: publish sort: -datepublish ``` Getting Started --------------- [](#getting-started) The file *index.html* is a self-describing demonstration document that walks through the features of Tufte CSS. The live version at is the best overview of the project. To use Tufte CSS on your own HTML page, just copy `tufte.css`, `ETBembo-RomanLF.ttf`, and `ETBembo-DisplayItalic.ttf` to your project directory and add the following to your HTML doc's head block: ``` ``` All the other files can be ignored, as they are merely used by the demonstration document. Contributing ------------ [](#contributing) If you notice something wrong or broken, let us know by opening an issue. **Pull requests are very welcome**. For best results, keep pull requests to one change at a time, and test your fix or new functionality against `index.html` on screens as small as an iPhone 4 and as big as, well, as big as you use normally. (If you don't have a mobile device handy, fake different devices with your browser's developer tools.) See the Issues page, especially [Help Wanted](https://github.com/daveliepmann/tufte-css/labels/help%20wanted), for opportunities to contribute. Keep our style guide in mind: CSS Style Guide --------------- [](#css-style-guide) > Every major open-source project has its own style guide: a set of conventions (sometimes arbitrary) about how to write code for that project. It is much easier to understand a large codebase when all the code in it is in a consistent style. > \-- [Google Style Guide](https://code.google.com/p/google-styleguide/) Tufte CSS aims for clarity, concision, and uniformity. Here's a basic example of our CSS conventions: ``` p { font-size: 1.4rem; line-height: 2rem; margin-top: 1.4rem; margin-bottom: 1.4rem; width: 55%; padding-right: 0; vertical-align: baseline; } @media screen and (max-width: 600px) { p { width: 70%; }} @media screen and (max-width: 400px) { p { width: 90%; }} ``` Notice the single spacing between most syntactic markers, the single blank lines between unrelated blocks, and the absence of line breaks after an open-paren and before end-parens. Notice also that these rules change slightly for media queries. Originally adapted from : , by Dave Liepmann. License ------- [](#license) Released under the MIT license. See *LICENSE.TXT*. ### Health Score 27 — LowBetter than 47% of packages Maintenance15 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community10 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 88.2% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~189 days Total 3 Last Release 2124d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1833361?v=4)[Bob den Otter](/maintainers/bobdenotter)[@bobdenotter](https://github.com/bobdenotter) --- Top Contributors [![bobdenotter](https://avatars.githubusercontent.com/u/1833361?v=4)](https://github.com/bobdenotter "bobdenotter (112 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (15 commits)") --- Tags themebulmaboltTufte ### Embed Badge ![Health badge](/badges/bobdenotter-bolt-tufte-theme/health.svg) ``` [![Health](https://phpackages.com/badges/bobdenotter-bolt-tufte-theme/health.svg)](https://phpackages.com/packages/bobdenotter-bolt-tufte-theme) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)