Fix typo in activity log metrics
[chromium-blink-merge.git] / native_client_sdk / doc_generated / rest-devsite-examples.html
blob9f912685c3b4eb8121351ef3e95b4295de46d7ae
1 {{+bindTo:partials.standard_nacl_article}}
3 <section id="examples-of-rest-markup-for-chromesite-document-title">
4 <h1 id="examples-of-rest-markup-for-chromesite-document-title">Examples of ReST markup for chromesite (Document title)</h1>
5 <section id="document-structure">
6 <h2 id="document-structure">Document structure</h2>
7 <p>A document starts with a Sphinx target which serves as the document name
8 throughout the tree. It can serve as a link target in other documents that want
9 to link to this one (see the Links section below).</p>
10 </section><section id="basic-markup">
11 <h2 id="basic-markup">Basic markup</h2>
12 <p>In general, follow the rules from <a class="reference external" href="http://sphinx-doc.org/rest.html">http://sphinx-doc.org/rest.html</a></p>
13 <p>Some <strong>bold text</strong> and <em>italic text</em> and <code>fixed-font text</code>. Non marked-up text
14 can follow these immediately by using a backslash: <strong>pexe</strong>s.</p>
15 <p>For pleasant collaborative editing, please use the accepted coding guidelines:
16 wrap at 80 columns, no tabs, etc.</p>
17 <p>Quotes (<code>&lt;blockquote&gt;</code>) are created by indenting the paragraph:</p>
18 <blockquote>
19 <div>Most good programmers do programming not because they expect to get paid or
20 get adulation by the public, but because it is fun to program.
21 &#8211; Linus Torvalds</div></blockquote>
22 <p>Here&#8217;s an en-dash &#8211; and an m-dash &#8212; too.</p>
23 <section id="unicode-samples">
24 <h3 id="unicode-samples">Unicode samples</h3>
25 <p>Copyright sign ©, and uacute Ú.</p>
26 </section></section><section id="images">
27 <h2 id="images">Images</h2>
28 <p>Please use absolute paths (starting with <code>/</code>) for images:</p>
29 <img alt="/native-client/images/NaclBlock.png" src="/native-client/images/NaclBlock.png" />
30 </section><section id="links">
31 <h2 id="links">Links</h2>
32 <section id="to-other-documents-within-the-tree">
33 <h3 id="to-other-documents-within-the-tree">To other documents within the tree</h3>
34 <p>Internal links to other documents are created <a class="reference internal" href="/native-client/overview.html"><em>like this</em></a>. The
35 document name within the angle brackets is relative to the root dir of the doc
36 tree and does not have an extension.</p>
37 <p>Here&#8217;s a link to a document in a subdirectory: <a class="reference internal" href="/native-client/devguide/tutorial/tutorial-part1.html"><em>the tutorial</em></a>. And a link to a subdirectory index page
38 <a class="reference internal" href="/native-client/devguide/index.html"><em>devguide index</em></a>.</p>
39 </section><section id="to-sections-inside-documents">
40 <h3 id="to-sections-inside-documents">To sections inside documents</h3>
41 <p>To internal locations within documents, labels are used. For example, this link
42 goes to the label explicitly placed in this document -
43 <a class="reference internal" href="#link-for-section-heading"><em>Section heading</em></a>. This works across documents as well. Label
44 names must be unique in the tree, and can refer to anything (like images).</p>
45 <p>It&#8217;s also possible to give such cross-references custom names: <a class="reference internal" href="#link-for-section-heading"><em>Same
46 Section Heading</em></a>.</p>
47 </section><section id="to-external-locations">
48 <h3 id="to-external-locations">To external locations</h3>
49 <p>Plain links can be placed like this: <a class="reference external" href="http://google.com">http://google.com</a> and also <a class="reference external" href="http://google.com">like this</a>.</p>
50 </section></section><section id="definition-lists">
51 <h2 id="definition-lists">Definition lists</h2>
52 <p>Can be used to define a group of related terms. Internal formatting is supported
53 within the definition. No special formatting needs to be done for the definition
54 name/title - it&#8217;s handled by the chromesite documentation server.</p>
55 <dl class="docutils">
56 <dt>Apple</dt>
57 <dd>The apple is the pomaceous fruit of the apple tree, species Malus domestica in
58 the rose family (<strong>Rosaceae</strong>).</dd>
59 <dt>Fig</dt>
60 <dd>The common fig (<strong>Ficus carica</strong>) is a species of flowering plant in the genus
61 Ficus, from the family Moraceae, known as the common fig (or just the fig),
62 anjeer (Iran, Pakistan), and dumur (Bengali).</dd>
63 <dt>Pear</dt>
64 <dd>The pear is any of several tree and shrub species of genus Pyrus, in the
65 family Rosaceae.</dd>
66 </dl>
67 </section><section id="notes-and-admonitions">
68 <h2 id="notes-and-admonitions">Notes and Admonitions</h2>
69 <p>The documentation server supports special &#8220;notes&#8221; that are indented and have a
70 background color. We&#8217;ll generate them with the <code>Note</code> directive, providing
71 the class explicitly. The class is one of <code>note</code>, <code>caution</code>, <code>warning</code>,
72 <code>special</code>.</p>
73 <aside class="note">
74 <p>This is a note.</p>
75 <p>Foo bar.</p>
77 </aside>
78 <p>Also:</p>
79 <aside class="caution">
80 Caution &#8211; you have been warned.
81 </aside>
82 </section><section id="source-code">
83 <h2 id="source-code">Source code</h2>
84 <p>Here&#8217;s source code that will be pretty-printed. It&#8217;s just a plain <code>&lt;pre&gt;</code>
85 that presents pre-formatted code with coloring:</p>
86 <pre class="prettyprint">
87 #include &lt;iostream&gt;
89 int main() {
90 char c = 'x';
91 std::cout &lt;&lt; &quot;Hello world\n&quot;;
92 return 0;
94 </pre>
95 <p>For some code (like shell samples), we want to disable pretty-printing:</p>
96 <pre>
97 $ ls | wc
98 $ echo &quot;hello world&quot;
99 </pre>
100 <p>By default <code>:prettyprint:</code> is <code>1</code>.</p>
101 <p>For short inline code, use fixed-formatting like <code>int x = 2;</code>. Note that this
102 won&#8217;t get syntax-highlighted and may be line-wrapped, so keep it very short.</p>
103 </section><section id="section-heading">
104 <span id="link-for-section-heading"></span><h2 id="section-heading"><span id="link-for-section-heading"></span>Section heading</h2>
105 <p>Here&#8217;s a demonstration of heading nesting levels. This is a top-level section in
106 the document. The document title is the first header and it&#8217;s delimited by hash
107 signes (<code>#</code>) from above and below.</p>
108 <section id="subsection-heading">
109 <h3 id="subsection-heading">Subsection heading</h3>
110 <p>Subsection.</p>
111 <section id="sub-subsection-heading">
112 <h4 id="sub-subsection-heading">Sub-subsection heading</h4>
113 <p>That&#8217;s pretty deep...</p>
114 <section id="sub-sub-subsection-heading">
115 <h5 id="sub-sub-subsection-heading">Sub-sub-subsection heading</h5>
116 <p>It&#8217;s probably not the best idea to go this far (renders to <code>&lt;h5&gt;</code>).</p>
117 </section></section></section></section><section id="lists">
118 <h2 id="lists">Lists</h2>
119 <p>Auto-numbered ordered lists:</p>
120 <ol class="arabic simple">
121 <li>One</li>
122 <li>Two</li>
123 <li>Three</li>
124 </ol>
125 <p>Manually numbered ordered lists:</p>
126 <ol class="arabic simple">
127 <li>One</li>
128 <li>Two</li>
129 <li>Three</li>
130 </ol>
131 <p>Unordered (bullet) lists:</p>
132 <ul class="small-gap">
133 <li>One</li>
134 <li>Two</li>
135 <li>Three</li>
136 </ul>
137 <p>Lists can be nested and mixed too:</p>
138 <ul class="small-gap">
139 <li><p class="first">Toplevel</p>
140 <ol class="arabic simple">
141 <li>One</li>
142 <li>Two</li>
143 </ol>
144 </li>
145 <li>Back to top level</li>
146 </ul>
147 </section><section id="tables">
148 <h2 id="tables">Tables</h2>
149 <p>The full scoop on tables is <a class="reference external" href="http://sphinx-doc.org/rest.html#tables">http://sphinx-doc.org/rest.html#tables</a> and the
150 Docutils pages linked from it.</p>
151 <p>&#8220;Simple tables&#8221; require less markup but are limited:</p>
152 <table border="1" class="docutils">
153 <colgroup>
154 </colgroup>
155 <thead valign="bottom">
156 <tr class="row-odd"><th class="head">A</th>
157 <th class="head">B</th>
158 <th class="head">A and B</th>
159 </tr>
160 </thead>
161 <tbody valign="top">
162 <tr class="row-even"><td>False</td>
163 <td>False</td>
164 <td>False</td>
165 </tr>
166 <tr class="row-odd"><td>True</td>
167 <td>False</td>
168 <td>False</td>
169 </tr>
170 <tr class="row-even"><td>False</td>
171 <td>True</td>
172 <td>False</td>
173 </tr>
174 <tr class="row-odd"><td>True</td>
175 <td>True</td>
176 <td>True</td>
177 </tr>
178 </tbody>
179 </table>
180 <p>&#8220;Grid tables&#8221; are versatile but require more markup:</p>
181 <table border="1" class="docutils">
182 <colgroup>
183 </colgroup>
184 <thead valign="bottom">
185 <tr class="row-odd"><th class="head">Header row, column 1
186 (header rows optional)</th>
187 <th class="head">Header 2</th>
188 <th class="head">Header 3</th>
189 <th class="head">Header 4</th>
190 </tr>
191 </thead>
192 <tbody valign="top">
193 <tr class="row-even"><td>body row 1, column 1</td>
194 <td>column 2</td>
195 <td>column 3</td>
196 <td>column 4</td>
197 </tr>
198 <tr class="row-odd"><td>body row 2</td>
199 <td>...</td>
200 <td>...</td>
201 <td>&nbsp;</td>
202 </tr>
203 </tbody>
204 </table>
205 </section></section>
207 {{/partials.standard_nacl_article}}