<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Websites, widgets and other wonderful things. By Matt Sephton</title>
<meta name="description" content="Personal website of internet consultant and developer Matt Sephton - creator of the Ceefax Viewer widget, coffee break game Wire Hang Redux and fan of TV show Monkey Magic and the video game Pang." />
<link href="/common.css" rel="stylesheet" type="text/css" />
<!--[if !IE]>-->
<link media="only screen and (max-device-width: 480px)" href="/iphone.css" type="text/css" rel="stylesheet" />
<meta name="viewport" content="width=device-width" />
<!--<![endif]-->
</head>

<body class="home">

	<h1>Websites, widgets and other wonderful things.</h1>
	<p><a href="&#109;&#x61;&#x69;&#108;&#116;&#x6F;:&#x6D;&#97;&#x74;&#x74;&#x2E;&#x73;&#101;&#x70;&#x68;t&#111;&#110;&#64;&#x67;&#x6D;&#97;&#x69;&#108;&#x2E;&#99;&#x6F;&#x6D;?subject=Ginger%20Beard%20Man">by Matt Sephton</a></p>
	
	<div class="col wide">
		<h2>Work</h2>
		<p>
			I build accessible, standard compliant websites with a focus 
			 on usability and well thought out, semantic code. 
		</p>
		<p>
			This allows me to create great content fit for any purpose &ndash; whether
			it's a simple email, pages for a static site, templates for a <acronym title="CMS">content 
			management system</acronym> or even a fully content managed website.
		</p>
		<p>
			My flexible, home grown <acronym title="Content Management System">CMS</acronym> was written in <acronym title="PHP: Hypertext Preprocessor">PHP</acronym> and 
			powers all of my content managed projects.
		</p>
		
		<table border="0" cellspacing="0" cellpadding="4">
			<tr>
				<th class="date">Date</th>
				<th class="project">Project</th>
				<th class="head bull"><abbr title="HyperText Markup Language">HTML</abbr></th>
				<th class="head bull"><acronym title="Cascading Style Sheets">CSS</acronym></th>
				<th class="head bull"><abbr title="JavaScript">JS</abbr></th>
				<th class="head bull"><acronym title="Content Management System">CMS</acronym></th>
			</tr>

			<!-- <tr>
				<td rowspan="10" class="year">2008</td>
				<td><a href="http://www.movingbrands.com" target="_blank">Moving Brands</a></td>
				<td class="bull">&bull;</td>
				<td class="bull">&bull;</td>
				<td class="bull"></td>
				<td class="bull"></td>
			</tr> -->
			<tr>
				<td rowspan="9" class="year">2008</td>
				<td><a href="http://www.gingerbeardman.com/tate/" target="_blank">Tate Britain – Turner Prize</a></td>
				<td class="bull">&bull;</td>
				<td class="bull">&bull;</td>
				<td class="bull"></td>
				<td class="bull"></td>
			</tr>
			<tr>
				<td><a href="http://www.daddydonkey.co.uk/order/" target="_blank" title="(dynamic order form only) with Designers Anonymous">Daddy Donkey</a></td>
				<td class="bull">&bull;</td>
				<td class="bull">&bull;</td>
				<td class="bull"></td>
				<td class="bull"></td>
			</tr>
	