opensuse: use `zypper addrepo`
[lttng-docs.git] / contrib-guide.md
CommitLineData
5e0cbfb0
PP
1Contributor's guide
2===================
3
4This guide presents the structure and conventions of the LTTng
5Documentation's source. Make sure you read it thoroughly before
6contributing a change.
7
8
89415a66
PP
9branches
10--------
11
12The online documentation published at <http://lttng.org/docs/> is always
13compiled from the sources of this repository's latest stable branch.
14The `master` branch contains the current documentation of the upcoming
15LTTng release.
16
17
18structure of sources
19--------------------
5e0cbfb0
PP
20
21`toc/docs.yml` is a YAML tree of all chapters, sections and subsections.
22It indicates which unique ID is linked to which position in the
23hierarchy and its true title.
24
25In the `contents` directory, the `preface.md` file is the preface contents.
26Each chapter has its own directory (directory names are not significant).
27Within those, `intro.md` files are partial introductions and then each
28section has its own directory, and so on, unless a section has no
29subsections, in which case all its contents is in a single Markdown file
30named _more or less_ like its ID.
31
32Each Markdown file begins with a YAML front matter which only contains
33the unique ID of this chapter/section:
34
35```yaml
36---
37id: unique-id-goes-here
38---
39
40First paragraph goes here.
41```
42
43Editable image sources are placed in `images/src` and their rendered
44equivalents are located in `images/export`.
45
46`tools/checkdocs.py` is a Python 3 script which may be used to find
47typical errors in the whole documentation (dead internal links,
48common grammar mistakes, etc.). It needs the
49[`termcolor`](https://pypi.python.org/pypi/termcolor) Python package.
50Run it from the repository's root:
51
52 tools/checkdocs.py
53
54and it will potentially output a list of errors and warnings.
55
56
57format of sources
58-----------------
59
60The sources are made of a fusion of Markdown and HTML processed by
61[kramdown](http://kramdown.gettalong.org/). Markdown is preferred,
62HTML being only used for specific cases that need special formatting
63not available using plain Markdown. The kramdown processor is clever
64enough to support both languages in the same file, even in the same
65paragraph!
66
67
68### HTML specifics
69
70Here's a list of HTML blocks and inline code used throughout the
71document. If you need to contribute, please use them when needed to
72preserve the document's visual consistency.
73
74
75#### tip/note block
76
77Tip/note block:
78
79```html
80<div class="tip">
81 <p>
82 <span class="t">Title goes here followed by colon:</span>Text goes
83 here; plain HTML.
84 </p>
85 <p>
86 Multiple paragraphs is allowed.
87 </p>
88</div>
89```
90
91Title should be `Tip:` for a tip and `Note:` for a note.
92
93
94#### external links
95
96Internal links should always use Markdown
97(`[caption](#doc-section)`). External links, however, need a special
98style and must use the `<a>` tag with the `ext` CSS class:
99
100```html
101The LTTng Documentation is
102<a href="https://github.com/lttng/lttng-docs" class="ext">public</a>.
103```
104
cc3ab47f
PP
105Sometimes, however, it is necessary to write internal links in plain
106HTML, for example in tip blocks, since Markdown code is not processed.
107In these cases, add the `int` CSS class as a hint to prevent the static
108analyzer from complaining (`tools/checkdocs.py`).
109
5e0cbfb0
PP
110
111#### abbreviations
112
113Use `<abbr>` for describing abbreviations. This should only be used
114for the first use of the abbreviation:
115
116```html
117The <abbr title="Linux Trace Toolkit: next generation">LTTng</abbr>
118project is an open source system software package [...]
119```
120
121
122#### non-breaking spaces
123
124Sometimes, a non-breaking space HTML entity (`&nbsp;`) needs to be
125explicitly written.
126
127Examples:
128
129```html
130The size of this file is 1039&nbsp;bytes.
131
132This integer is displayed in base&nbsp;16.
133
134A check is performed every 3000&nbsp;ms.
135```
136
137
138#### placeholders in inline code
139
140You must use `<em>` to emphasize a placeholder within a `<code>` tag
141because Markdown backticks (<code>`</code>) always render their
142content literally:
143
144```html
145Name your file <code>something_<em>sys</em>.c</code>, where
146<code><em>sys</em></code> is your system name.
147```
148
149
150#### terminal boxes
151
152A terminal box, where command lines are shown, is a simple `<pre>`
153with the `term` class:
154
155```html
156<pre class="term">
157echo This is a terminal box
158</pre>
159```
160
161Do not prefix command lines with prompts (`$`/`#`) since this makes
162copy/paste operations painful.
163
164You may use `<strong>` tags to emphasize a part of the command line:
165
166```html
167<pre class="term">
168echo This is a <strong>terminal</strong> box
169</pre>
170```
171
172Results of commands, if needed, should be presented in a simple
173`text` kramdown code block:
174
175<pre>
176~~~ text
177[15:30:34.835895035] (+?.?????????) hostname hello_world: { cpu_id = 1 }, { my_int = 8, char0 = 68, char1 = 97, product = "DataTraveler 2.0" }
178[15:30:42.262781421] (+7.426886386) hostname hello_world: { cpu_id = 1 }, { my_int = 9, char0 = 80, char1 = 97, product = "Patriot Memory" }
179[15:30:48.175621778] (+5.912840357) hostname hello_world: { cpu_id = 1 }, { my_int = 10, char0 = 68, char1 = 97, product = "DataTraveler 2.0" }
180~~~
181</pre>
182
183
184#### images
185
186Use
187
188```html
189<div class="img img-70">
4280f592 190 <img src="/images/docs26/image-name.png" alt="Short description">
5e0cbfb0
PP
191</div>
192```
193
194to display an image. Change `img-70` to `img-` followed by the
195width percentage you wish.
196
197The SVG format is preferred. In this case, use the `<object>` tag to
198render an interactive SVG, with an inner raster image fallback for
199basic browsers:
200
201```html
202<div class="img img-90">
4280f592
PP
203 <object data="/images/docs26/image-name.svg" type="image/svg+xml">
204 <img src="/images/docs26/image-name.png" alt="Short description">
5e0cbfb0
PP
205 </object>
206</div>
207```
208
209An interactive SVG object allows its text to be selected, amongst other
210features.
211
212
213convention
214----------
215
216A few rules to comply with in order to keep the text as
217consistent as possible:
218
219 * Use _user space_, not _userspace_ nor _user-space_.
220 (neither _user land_).
221 * Use _file system_, not _filesystem_.
222 * Use _use case_, not _use-case_ nor _usecase_.
223 * Use _the C standard library_, not _libc_.
224 * Use _log level_, not _loglevel_.
225 * Use complete LTTng project names: _LTTng-modules_, _LTTng-UST_ and
226 _LTTng-tools_, not _modules_, _UST_ and _tools_.
227 * All code snippets should use 4 spaces for indentation (even C)
228 so that they are not too large.
229 * Prefer emphasis (Markdown: `_something_`, HTML: `<em>something</em>`)
230 to strong (Markdown: `**something**`, HTML: `<strong>something</strong>`)
231 for emphasizing text.
232 * Try to stay behind the 72th column mark if possible, and behind
233 the 80th column otherwise.
234 * Do not end directory paths with a forward slash
235 (good: `include/trace/events`, bad: `include/trace/events/`).
236 * Keep the text as impersonal as possible (minimize the use of
237 _I_, _we_, _us_, etc.), except for user guides/tutorials where
238 _we_ have an ongoing example.
7d603874
PP
239
240
241committing
242----------
243
244If you make a change to a single contents file, prefix your Git commit
245message's first line with the file ID followed by `: `, e.g:
246
247 archlinux: minor fix
This page took 0.031015 seconds and 4 git commands to generate.