```
### Callout
`.callout`
```
$~callout
# Budgeting tips
In 1985, average first-time buyers needed a deposit of 5% to buy a home - in 2012, this had increased to 20%
*Source: HMS Treasury*
~$
```
Outputs:
```
Budgeting tips
In 1985, average first-time buyers needed a deposit of 5% to buy a home - in 2012, this had increased to 20%
Source: HM Treasury
```
### Collapsible header
```
$=
# Before you borrow
=$
$-
Find out if you need to borrow money and whether you can afford it. Learn how to work out the true cost of borrowing.
Taking control of debt
Where to get free debt advice, how to speak to the people you owe money to, and tips to help you pay back your debts in the right order.
-$
```
Outputs:
```
Find out if you need to borrow money and whether you can afford it. Learn how to work out the true cost of borrowing.
Taking control of debt
Where to get free debt advice, how to speak to the people you owe money to, and tips to help you pay back your debts in the right order.
```
### Ticks
```
$yes-no
[y] You should do this [/y]
[y] and then do this [/y]
[y] and finally this [/y]
[n] You should not do this [/n]
[n] or this [/n]
[n] and definitely not do this [/n]
$end
```
Outputs:
```
You should do this
and then do this
and finally this
You should not do this
or this
and definitely not do this
```
### Bullets (inside tables)
```
$bullet
[%] You should do this [/%]
[%] and then do this [/%]
[%] and finally this [/%]
$point
```
Outputs:
```
You should do this
and then do this
and finally this
```
### Video
`.video-wrapper`
Embedding a YouTube video:
```
$~youtube_video
5n1nixLSrQI
~$
```
Outputs:
```
```
Or with a custom title:
```
$~youtube_video
5n1nixLSrQI
The title of this video
~$
```
Outputs:
```
```
Alternatively there is also this legacy format (just here for backward
compatibility):
```
({5n1nixLSrQI})
```
Outputs:
```
```
Embedding a Brightcove video:
```
$~brightcove_video
3739688349001
~$
```
Outputs:
```
```
Or with a custom title:
```
$~brightcove_video
3739688349001
The title of this video
~$
```
Outputs:
```
```
Embedding a Vimeo video:
```
$~vimeo_video
146226360
~$
```
Outputs:
```
```
Or with a custom title:
```
$~vimeo_video
146226360
The title of this video
~$
```
Outputs:
```
```
### Action Item
`.action-item`
```
$action
## Header
$collapsable
$why
### Why?
Your 'Cash ISA allowance
$why
$how
### How?
If you already have an ISA
$how
$collapsable
$item
```
Outputs:
```
Header
Why?
Your ‘Cash ISA allowance
How?
If you already have an ISA
```
### Line break
```
@~
```
Outputs:
```
```
### Block
Creates a simple two column layout with content `$bl_c` on one side and `$bl_m` opposite.
* `$bl_c` is intended to contain content of any type.
* `$bl_m` is intended to contain images, i.e. `![Alt text](img.gif)`, or video, i.e. `({5n1nixLSrQI})` or `(@3739688349001@)`.
```
$bl
$bl_c
bl_c$
$bl_m
bl_m$
bl$
```
Outputs:
```
```
`$bl_c` `$bl_m` positioning can be swapped around to switch element positions.
### FinCap Feedback Component
```
$fincap_feedback
EMAIL@ADDRESS.com
$
```
Outputs:
```
```
### FinCap Primary Button
```
$~fincap_primary_button
[Link Text](LINK_URL)
$
```
Outputs:
```
Link Text
```
### Profiling Mastalk
Inside of the project you can run:
```
ruby -Ilib ./bin/mastalk-profiling
```
This command will generate different types of graphs and the ruby stack
for you investigate possible bottlenecks on performance.
### Benchmarking Mastalk
Inside of the project you can run:
```
ruby -Ilib ./bin/mastalk-benchmarking
```
This command will print different benchmarking for Mastalk when parsing
10, 100, 200 and 500 documents.
## Release the mastalk gem
Get a login for rubygems.org and get added as a contributor to the mastalk
gem.
1) Update the version number in mastalk.gemspec
2) Run bundle
3) On the master branch, commit the changes. (e.g 'Bump version 0.0.1 ->
0.0.2')
4) Tag the git commit with the bump version: `git tag -a v`
5) Build the gem: `gem build mastalk.gemspec`
6) Publish the new gem to rubygems: `gem push mastalk-.gem