--- layout: post title: "Theme Features" date: 2016-06-07 13:10:00 +0300 tags: Jekyll Theme GitHub Installation category: Features author: jwillmer math: true --- The features described in this section are specific for this template. All other language features can be found in the [kramdown documentation](http://kramdown.gettalong.org/syntax.html). ### Image Features #### Parallax Effect Keep in mind that paralax effect will not be captured if you like to print the page. ```html {% raw %}

{% endraw %} ```

#### Caption for Image ```html {% raw %}

{% endraw %} ```

#### Image Allignment ```html {% raw %}![]({{ "/media/img/mountain3.gif#right" | absolute_url }}) ![]({{ "/media/img/mountain2.gif#left" | absolute_url }}){% endraw %} ``` Allignment with caption ```html {% raw %}{% endraw %} ``` ![]({{ "/media/img/mountain2.jpg#right" | absolute_url }}) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent accumsan ante nulla, quis pulvinar nibh tempus sed. In congue congue odio, vel ornare mauris ultrices vel. Vestibulum tristique eros at enim vulputate fringilla. Nullam non augue sit amet elit interdum tempus non ut justo. Phasellus ut ipsum id leo sagittis pretium a quis neque. Maecenas rutrum lectus id magna malesuada, non dapibus neque tincidunt. Suspendisse ultrices accumsan eros, sit amet facilisis quam hendrerit a. Integer sed felis et diam efficitur accumsan. Suspendisse facilisis lectus non orci mattis vestibulum. Suspendisse molestie vulputate nunc non tincidunt. Maecenas vulputate, mauris ut rhoncus vulputate, tellus augue aliquet nibh, vel egestas nulla ipsum bibendum lorem. Pellentesque posuere laoreet lectus eget luctus. Vestibulum mattis ut ligula sed sodales. Vestibulum sit amet viverra arcu. #### Fullscreen image ```html {% raw %}

![]({{ "/media/img/mountain2.jpg" | absolute_url }})

{% endraw %} ``` With caption ```html {% raw %}

![]({{ "/media/img/mountain2.jpg" | absolute_url }})

On top of the mountain!

{% endraw %} ```

![]({{ "/media/img/mountain2.jpg" | absolute_url }})

On top of the mountain!

#### Image Gallery ```html {% raw %}

![]({{ "/media/img/Screenshot_2016-04-09-19-16-28.png" | absolute_url }}) ![]({{ "/media/img/Screenshot_2016-04-02-00-48-25.png" | absolute_url }}) ![]({{ "/media/img/Screenshot_2016-04-01-12-03-36.png" | absolute_url }}) ![]({{ "/media/img/Screenshot_2016-04-01-12-01-33.png" | absolute_url }}) ![]({{ "/media/img/Screenshot_2016-03-24-12-13-58.png" | absolute_url }}) ![]({{ "/media/img/Screenshot_2016-03-17-22-50-05.png" | absolute_url }})

{% endraw %} ``` With caption ```html {% raw %}

// ...

{% endraw %} ```

### Sourcecode Features With language highlighting ```html ```html ``` ``` With language highlighting, line numbers and line highlighting {::comment} I used a HTML entity encoder/decoder for this part to prevent the transformation and display the code to the user. {:/comment}

<pre data-line="5" class="line-numbers language-javascript"><code>
   Array.prototype.uniq = function () {
       var map = {};
       return this.filter(function (item) {
           if (map[item]) {
               return false;
           } else {
               map[item] = true;
               return true;
           }
       });
   };
</code></pre>

### Author in quote ```markup > Our destiny offers not the cup of despair, but the chalice of opportunity. So let us seize it, not in fear, but in gladness. > > ——R.M. Nixon ``` > Our destiny offers not the cup of despair, but the chalice of opportunity. So let us seize it, not in fear, but in gladness. > > ——R.M. Nixon ### Attention Box ```html

Chemicals including paint and thinners must be stored in labelled containers that are in good condition, as provided for in the regulations. Liquids must be placed in holding tanks.

```

Chemicals including paint and thinners must be stored in labelled containers that are in good condition, as provided for in the regulations. Liquids must be placed in holding tanks.

### 404 Page The 404 page has a fuzzy search implemented that lists urls that are similar to the entered url. Try it out: [Unknown URL]({{ "/features" | absolute_url }}) ### JSON API The theme offers a JSON API for the blog posts. You can query all blog posts via: [`/api/posts.json`]({{ "/api/posts.json" | absolute_url }}) ### PDF and PowerPoint integration ```html ``` ### MathJax integration ```html $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ ``` The result of this code: $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ ## More More formating features can be found in the [Kramdown syntax](http://kramdown.gettalong.org/syntax.html).