Documentation overview
- How this documentation is written
- How this documentation is structured
- How this documentation is built
- How the repository is structured
How this documentation is written
- try to use the tool, figure out how things work, ask questions to the developers
- write it down as clearly as possible to pave the path for other users
- with input from users and developers, make it better over time
How this documentation is structured
- content is written and structured around the matrix proposed by the Documentation System
- TL;DR: there are four types of documentation: tutorials, how-tos, reference, explanations
- this system makes it easier for users to find what they are looking for, and for authors to expand and maintain the docs
How this documentation is built
- documentation source is available as a separate repository (public & open-source)
- documentation website is built with Jekyll and served with GitHub Pages
- content is written in kramdown (markdown) with bits in html (mostly tables)
- templates are written in Liquid
- responsive layout is implemented with Bootstrap
- additional styles are written in Sass (for example custom font, custom classes, icon, etc.)
- the website is updated automatically at every commit to the
main
branch of the repository
How the repository is structured
fontra-docs
├── _includes/
├── _layouts/
├── _py/
├── css/
├── images/
├── videos/
├── _introduction/
├── _reference/
├── _explanations/
├── _tutorials/
├── _how-tos/
├── index.md
└── 404.html
System (developers, designers)
- _includes
- modular template parts such as header and footer
- _layouts
- just a single
default.html
template for now - _py
- Python scripts used to create images, etc.
- css
- contains
style.sass
with custom styles only - 404.html
- page for Page not found errors
- _config.yml
- Jekyll configuration file with project metadata
Content (documentation authors)
- tutorials
- sources for pages in the Tutorials section
- how-tos
- sources for pages in the How-Tos section
- reference
- sources for pages in the Reference section
- explanations
- sources for pages in the Explanations section
- index.md
- home page of the documentation
- images
- all images (screenshots, icons, etc.)
- videos
- all videos