templates/2016-04-05-yourfirstscript.svg

<!--- 

SVG Graphic
***********

Background Color: Change #9932cc to whatever colour. Try to just change the hue. Yellow looks awful.

Project Name: Trial and error to fit in your text. Canot use SVG's getBBox() because it's all over the place.

Name: Name this file YYYY-MM-DD-my-project-name-header.svg and put in `/images` directory.

TODO: I'll eventually get gulp to make the images.

-->

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
	<svg xmlns="http://www.w3.org/2000/svg" width="850" height="400">
		<path fill="#9932cc" d="M0 0h850v400H0V0z" />
		<path fill="#FFF" d="M358.622-39.934l516.82 91.13-65.536 371.67-516.82-91.128 65.536-371.672z" />
		<text transform="rotate(10 182.54 2159.47)" font-family="Arial" font-size="80">
			<tspan x="0" y="80">Press</tspan>
			<tspan x="0" y="169">the</tspan>
			<tspan x="0" y="258">Button</tspan>
		</text>
	</svg>