2018-06-01-example-content-iii.md

layout	title	description	image
post	Example Content III	A page showing Hydejack-specific markdown content.	/assets/img/blog/example-content-iii.jpg

Hydejack offers a few additional features to markup your markdown. Don't worry, these are merely CSS classes added with kramdown's {:...} syntax, so that your content remains compatible with other Jekyll themes.

Large Tables

Default aligned	Left aligned	Center aligned	Right aligned	Default aligned	Left aligned	Center aligned	Right aligned	Default aligned	Left aligned	Center aligned	Right aligned	Default aligned	Left aligned	Center aligned	Right aligned
First body part	Second cell	Third cell	fourth cell	First body part	Second cell	Third cell	fourth cell	First body part	Second cell	Third cell	fourth cell	First body part	Second cell	Third cell	fourth cell
Second line	foo	strong	baz	Second line	foo	strong	baz	Second line	foo	strong	baz	Second line	foo	strong	baz
Third line	quux	baz	bar	Third line	quux	baz	bar	Third line	quux	baz	bar	Third line	quux	baz	bar
Second body				Second body				Second body				Second body
2 line				2 line				2 line				2 line
Footer row				Footer row				Footer row				Footer row
{:.scroll-table}

Code blocks

// Example can be run directly in your JavaScript console

// Create a function that takes two arguments and returns the sum of those
// arguments
var adder = new Function("a", "b", "return a + b");

// Call the function
adder(2, 6);
// > 8

Math

Lorem ipsum $$ f(x) = x^2 $$.

$$ \begin{aligned} \phi(x,y) &= \phi \left(\sum_{i=1}^n x_ie_i, \sum_{j=1}^n y_je_j \right) \[2em] &= \sum_{i=1}^n \sum_{j=1}^n x_i y_j \phi(e_i, e_j) \[2em] &= (x_1, \ldots, x_n) \left(\begin{array}{ccc} \phi(e_1, e_1) & \cdots & \phi(e_1, e_n) \\ \vdots & \ddots & \vdots \\ \phi(e_n, e_1) & \cdots & \phi(e_n, e_n) \end{array}\right) \left(\begin{array}{c} y_1 \\ \vdots \\ y_n \end{array}\right) \end{aligned} $$

Message boxes

NOTE: You can add a message box. {:.message}

Large text

You can add large text. {:.lead}

Large images

{:.lead data-width="800" data-height="100"}

Captions to images

{:.lead data-width="800" data-height="100"} A caption to an image. {:.figure}

Large quotes

You can make a quote "pop out". {:.lead}

Faded text

I'm faded, faded, faded. {:.faded}