Move gh-pages branch files into /docs and add test files
- Jekyll ignore `/docs` and `/test` folders when using from root
- Update Staticman config to point to correct branch and data file location
- Replace `{{ base_path }}` references with `absolute_url` filter
- Update documentation
This commit is contained in:
68
docs/_posts/2010-02-05-post-notice.md
Normal file
68
docs/_posts/2010-02-05-post-notice.md
Normal file
@@ -0,0 +1,68 @@
|
||||
---
|
||||
title: "Post: Notice"
|
||||
categories:
|
||||
- Post Formats
|
||||
tags:
|
||||
- Post Formats
|
||||
- notice
|
||||
---
|
||||
|
||||
A notice displays information that explains nearby content. Often used to call attention to a particular detail.
|
||||
|
||||
When using Kramdown `{: .notice}` can be added after a sentence to assign the `.notice` to the `<p></p>` element.
|
||||
|
||||
**Changes in Service:** We just updated our [privacy policy](#) here to better service our customers. We recommend reviewing the changes.
|
||||
{: .notice}
|
||||
|
||||
**Primary Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. [Praesent libero](#). Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--primary}
|
||||
|
||||
**Info Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing elit](#). Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--info}
|
||||
|
||||
**Warning Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. [Integer nec odio](#). Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--warning}
|
||||
|
||||
**Danger Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing](#) elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
|
||||
{: .notice--danger}
|
||||
|
||||
**Success Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at [nibh elementum](#) imperdiet.
|
||||
{: .notice--success}
|
||||
|
||||
Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with `markdownify` is a good way to go.
|
||||
|
||||
```html
|
||||
{% raw %}{% capture notice-2 %}
|
||||
#### New Site Features
|
||||
|
||||
* You can now have cover images on blog pages
|
||||
* Drafts will now auto-save while writing
|
||||
{% endcapture %}{% endraw %}
|
||||
|
||||
<div class="notice">{% raw %}{{ notice-2 | markdownify }}{% endraw %}</div>
|
||||
```
|
||||
|
||||
{% capture notice-2 %}
|
||||
#### New Site Features
|
||||
|
||||
* You can now have cover images on blog pages
|
||||
* Drafts will now auto-save while writing
|
||||
{% endcapture %}
|
||||
|
||||
<div class="notice">
|
||||
{{ notice-2 | markdownify }}
|
||||
</div>
|
||||
|
||||
Or you could skip the capture and stick with straight HTML.
|
||||
|
||||
```html
|
||||
<div class="notice">
|
||||
<h4>Message</h4>
|
||||
<p>A basic message.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
<div class="notice">
|
||||
<h4>Message</h4>
|
||||
<p>A basic message.</p>
|
||||
</div>
|
||||
Reference in New Issue
Block a user