mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-11-28 09:20:52 +01:00
247 lines
8.6 KiB
Markdown
247 lines
8.6 KiB
Markdown
# Specimen
|
|
|
|
## Body copy
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero,
|
|
mollis sed massa vel, *ornare viverra ex*. Mauris a ullamcorper lacus. Nullam
|
|
urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales
|
|
pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan
|
|
tempor.
|
|
|
|
**Sed suscipit**, orci non pretium pretium, quam mi gravida metus, vel
|
|
venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum
|
|
eros. [Nulla aliquam](#) orci sit amet nisl posuere malesuada. Proin aliquet
|
|
nulla velit, quis ultricies orci feugiat et. `Ut tincidunt sollicitudin`
|
|
tincidunt. Aenean ullamcorper sit amet nulla at interdum.
|
|
|
|
## Headings
|
|
|
|
### The 3rd level
|
|
|
|
#### The 4th level
|
|
|
|
##### The 5th level
|
|
|
|
###### The 6th level
|
|
|
|
## Headings <small>with secondary text</small>
|
|
|
|
### The 3rd level <small>with secondary text</small>
|
|
|
|
#### The 4th level <small>with secondary text</small>
|
|
|
|
##### The 5th level <small>with secondary text</small>
|
|
|
|
###### The 6th level <small>with secondary text</small>
|
|
|
|
## Blockquotes
|
|
|
|
> Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum.
|
|
Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc
|
|
mauris, a ultricies libero efficitur sed. *Class aptent* taciti sociosqu ad
|
|
litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie
|
|
imperdiet consectetur.
|
|
|
|
### Blockquote nesting
|
|
|
|
> **Sed aliquet**, neque at rutrum mollis, neque nisi tincidunt nibh, vitae
|
|
faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem
|
|
[libero fermentum](#) urna, ut efficitur elit ligula et nunc.
|
|
|
|
> > Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla.
|
|
Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio.
|
|
Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum.
|
|
eu odio.
|
|
|
|
> > > `Suspendisse rutrum facilisis risus`, eu posuere neque commodo a.
|
|
Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo
|
|
bibendum, sodales mauris ut, tincidunt massa.
|
|
|
|
### Other content blocks
|
|
|
|
> Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
|
|
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
|
|
sit amet laoreet nibh.
|
|
``` js hl_lines="8"
|
|
var _extends = function(target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
```
|
|
|
|
> > Praesent at `:::js return target`, sodales nibh vel, tempor felis. Fusce
|
|
vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices.
|
|
Donec consectetur mauris non neque imperdiet, eget volutpat libero.
|
|
|
|
## Lists
|
|
|
|
### Unordered lists
|
|
|
|
* Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
|
|
non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
|
|
at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
|
|
|
|
* Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
|
|
* Nam vulputate tincidunt fringilla.
|
|
* Nullam dignissim ultrices urna non auctor.
|
|
|
|
* Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut
|
|
eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam
|
|
ac, aliquet sed mauris.
|
|
|
|
* Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
|
|
accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
|
|
lacinia sed. Aenean in finibus diam.
|
|
|
|
### Ordered lists
|
|
|
|
1. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
|
|
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
|
|
consectetur feugiat sodales.
|
|
|
|
2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
|
|
ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam
|
|
pellentesque lacinia eu vel odio.
|
|
|
|
1. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
|
|
quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a
|
|
ultricies libero efficitur sed.
|
|
|
|
1. Mauris dictum mi lacus
|
|
2. Ut sit amet placerat ante
|
|
3. Suspendisse ac eros arcu
|
|
|
|
2. Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet
|
|
rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed
|
|
aliquet, neque at rutrum mollis, neque nisi tincidunt nibh.
|
|
|
|
3. Pellentesque eget `:::js var _extends` ornare tellus, ut gravida mi.
|
|
``` js hl_lines="1"
|
|
var _extends = function(target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
```
|
|
|
|
3. Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis
|
|
sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis
|
|
nulla. Vivamus a pharetra leo.
|
|
|
|
### Definition lists
|
|
|
|
Lorem ipsum dolor sit amet
|
|
|
|
: Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus
|
|
tellus non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor
|
|
lobortis orci, at elementum urna sodales vitae. In in vehicula nulla.
|
|
|
|
Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
|
|
Nam vulputate tincidunt fringilla.
|
|
Nullam dignissim ultrices urna non auctor.
|
|
|
|
Cras arcu libero
|
|
|
|
: Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin
|
|
ut eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at
|
|
aliquam ac, aliquet sed mauris.
|
|
|
|
## Code blocks
|
|
|
|
### Inline
|
|
|
|
Morbi eget `dapibus felis`. Vivamus *`venenatis porttitor`* tortor sit amet
|
|
rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
|
|
per inceptos himenaeos. [`Pellentesque aliquet quam enim`](#), eu volutpat urna
|
|
rutrum a.
|
|
|
|
Nam vehicula nunc `:::js return target` mauris, a ultricies libero efficitur
|
|
sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque
|
|
eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.
|
|
|
|
### Listing
|
|
|
|
#!js hl_lines="8"
|
|
var _extends = function(target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
for (var key in source) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
|
|
## Horizontal rules
|
|
|
|
Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet
|
|
dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna
|
|
non auctor.
|
|
|
|
***
|
|
|
|
Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
|
|
elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
|
|
consectetur feugiat sodales.
|
|
|
|
## Data tables
|
|
|
|
| Sollicitudo / Pellentesi | consectetur | adipiscing | elit | arcu | sed |
|
|
| ------------------------ | ----------- | ---------- | ------- | ---- | --- |
|
|
| Vivamus a pharetra | yes | yes | yes | yes | yes |
|
|
| Ornare viverra ex | yes | yes | yes | yes | yes |
|
|
| Mauris a ullamcorper | yes | yes | partial | yes | yes |
|
|
| Nullam urna elit | yes | yes | yes | yes | yes |
|
|
| Malesuada eget finibus | yes | yes | yes | yes | yes |
|
|
| Ullamcorper | yes | yes | yes | yes | yes |
|
|
| Vestibulum sodales | yes | - | yes | - | yes |
|
|
| Pulvinar nisl | yes | yes | yes | - | - |
|
|
| Pharetra aliquet est | yes | yes | yes | yes | yes |
|
|
| Sed suscipit | yes | yes | yes | yes | yes |
|
|
| Orci non pretium | yes | partial | - | - | - |
|
|
|
|
Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
|
|
non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
|
|
at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
|
|
|
|
| Left | Center | Right |
|
|
| :--------- | :------: | ------: |
|
|
| Lorem | *dolor* | `amet` |
|
|
| [ipsum](#) | **sit** | |
|
|
|
|
Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
|
|
lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
|
|
sit amet laoreet nibh.
|
|
|
|
<table>
|
|
<colgroup>
|
|
<col width="30%">
|
|
<col width="70%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr class="header">
|
|
<th>Table</th>
|
|
<th>with colgroups (Pandoc)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Lorem</td>
|
|
<td>ipsum dolor sit amet.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sed sagittis</td>
|
|
<td>eleifend rutrum. Donec vitae suscipit est.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|