jornh / dita-bootstrapped

Style your DITA maps and topics with Twitter Bootstrap CSS
http://jornh.github.io/dita-bootstrapped/
3 stars 0 forks source link

dita-bootstrapped

Style your DITA maps and topics with Twitter Bootstrap for a modern responsive page layout that tries to be readable and easy to navigate even on a widescreen display.

What else is DITA-Bootstrapped - why was it built?

DITA-Bootstrapped is an opinionated ongoing experiment on how to avoid building DITA franken-books by not just accepting the default output format often seen of one output page per DITA input topic and letting the poor reader assemble the puzzle by navigating a massive Table of Contents.

Apart from that ... it's just getting started so a lot is missing. It's probably not ready for big DITA help systems with several hundred DITA files just yet. But for delivering less than that it's beginning to be useable. Take a look at the examples below

Examples - what does it look like?

Built incrementally one user story at a time:

How to build your own

  1. Clone or download dita-bootstrapped
  2. Install ditac which requires Java on your machine
  3. Run ditac -t xhtml.xsl out/comparing-baselines.html comparing-baselines.dita to build the HelloWorld example
  4. Admire out/comparing-baselines.html with your browser - which is the result you just built

Thank you & license stuff

The DITA-Bootstrap stylesheet is derived from ditac which is under a MPL 1.1 license

The "DITA for the Impatient" source files used in the KitchenSink example above are written by Hussein Shafie and is licensed under the CC-BY-SA

Well, and Bootstrap of course, which is under the Apache License

Thanks for sharing useful stuff!