<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Jonny Campbell :: Freelance Web Designer</title>
<meta name="author" content="Jonny Campbell | @jonnycampbell" />
<meta name="description" content="Jonny Campbell is a freelance web designer living in Belfast, Northern Ireland." />
<link rel="shortcut icon" type="image/gif" href="img/favicon.gif" />
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link rel="stylesheet" href="http://jonnycampbell.com/css/reset.css" />
<link rel="stylesheet" href="http://jonnycampbell.com/css/style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<header>
<hgroup>
<h1><a href="http://jonnycampbell.com/" rel="home">Jonny Campbell</a></h1>
<h2>Freelance Web Designer</h2>
</hgroup>
<nav>
<ul>
<li><a href="http://jonnycampbell.com/" rel="home">Homepage</a></li>
<li><a href="http://jonnycampbell.com/journal/">Journal</a></li>
<li><a href="http://jonnycampbell.tumblr.com/">Notepad</a></li>
<li><a href="http://jonnycampbell.com/journal/archives/">Archive</a></li>
<li><a href="http://www.flickr.com/photos/jonnycampbell/">Flickr</a></li>
<li><a href="http://www.twitter.com/jonnycampbell/">Twitter</a></li>
<li><a href="mailto:jonny@jonnycampbell.com">Email</a></li>
</ul>
</nav>
</header>
<article>
<section id="about-jonny">
<h1>About Jonny</h1>
<p>Jonny Campbell is a MA Multidisciplinary Design student living and studying in Belfast, Northern Ireland.
A recent graduate in Interactive Multimedia Design at UUJ he is currently using his time on the Masters to study
<strong>conversational media</strong>, social objects, and the <em>Information Superhighway</em>.</p>
<p>Jonny is a member of <a href="http://www.madebyoptic.com/">Optic</a>, a small design collective made up of
friends who happen to love the web. They have some exciting ideas up their sleeves so follow them on
<a href="http://www.twitter.com/madebyoptic/">Twitter</a> to keep up-to-date with their progress.</p>
</section>
<section id="about-site">
<h1>About the Site</h1>
<p>I have spent an insurmountable amount of time in Coda recently developing the redesign of my portfolio.
The design has moved from minimalist, to bells & whistles, and back again. I just couldn't find a look and feel
I was happy with. And so here's my new site.</p>
<p><a href="http://jonnycampbell.com/code.php" title="Back to code view"><img src="http://jonnycampbell.com/img/code-view.jpg"
alt="Code View" width="490" height="90"/></a></p>
<p>I probably should have looked for inspiration outside of Coda but in saying that accessible and semantic mark-up
is hard to beat. I'm a little worried about the visitors who aren't designers or developers — if that's you,
don't worry, you haven't broke the Internet.</p>
</section>
<section id="twitter">
<ul id="twitter_update_list">
</ul>
<section>
<footer>
<p>Built with HTML5 using Coda. © Jonny Campbell 2010. All Rights Reserved.</p>
</footer>
</article>
</body>
</html>
