Oliver Pattison opattison

image: 1: - url: image1.jpg - caption: 'caption 1' - alt: 'alt text 1' - coordinates: [0, 52] image: 2:

Twilight Terrain (MapBox demo)

2014-02-22

Some of my photos on top of a custom MapBox terrain layer. This is a test for a photo gallery.

	<!doctype html>
	<html lang="en">
	<body>
	<article class="gallery" role="main">
	<section class="photos">
	{% for image in page.image %} <!-- Loop through the photos from the YAML frontmatter from an empty Jekyll post -->
	<figure>
	<img src="{{ page.image[forloop.index0] }}" alt="{{ page.image-alt[forloop.index0] }}"> <!-- Insert the src, the alt text for each image, using the forloop.index0 liquid helper -->
	</figure>
	<figcaption>{{ page.image-caption[forloop.index0] }}</figcaption> <!-- and the figcaption too -->

	<footer class="post-nav">
	{% if page.next.url and page.next.categories contains 'writing' %}
	<a class="more next" href="{{page.next.url}}" title="Later article: {{page.next.title}}">Next</a>
	{% endif %}
	{% if page.previous.url and page.previous.categories contains 'writing' %}
	<a class="more previous" href="{{page.previous.url}}" title="Earlier article: {{page.previous.title}}">Previous</a>
	{% endif %}
	</footer>

	# Title: Figure/image tag plugin for Jekyll
	# Author: Oliver Pattison \| http://oliverpattison.org
	# Description: Create figure/img HTML blocks with optional classes and captions. This is a YAML-dependent Liquid tag plugin for Jekyll for those who fear link rot.
	#
	# Download/source/issues: https://github.com/opattison/jekyll-figure-image-tag
	# Documentation: https://github.com/opattison/jekyll-figure-image-tag/blob/master/README.md
	#
	# Note: designed specifically for implementations with YAML front matter-based images, captions and alt text.
	# Create YAML collections in a post like this:
	#

	require 'stringex'

	# rake command that generates a new post and opens in default text editor
	desc "Generates a new note"
	task :post, :title do \|t, name\|
	if name.title
	title = name.title
	else
	title = get_stdin("Enter a title: ")
	end

	---
	# No YAML required. Blank front matter so that CSS files can be included via Liquid templating.
	# Make sure that the breaks are included at the start of the file so that Jekyll knows to process the Liquid includes.
	---

	{% include reset.css %}
	{% include base.css %}
	{% include project.css %}

	{
	"color_scheme": "Packages/Tomorrow Color Schemes/Tomorrow.tmTheme",
	"enable_tab_scrolling": false,
	"font_face": "Nitti Basic",
	"font_options":
	[
	"no_italic"
	],
	"font_size": 19,
	"ignored_packages":