Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: pages/content.html

Issue 29491561: Issue 5413 - Create basic style guide for website-defaults (Closed)
Patch Set: Use includes for each demo Created Aug. 10, 2017, 9:52 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 title=Content 1 title=Content
2 2
3 <h1>Content</h1> 3 <h1>Content</h1>
4 <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> 4 <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p>
5 5
6 <ol> 6 <ol>
7 <li><a href="#headings">Headings</a></li> 7 <li><a href="#headings">Headings</a></li>
8 <li><a href="#body-content">Body content</a></li> 8 <li><a href="#body-content">Body content</a></li>
9 <li><a href="#lists">Lists</a></li> 9 <li><a href="#lists">Lists</a></li>
10 <li><a href="#images">Images</a></li> 10 <li><a href="#images">Images</a></li>
11 </ol> 11 </ol>
12 12
13 <h2 id="headings">Headings</h2> 13 <h2 id="headings">Headings</h2>
14 <h1>Heading 1</h1> 14 <? include styleguide/typography/headings ?>
15 <h2>Heading 2</h2>
16 <h3>Heading 3</h3>
17 <h4>Heading 4</h4>
18 <h5>Heading 5</h5>
19 <h6>Heading 6</h6>
20 15
21 <h2 id="body-content">Body content</h2> 16 <h2 id="body-content">Body content</h2>
juliandoucette 2017/08/10 16:49:30 NIT: These headings seem to be relevant to the sty
ire 2017/08/11 11:09:47 They are of different levels. e..g in this page, t
juliandoucette 2017/08/20 16:48:39 Acknowledged.
22 <p>This is a normal.</p> 17 <? include styleguide/typography/body ?>
23 <p>This is <em>emphasized</em>.</p>
24 <p>This is <strong>strong</strong>.</p>
25 <p>This is an <abbr title="Abbreviation">abbr</abbr>.</p>
26 <p>This is a <a href="#">link</a>.</p>
27 <p>This has a footnote. <sup><a href="#" class="footnote-ref">1</a></sup></p>
28 <blockquote>This is a blockquote.</blockquote>
29 18
30 <h2 id="lists">Lists</h2> 19 <h2 id="lists">Lists</h2>
31 20
32 <h3>Ordered lists</h3> 21 <h3>Ordered lists</h3>
33 <ol> 22 <? include styleguide/lists/ordered ?>
34 <li>This is a list item</li>
35 <li>This is a list item
36 <ol>
37 <li>This is a list item</li>
38 <li>This is a list item</li>
39 </ol>
40 </li>
41 <li>This is a list item</li>
42 </ol>
43 23
44 <h3>Unordered lists</h3> 24 <h3>Unordered lists</h3>
45 <ul> 25 <? include styleguide/lists/unordered ?>
46 <li>This is a list item</li>
47 <li>This is a list item
48 <ul>
49 <li>This is a list item</li>
50 <li>This is a list item</li>
51 </ul>
52 </li>
53 <li>This is a list item</li>
54 </ul>
55 26
56 <h3>Description lists</h3> 27 <h3>Description lists</h3>
57 <dl> 28 <? include styleguide/lists/description ?>
58 <dt>This is a description title</dt>
59 <dd>This is a description detail.</dd>
60 <dt>This is a description title</dt>
61 <dd>This is a description detail.</dd>
62 </dl>
63 29
64 <h2 id="images">Images</h2> 30 <h2 id="images">Images</h2>
65 <p> 31 <p>
66 <img src="//placehold.it/480x240?text=Fixed width" /> 32 <img src="//placehold.it/480x240?text=Fixed width" />
67 </p> 33 </p>
68 <p> 34 <p>
69 <img class="full-width" src="//placehold.it/960x240?text=Full width" /> 35 <img class="full-width" src="//placehold.it/960x240?text=Full width" />
70 </p> 36 </p>
71 37
OLDNEW

Powered by Google App Engine
This is Rietveld