Example content

web  jekyll 

This page demonstrates the supported elements of the theme. The theme is a heavily customized (ruined) version of Kiko.

Text from lorem2.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

This is a lead section. Makes a paragraph stand out. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

Heading Levels

There are 6 heading levels defined in the SCSS.

Quote

Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

Phasellus ultrices nulla quis nibh.

Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.

Code

Code snippets can be included as follows:

function trigger_alert(){
  alert("Lorem Ipsum dolor sit amet");
}

trigger_alert();

Emphasis

Emphasis style are available. This text will be italic. This will also be italic. This text will be bold. This will also be bold. You can combine them too.

Unordered lists

Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue:

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
  • Cras ornare tristique elit.
  • Vivamus vestibulum ntulla nec ante.
  • Praesent placerat risus quis eros.

Ordered lists

Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue:

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.
  4. Nunc dignissim risus id metus.
  5. Cras ornare tristique elit.
  6. Vivamus vestibulum ntulla nec ante.
  7. Praesent placerat risus quis eros.
kramdown
A Markdown-superset converter
Maruku
Another Markdown-superset converter

Image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Example image

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Local image

Table

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

Default aligned Left aligned Center aligned Right aligned
First body part Second cell Third cell fourth cell
Second line foo strong baz
Third line quux baz bar
Second body      
2 line      
Footer row      

LPraesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

YouTube

Embedding YouTube video. Responsive embed picked up from here

Vimeo

Embedding Vimeo video. Responsive embed picked up from here

SoundCloud

Embedding SoundCloud music

Equations

Embedding equations using MathJax

\[\begin{align*} x = \frac{-b\pm\sqrt{b^2-4ac}}{2a} \end{align*}\]

GitHub gist

Embedding gists

Javascript canvas

Embedding javascript canvas Example

SVG

Embedding SVG Example

SVG

Join the discussion here.

Comments

    Join the discussion here