Unified Diff: test/content.html
Issue 29361647:
Issue 4607 - Default content styles (Closed)
Patch Set: See comments for details.
Created Nov. 27, 2016, 9:26 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« scss/_variables.scss ('K')
|
« scss/main.scss ('k')
|
test/css/demo.css » ('j')
|
test/index.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: test/content.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/test/content.html |
| @@ -0,0 +1,106 @@ |
| +<!DOCTYPE html> |
| +<!-- |
| + This file is part of website-defaults |
| + Copyright (C) 2016 Eyeo GmbH |
| + |
| + website-defaults is free software: you can redistribute it and/or |
| + modify it under the terms of the GNU General Public License as published by |
| + the Free Software Foundation, either version 3 of the License, or |
| + (at your option) any later version. |
| + |
| + website-defaults is distributed in the hope that it will be useful, |
| + but WITHOUT ANY WARRANTY; without even the implied warranty of |
| + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| + GNU General Public License for more details. |
| + |
| + You should have received a copy of the GNU General Public License |
| + along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
| +--> |
| +<html dir="ltr"> |
| +<head> |
| + <meta charset="utf-8"> |
| + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| + <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| + <title>Content</title> |
| + <link rel="stylesheet" href="css/main.css"> |
| + <link rel="stylesheet" href="css/demo.css"> |
|
juliandoucette
2016/11/27 21:45:39
Note.
Moved inline styles into test/css/demo.css
|
| +</head> |
| +<body> |
| + <div class="container"> |
| + |
| + <h1>Content</h1> |
| + <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> |
|
juliandoucette
2016/11/27 21:45:38
Note.
Updated the description and added requireme
|
| + |
| + <h2>Requirements</h2> |
|
saroyanm
2016/11/29 17:51:08
Detail: It's table of content not requirements.
juliandoucette
2016/11/29 20:41:22
This was intended to be a high level list of requi
juliandoucette
2016/11/30 18:26:01
Acknowledged
We're going to remove this heading,
juliandoucette
2016/12/01 14:05:46
Done.
|
| + <ul> |
| + <li><a href="#headings">Headings</a></li> |
| + <li><a href="#body-content">Body content</a></li> |
| + <li><a href="#lists">Lists</a></li> |
| + <li><a href="#images">Images</a></li> |
| + <li><a id="dir" onclick="changeDirection()">Right-to-left</a></li> |
|
juliandoucette
2016/11/27 21:45:40
Note.
onclick is officially supported in HTML5.
saroyanm
2016/11/29 17:51:07
Not really sure what you mean, Event attributes ar
juliandoucette
2016/11/29 20:41:21
Acknowledged.
I meant that I think this is a good
juliandoucette
2016/11/30 18:26:02
Acknowledged.
This was made irrelevant because of
juliandoucette
2016/12/01 14:05:47
Done.
|
| + <li><a href="http://browserl.ist/?q=last+2+versions%2C+Safari+6%2C+IE+8">Last 2 versions, Safari 6, IE 8</a></li> |
|
saroyanm
2016/11/29 17:51:08
What about linking to -> https://adblockplus.org/r
juliandoucette
2016/11/29 20:44:05
Acknowledged.
I think we should define our own re
juliandoucette
2016/11/29 20:46:41
I meant IE >= 8. Sorry guys :D.
juliandoucette
2016/11/30 18:26:01
Acknowledged.
We will discuss this separately.
juliandoucette
2016/12/01 14:05:46
Done.
|
| + </ul> |
| + |
| + <h3 id="headings">Headings</h3> |
| + <h1>Heading 1</h1> |
| + <h2>Heading 2</h2> |
| + <h3>Heading 3</h3> |
| + <h4>Heading 4</h4> |
| + <h5>Heading 5</h5> |
| + <h6>Heading 6</h6> |
| + |
| + <h3 id="body-content">Body content</h3> |
| + <p>This is a normal.</p> |
| + <p>This is <em>emphasized</em>.</p> |
| + <p>This is <strong>strong</strong>.</p> |
| + <p>This is an <abbr title="Abbreviation">abbr</abbr>.</p> |
| + <p>This is a <a href="#">link</a>.</p> |
| + <p>This has a footnote. <sup><a href="#" class="footnote-ref">1</a></sup></p> |
| + <blockquote>This is a blockquote.</blockquote> |
| + |
| + <h3 id="lists">Lists</h3> |
| + |
| + <h4>Ordered lists</h4> |
| + <ol> |
| + <li>This is a list item</li> |
| + <li>This is a list item |
| + <ol> |
| + <li>This is a list item</li> |
| + <li>This is a list item</li> |
| + </ol> |
| + </li> |
| + <li>This is a list item</li> |
| + </ol> |
| + |
| + <h4>Unordered lists</h4> |
| + <ul> |
| + <li>This is a list item</li> |
| + <li>This is a list item |
| + <ul> |
| + <li>This is a list item</li> |
| + <li>This is a list item</li> |
| + </ul> |
| + </li> |
| + <li>This is a list item</li> |
| + </ul> |
| + |
| + <h4>Description lists</h4> |
| + <dl> |
| + <dt>This is a description title</dt> |
| + <dd>This is a description detail</dd> |
| + <dt>This is a description title</dt> |
| + <dd>This is a description detail</dd> |
| + </dl> |
| + |
| + <h3 id="images">Images</h3> |
| + <p> |
|
juliandoucette
2016/11/27 21:45:39
Note.
Images are always surrounded by paragraphs
|
| + <img src="//placehold.it/480x240?text=Fixed width" /> |
| + </p> |
| + <p> |
| + <img class="full-width" src="//placehold.it/960x240?text=Full width" /> |
| + </p> |
| + |
| + </div> |
| + <script src="js/demo.js"></script> |
|
juliandoucette
2016/11/27 21:45:38
Note.
Created test/js/demo.js for switching the d
juliandoucette
2016/11/30 18:26:02
Acknowledged.
This will be removed.
juliandoucette
2016/12/01 14:05:45
Done.
|
| +</body> |
| +</html> |
« scss/_variables.scss ('K')
|
« scss/main.scss ('k')
|
test/css/demo.css » ('j')
|
test/index.html » ('J')
