Typography & Elements
Headline 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Bold & Italic
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Buttons
You can use buttons via the following kirbytag:
( button: YOUR TEXT url: YOUR URL color: COLOR icon: FONT AWESOME CODE popup: YES/NO)
These colors are preconfigured:
Main stands for the main-theme color that you have selected in the panel.
For icons, simply have a look at what FontAwesome has to offer.
Quotes
Design is not just what it looks like and feels like.
Design is how it works.
– Steve Jobs
Columns
You can also create columns by starting them with the ( columns... )
tag, separating them with ++++
and ending them with the ( ...columns )
tag. They will look like this:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Code
This is how a code-block looks like:
<?php
// awesome code example
?>
Or a single code element
.
And finally, Github:
Videos
or
Lists
The Simpsons:
- Homer
- Marge
- Bart
- Lisa
- Maggie
The Simpsons:
- Homer
- Marge
- Bart
- Lisa
- Maggie
Separator
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.