John Attebury attebury

layout	tags
posts	css github jekyll markdown grunt

This is a test post which will contain enough markup to test CSS styles.

It should have a

Welcome to Drift!

Drift is an always-already versioned, cloud-backed text editor. You can use it to take notes, and save them in the GitHub cloud.

Your gists are always saved locally, and any changes you make will get pushed to GitHub's servers.

To name a gist, touch its name in the toolbar.

You can use the share button at the top-right to copy a link to one of your gists, or view it on the web in Safari.

	<script id="js-template-messages" type="text/x-kendo-template">
	<ul class="bo-list bo-card__list bo-articles bo-articles--static">
	# if (messages.length > 0) { #
	# for (var i=0; i < messages.length; i++) { #
	<li class="bo-card__item">
	<span class="bo-article__headline bo-article__headline--static"> #= messages[i].messageTitle #</span>
	<span class="bo-article__description bo-article__description--static">#= messages[i].messageText #</span>
	</li>
	# } #
	# } # @*else { #

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>

	<label>
	<input type="radio" name="days" value="15" checked /> 15

	<!--
	*
	* The table container expands to fill the width of its parent column.
	*
	* Uses progressive enhancement so hidden rows are visible without javascript.
	* Requires the absence of a .no-js class on the <html> node.
	*
	* Place this in the document head for progressive enhancement
	* <script type="text/javascript">
	* document.documentElement.classList.remove('no-js');

	/*
	* A jQuery alternative to providing a custom ID selector to submit a form
	* is to submit the form closest to the button that has been clicked.
	* See http://api.jquery.com/closest/
	*/

	$('.js-btn-submit').on('click', function(e) {
	e.preventDefault();
	$(this).closest('form').submit();
	});

	<!-- Favicon -->
	<link rel="shortcut icon" href="/assets/v1/img/icons/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="/assets/v1/img/icons/favicon.png">

	<!-- Retina iPad -->
	<link rel="apple-touch-icon" sizes="144x144" href="/assets/v1/img/icons/apple-touch-icon-144x144.png" />

	<!-- Retina iPhone, iPod Touch -->
	<link rel="apple-touch-icon" sizes="114x114" href="/assets/v1/img/icons/apple-touch-icon-114x114.png" />

	/*!
	Pure v0.1.0
	Copyright 2013 Yahoo! Inc. All rights reserved.
	Licensed under the BSD License.
	https://github.com/yui/pure/blob/master/LICENSE.md
	*/

	.pure-button {
	display: inline-block;
	*display: inline;

	@mixin border-radius-specific($radius1, $radius2, $radius3, $radius4) {
	-webkit-border-radius: $radius1, $radius2, $radius3, $radius4;
	-moz-border-radius: $radius1, $radius2, $radius3, $radius4;
	border-radius: $radius1, $radius2, $radius3, $radius4;
	}