giffgaff flavoured markdown
Task Lists
Markdown
- [ ] Incomplete
- [X] Complete
- [O] Locating brain cells
- [R] Undoing it all!
- [CROSS] Oops, that didn't go to plan
giffgaff Iconography
There’s a full list of icons over here: https://www.giffgaff.design/iconography/icons/
Note that in icon names, spaces are replaced with hyphens (e.g. agent person becomes agent-person).
We offer 4G unlike all other networks
We do all our support online
Next day delivery
Markdown
[GGI]4g[/GGI] We offer 4G unlike all other networks
[GGI]agent-person[/GGI] We do all our support online
[GGI]box-with-chevrons[/GGI] Next day delivery
BBCode
There’s a bunch of different BBCodes you can use on the forum! This list won’t include things already available in stock Markdown (e.g. bold, italics).
| Style | Example | Output |
|---|
| Underline | [u]I'm important![/u] | I’m important! |
Stock Markdown
Paragraphs and Line Breaks
A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like a
blank line – a line containing nothing but spaces or tabs is considered
blank.) Normal paragraphs should not be indented with spaces or tabs.
The implication of the “one or more consecutive lines of text” rule is
that Markdown supports “hard-wrapped” text paragraphs. This differs
significantly from most other text-to-HTML formatters (including Movable
Type’s “Convert Line Breaks” option) which translate every line break
character in a paragraph into a <br /> tag.
When you do want to insert a <br /> break tag using Markdown, you
end a line with two or more spaces, then type return.
A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like a
blank line -- a line containing nothing but spaces or tabs is considered
blank.) Normal paragraphs should not be indented with spaces or tabs.
The implication of the "one or more consecutive lines of text" rule is
that Markdown supports "hard-wrapped" text paragraphs. This differs
significantly from most other text-to-HTML formatters (including Movable
Type's "Convert Line Breaks" option) which translate every line break
character in a paragraph into a `<br />` tag.
When you *do* want to insert a `<br />` break tag using Markdown, you
end a line with two or more spaces, then type return.
Headers
H1
H2
H3
H4
H5
H6
Markdown
# H1
## H2
### H3
#### H4
##### H5
###### H6
Blockquotes
Woohoo! I’m a blockquote. (L1)
I’m a block quote inside a blockquote! (L2)
Maybe this chain is going too far now (L3)
Let’s back off a little (L2)
Let’s calm it riiight down (L1)
Markdown
> Woohoo! I'm a blockquote. (L1)
> > I'm a block quote *inside* a blockquote! (L2)
> > > Maybe this chain is going too far now (L3)
> > Let's back off a little (L2)
> Let's calm it riiight down (L1)
Lists
- Bullet pointed
- List that is
- filled with some items
- and even some inline ones
- I wonder if you can
- inline an ordered list in
- an unordered one
- that would be fancy!
- Step one
- Important note about step one
- Step two
- Step three
- ???
- Profit.
Markdown
* Bullet pointed
* List that is
* filled with some items
* and even some inline ones
* I wonder if you can
1. inline an ordered list in
2. an unordered one
* that would be fancy!
1. Step one
* Important note about step one
2. Step two
3. Step three
4. ???
5. Profit.
Links
Markdown supports two style of links: inline and reference. Reference links do not work on Flarum.
This is an example inline link.
Markdown
This is [an example](http://example.com/) inline link.
Emphasis (Bold and Italics)
single asterisks
single underscores
double asterisks
double underscores
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
Code
This is some inline code
This is a code block
<!-- This is a highlighted code block -->
<body>
<h1 id="heading">Thanks for choosing giffgaff</h1>
<p>
Nice one. Remember to record a greeting so your callers
know it's you
</p>
</body>
Markdown
`This is some inline code`
```
This is a code block
```
```html
<!-- This is a highlighted code block -->
<body>
<h1 id="heading">Thanks for choosing giffgaff</h1>
<p>
Nice one. Remember to record a greeting so your callers
know it's you
</p>
</body>
```
Images
I can embed an image!
Markdown
``
Horizontal lines
This is one section of content.
This is another section of content.
Markdown
This is one section of content.
----
This is another section of content.
