giffgaff flavoured markdown

Task Lists

Incomplete
Complete
Locating brain cells
Undoing it all!
Oops, that didn’t go to plan!

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
1. inline an ordered list in
2. 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!

![Description (optional)](Image URL)

Markdown

`![Description (optional)](Image URL)`

![](https://preview.community.giffgaff.com/assets/logo.svg)

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.