contributing to dtdocs
This page defines the style guide for dtdocs and information about how to contribute to the project.
It is included in the user manual so that you can see how the page is rendered as well as how it is written. Please go to GitHub to see the source for this page.
This website is authored in pure markdown, using some extensions. It is initially designed to work with the Hugo SSG but indended to be portable enough that it can be easily rendered with another application if required.
File should be rendered in UTF-8 and should not include any column wrapping.
The following shows the structure of an example main chapter with subsections in the dtdocs website.
example-chapter/ _index.md section1-with-subsections/ subsection1/ image.png _index.md subsection1.md subsection2.md section2.md section3.md
A couple of notes on the above structure:
_index.mdfiles do not contain any content (they contain metadata only) and are used to render section headers and ToC entries. In the above example
example-chapter/_index.mddefines the title of the example chapter and the order in which it appears in the main table of contents. Similarly
example-chapter/section1-with-subsections/_index.mddefines metadata for the first section of the chapter.
- Media files should be contained in a directory with the same name as the page to which they relate. In this example,
example-chapter/section1-with-subsections/subsection1contains media related to the
Metadata for the markdown files is presented at the head of the page using yaml. Any metadata may be defined – the module reference sections contain quite a lot of specific metadata – however the following defines some minimal metadata for the example page
--- title: Sub Section 1 Title id: subsection1 weight: 10 ---
- This should contain the rendered title of your page. To include a colon within a title, enclose the title in double-quotes.
- This is the id used to identify the page by Hugo. It should usually be the same name as the file (for content files) or the parent directory (for
- This is an optional metadata field used to define the order in which sections are presented in the Table of Contents. If the weight field is not included, pages will be rendered in alphabetic order by default. For example, to define the sections and subsections of the above example in reverse order, the following metadata would need to be set:
example-chapter/ section1-with-subsections/ _index.md # weight: 30 (place section1 page at the end of example-chapter) subsection1.md # weight: 20 (place subsection1 page at the end of section1) subsection2.md # weight: 10 (place subsection2 page at the start of section1) section2.md # weight: 20 (place section2 in the middle of example-chapter) section3.md # weight: 10 (place section3 at the start of example-chapter)
🔗general style guidance
- All content should be authored in plain markdown without shortcodes and HTML should be kept to an absolute minimum , if used at all
- Minimalism is an absolute must. Fewer words are preferred
- Markdown files should be as short as possible
- Follow the naming and capitalization norms present in the GUI of the application - namely all headers and titles are in lower case, except for the very top-level chapter names
- Headers in a file should not exceed level three (###)
- The primary authoring language is English
- Assume the reader has the application open while reading the user manual and only include images where they contribute to the explanation of complex functionality
- Use image callouts if you need to annotate an image (i.e. mark parts of the image with a letter or number and then explain the meaning in some text following the image). Do not place words directly into the image for annotations, as this makes localization difficult. See this page for an example.
- Changes to the content should be proposed via pull request or a similar mechanism
- Your submissions will be copy edited, don’t take it personally
The standard method of presenting information about darktable module controls is with the use of definition lists.
- gui control name
- A declaration of what the control does. For example “Set the exposure in EV units”.
You can include as many paragraphs as you like, but try to limit to 2 or 3 where possible.
- a control accessed through a button with an icon
- When a control is activated using an icon, take a screenshot of the icon using the standard darktable theme and add it before the name of the control
- gui combobox name
- Comboboxes often have multiple options that all need to be displayed with separate definitions. Use bulleted lists with italics for the combobox values.
- the first value: What the first value means
- the second value: What the second value means
Definition lists are also used throughout the document, wherever a named piece of functionality needs to be defined. See, for example, darktable-cli.
If you wish to present an important note to the user, use the following format:
Note: This is an important note.
🔗fixed-width fonts and code blocks
Fixed width fonts (using the ` character) should normally only be used for code blocks and when referencing file names and command line parameters.
Internal links must be relative to the current file and must point to a valid markdown (.md) file. Start links with either
./ to represent the current directory or
../ to represent the parent directory.
- Links to a processing module should be in italics, e.g. exposure
- Links to a utility module should be in plaintext, e.g. history stack
- Link to a top level section by referencing the
_index.mdfile, e.g. module reference
- Link to a tab in the preferences dialog: preferences > general
- Link to a specific preference setting: preferences > general > interface language
- Each header within a page can be linked to directly with an anchor link: contributing/notes
When taking screenshots from the darktable application itself, use the default darktable theme.
Several filename suffixes can be used to control how an image is rendered.
- To insert an image as an icon, include
#iconafter the image name in the link. The markdown
![squirrel icon](./contributing/contributing.png#icon)outputs the following:
- image width
- You can set the image width to 25, 33, 50, 66, 75 or 100 per cent of the rendered page width by including
#wxxafter the image name in the link, where
xxis the desired width. For example:
- With the exception of icons, images are included as block elements by default. You can override this by including
#inlineafter the image name. This can be combined with the width setting as follows.
- By default images are presented as block elements with 100% width. So
![squirrel](./contributing/squirrel.png)are equivalent and both output the following: