Twister

Standard Post

Tue, 10 Feb 2015 00:00:00 +0000

Here you can see the basic post. No fancy type, no setting and the featured image is just embedded into the content.

The front matter for that basic post just consists of the basic tags, author, title, featimg, tags and category.

YouTube

Mon, 09 Feb 2015 00:00:00 +0000

This is a youtube post type video.

For a YouTube video, no embedding code is required, it all works through the video ID. A featured image is not needed, as the video thumbnail will be used.

---
type: youtube
yt-video-id: e0RFirBWQsE
---

Audio

Sun, 08 Feb 2015 00:00:00 +0000

This audio post is displays without a sidebar and has the iframe set for the index pages, instead of a featured image.

For the audio post to work, type must be set to audio and the audio-embed filled with an iframe.

---
type: audio
audio-embed: <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/188464611&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
---

Image

Sat, 07 Feb 2015 00:00:00 +0000

Here you see an image post in the standard layout, with sidebar.

The Front Matter for that looks like this:

---
type: image
featimg: 5.jpg
---

Gallery

Fri, 06 Feb 2015 00:00:00 +0000

Here you’ll find a simple gallery, that just adds all of the images at full-width directly in the post content.

Galleries are defined in a data-sheet, set type and gallery-id in front matter and include gallery.html within the content.

_data/galleries.yml

- id: gallery
  imagefolder: /img/galleries/gallery-standard-post
  images:
  - filename: 1.jpg
    alttext: Bloom Flat
  - filename: 2.jpg
    alttext: Bloom
  - filename: 3.jpg
    alttext: Blossom in a Star
  - filename: 4.jpg
    alttext: Blossom
  - filename: 5.jpg
    alttext: Bubbly Bloom
  - filename: 6.jpg
    alttext: Rays of Gold
  - filename: 7.jpg
    alttext: Exotic
  - filename: 8.jpg
    alttext: Filled out

front matter

---
type: gallery
gallery-id: gallery
---

post content


{% include gallery.html %}

Bloom Flat Bloom Blossom in a Star Blossom Bubbly Bloom Rays of Gold Exotic Filled out

Full Width Post

Thu, 05 Feb 2015 00:00:00 +0000

a standard post displayed at full-width, only requires a layout, variable. The featured image will be added at the beginning of the content, but not above it, as in an image post.

---
layout: post_full
---

YouTube full

Wed, 04 Feb 2015 00:00:00 +0000

This youtube video uses the iframe instead of the thumbnail image on the index pages.

For a YouTube video, no embedding code is required, it all works through the video ID.

---
layout: post_full
type: youtube
yt-video-id: hPX9h5OrlhU
homedisplay: iframe
---

Audio Full

Tue, 03 Feb 2015 00:00:00 +0000

This audio post is displays without a sidebar and has a featured image set for the index pages.

For the audio post to work, type must be set to audio and the audio-embed filled with an iframe.

---
layout: post_full
type: audio
audio-embed: <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/143789807&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
---

Image Full

Mon, 02 Feb 2015 00:00:00 +0000

Here you see an image post with a full-width layout.

The Front Matter for that looks like this:

---
layout: post_full
type: image
featimg: 5.jpg
---

Gallery Alternative

Sun, 01 Feb 2015 00:00:00 +0000

An alternative to the simple gallery would be this version, which displays the post ins a lightbox. The setup basically is the same, the include makes all the difference.

Galleries are defined in a data-sheet, set type and gallery-id in front matter and include gallery_lightbox.html within the content.

_data/galleries.yml

- id: gallery
  imagefolder: /img/galleries/gallery-standard-post
  images:
  - filename: 1.jpg
    alttext: Bloom Flat
  - filename: 2.jpg
    alttext: Bloom
  - filename: 3.jpg
    alttext: Blossom in a Star
  - filename: 4.jpg
    alttext: Blossom
  - filename: 5.jpg
    alttext: Bubbly Bloom
  - filename: 6.jpg
    alttext: Rays of Gold
  - filename: 7.jpg
    alttext: Exotic
  - filename: 8.jpg
    alttext: Filled out

front matter

---
layout: post_full
type: gallery
gallery-id: gallery
---

post content


{% include gallery_lightbox.html %}

Vimeo

Sat, 31 Jan 2015 00:00:00 +0000

this is a video post using the vimeo format.

To create one you just have to use the type-specific variables within the Front Matter and paste the embed code directly from vimeo.

this post also shows the video on the home page instead of the featured image.

---
type: vimeo
vimeo-embed: <iframe src="//player.vimeo.com/video/118589137" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
homedisplay: iframe
---