<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hi, I'm a UX Cartoonist. My name is Karl Dotter. This is my story, and yours.</title>

<script type="text/javascript" src="http://use.typekit.com/bnx0vnq.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

<style type="text/css">

h1 {
  font-family: "adrianna-1","adrianna-2",sans-serif;
  font-size: 46px;
  color:black;
  line-height: 60px;
}

h2 {
  font-family: "adrianna-1","adrianna-2",sans-serif;
  font-size: 16px;
}

<!--
body {
	font-family: "adrianna-1","adrianna-2",sans-serif;
	font-size: 14px;
	line-height: 30px;
	color:gray;
	background-color: white;
	text-align: center;
	margin-top: 0px;
}
a, a:visited {
	color: #7FB514;
	text-decoration: none;
}
a:hover, a:visited:hover {
	text-decoration: underline;
}
#container {
	width: 695px;
	margin-left: auto;
	margin-right: auto;	
}
#main-content {
	text-align: left;
}
#masthead {
	margin-bottom: -10px;
}
#site-content {
	margin-top: 5px;
	margin-left: 58px;
}
.divider {
	clear: left;
	background-image: url(_img/hdots.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 1px;
	margin: 0px;
	font-size: 1px;
}
.col-two {
	width: 357px;
	margin-top: 18px;
	float: left;
}
.col-two P {
	margin-top: 0px;
}
.sub-image {
	float: left;
	margin-right: 12px;
}
.sub-text {
font-family: "adrianna-1","adrianna-2";
}
.footer {
	color: gray;
	background-position: center;
}
-->
</style>

</head>
<div id="container">
<div id="main-content">
<div id="masthead"></div>
<div id="site-content">
				
<div class="divider"></div>

<div class="sub-text">
<br>
<h2><img src="http://www.newelement.org/karl/images/k4rl_burnt_toast_header.jpg" alt="Karl Dotter, UX Cartoonist" align=left><h1 id="hello">Oh, hello. <br>I'm <a href="http://twitter.com/k4rl">Karl Dotter</a>. (Cartoonist & UX Designer)</h1>Here you'll find amazing work from cartoonists around the world & whatever scribbles I'm working on. Basically, I post & favorite things on <a href="http://flickr.com/photos/k4rl">flickr</a> and it lands on this little website for you to explore. Follow me on <a href="http://twitter.com/k4rl">Twitter</a>, <a href="http://www.facebook.com/pages/Dot/257761797641197">Facebook</a> or <a href="http://k4rl.tumblr.com/ask">Ask me a question.</a>
</h2>
<br>
<br>
<h2>↓ EXPLORE WHAT'S ON MY BRAIN</h2>
<div class="feed">
<script src="http://friendfeed.com/embed/widget/k4rl?v=2&amp;num=40&amp;hide_logo=1&amp;hide_subscribe=1" type="text/javascript"></script>
<style type="text/css">
.friendfeed.widget .feed .entry .comment .quote {
display: inline;
float: left;
margin-left: 12px;
height: 13px;
width: 14px;
}
</style>

<link type="text/css" rel="stylesheet" href="http://friendfeed.com/static/css/widget2.css?v=c57cf5367d1a9c31ee4b50d30a429e4c">

<div style="width: 100%;" class="friendfeed widget">
<div class="logo">

</div>
<div class="feed">

<style media="screen" type="text/css">
		/* friendfeed likes to override these unless inline */
		.friendfeed.widget .feed { margin:0; padding:0; }
		.friendfeed.badge,
		.friendfeed.widget { border:0; width:500px; }
		.friendfeed.badge .content { margin:10px 0; }
		.friendfeed .info { display:none; }
		.friendfeed.widget .feed .entry { margin:0 0 2em 0; }
		.friendfeed.widget .feed .entry .comments .comment, .friendfeed.widget .feed .entry .body .summary { white-space: normal; }
		.friendfeed.widget a,.friendfeed.widget a:visited { color:#3333D6; text-decoration:none; }
		.friendfeed.widget a:hover { color:#3333D6; text-decoration:underline; }
		.friendfeed.badge { margin-top:60px; }
		.friendfeed.widget .feed .cluster .body .summary,
		.friendfeed.widget .feed .cluster .body .summary a { display:none; }
		.friendfeed.widget .feed .cluster .media img { border:0; padding:0;  }
		.friendfeed.widget .feed .cluster .comments .comment { padding-left:0; color:#000; background-position:0 3px;}
				
	</style>
</div>
</div>

All this is  &copy; other people on the web & other stuff is mine, so we'll call that &copy; 2013, Karl Dotter, UX Cartoonist.
</body>
</html>