Tony Fast tonyfast

What do you know about your webpage?

Often webpages are built with an initial idea, but we start from coding from naught.

This gist allows a webpage to be written as a yaml manifest. d3 tree structures inspire the manifest syntax.

	- heading: Dog
	body: >
	alksdhflkajsdhf
	- heading: Sean
	body: >
	Lorem ipsum dolor sit amet, ex sed paulo putent, cu sit integre epicurei petentium. Vel ea quem malis causae. Qui no odio prima definiebas. Quando vidisse feugiat vel eu, cum et dicit splendide, ea rebum eirmod est. Ne adhuc atqui definitionem quo, eum ceteros rationibus eu. Solet regione has cu, mea id alia posidonium.

	Aeque soleat legimus ei sed, eos ut everti gubergren vituperatoribus. Ex veri sonet omnes pri. Cu mucius splendide ius. Ea sea soleat mnesarchum. Simul maiorum accumsan his et, ullum liber delicata eum an. Ad duo essent aliquid similique.

	- heading: Freddie

	type: document
	children:
	- heading: Dog Pound
	children:
	- heading: dirty
	type: 'testing'
	content: >
	This will be so cool if it works
	- heading: lildog
	type: 'gallery'

	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mermaid/0.3.3/mermaid.full.min.js"></script>
	<h1>A Development Process for Liberating Immutable Research and Development</h1>
	<div class="mermaid">
	graph LR;
	what((What are you gonna do?)) --> hack[Hack with your best tools];
	hack --> look((What does my research look like?))
	look --> localhost[Local web host];
	localhost --> static;
	localhost --> dynamic;
	static --> Jekyll;

	<head>
	<script src="//cdn.jsdelivr.net/g/d3js,riot@2.0(riot.min.js+compiler.min.js),coffeescript,skrollr">
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.2.6/js-yaml.min.js"></script>
	<style>
	@import "http://bootswatch.com/superhero/bootstrap.min.css";
	</style>
	<!--
	Skrollable uses regular expressions to interpolate animations
	-->

	<head>
	<script src="//cdn.jsdelivr.net/g/d3js,riot@2.0(riot.min.js+compiler.min.js),coffeescript">
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.2.6/js-yaml.min.js"></script>
	<style>
	@import "http://bootswatch.com/superhero/bootstrap.min.css";
	</style>
	</head>

	<body>

	<head>
	<script src="//cdn.jsdelivr.net/g/d3js,coffeescript">
	</script>
	<style>
	@import "http://bootswatch.com/superhero/bootstrap.min.css";
	</style>
	</head>

	<body>
	<script type="text/coffeescript">

	<!doctype html>
	<html>
	<head>
	<script src="https://cdn.jsdelivr.net/g/riot@2.0(riot.min.js+compiler.min.js)"></script>
	<style>
	@import "https://raw.githubusercontent.com/muut/riotjs/gh-pages/demo/todo.css";
	</style>
	</head>
	<body>
	<todo></todo>

	<!doctype html>
	<html>
	<head>
	<script src='//cdn.jsdelivr.net/g/d3js'></script>
	</head>
	<body>
	<svg width="700" height="660">
	<defs>
	<pattern id="image" x="0" y="0" patternUnits="userSpaceOnUse" height="200" width="200">
	<image x="0" y="0" height="200" width="200" xlink:href="http://lorempixel.com/100/100" type="image/png"></image>