Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Codepen plugin for Octopress (and Jekyll respectively)
Ruby
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.md
codepen.rb

README.md

Introduction

This plugin adds a {% codepen %} tag to Jekyll/Octopress. It (surprisingly) embeds CodePens. You can find an example over at my personal blog.

Installation

Move codepen.rb into the plugins folder at the root of your octopress repo.

Syntax

{% codepen href user [type] [height] %}

Usage

{% codepen vhfon riddla %}

Option parameters, such as {% codepen vhfon riddla css 400 %} can be used.

Allowed options

  • type - type of embed; defaults to result; other types are css and js
  • height - the height of the embedded iframe

Credits

This plugin was heavily inspired (e.g. shamelessly copied) from Brian Arnolds jsFiddle Octopress plugin.

Something went wrong with that request. Please try again.