<!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" lang="en-US" xml:lang="en"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ninjela</title>
<meta name="description" content="The personal playground of web designer Angela K." />
<meta name="keywords" content="ninjela, angela, angela K, ninja, web ninja, web designer" />
<meta http-equiv="Content-Language" content="en-us"/> 
<meta name="Language" content="english"/> 
<link href="css/ninjela.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/flickrfeed.js"></script>
<script type="text/javascript" src="scripts/target.js"></script>
</head>
<body>
  <!--[if lt IE 7]>  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>      </div>      <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>      <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>      <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>      <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>    </div>  </div>  <![endif]-->
<div class="bgcontain">
  <div class="maincontain">
    <div class="logo">
      <h1><script type="text/javascript" src="scripts/ninjela.js"></script></h1>
    </div>
    <div class="tagline"><img src="images/playground.jpg" alt="The personal playground of web designer Angela K!" width="413" height="92" /></div><div class="lines">
    <div class="quartercol">
      <h2><a href="http://twitter.com/ohsoang">Twitter Updates</a></h2>
      <p>I tweet. I'm not ashamed of it. I generally share interesting things I've seen or amusing thoughts.</p>
      <h3>Recent Updates</h3>
      <ul id="twitter_update_list">
      </ul>
      <p><a href="http://twitter.com/ohsoang"><img src="images/tweet.png" alt="Did I tweet that?" /></a></p>
    </div>
    <div class="quartercol">
      <h2><a href="http://www.flickr.com/photos/ohsoang/">Flickr Feed</a></h2>
      <p>Largely photos of my cats and dog. But occasionally I'll get pics of my surroundings or myself too.</p>
      <h3>Recent Pics</h3>
      <div id="flickr"></div>
      <div class="clear"></div>
      <p class="right"><a href="http://www.flickr.com/photos/ohsoang/"><img src="images/ohlook.png" alt="Oh, look!" /></a></p>
    </div>
    <div class="quartercol">
      <h2><a href="http://www.google.com/reader/shared/user/01822918900144650592/state/com.google/broadcast">Google Reader</a></h2>
      <p>I read articles... all the time. I like to share the ones I find interesting. And pics/vids that make me LOL.</p>
      <h3>Recently Read</h3>
      <script type="text/javascript" src="http://www.google.com/reader/ui/publisher-en.js"></script>
      <script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/01822918900144650592/state/com.google/broadcast?n=8&amp;callback=GRC_p(%7Bc%3A%22-%22%2Ct%3A%22%22%2Cs%3A%22false%22%2Cn%3A%22false%22%2Cb%3A%22false%22%7D)%3Bnew%20GRC"></script>
    </div>
    <div class="quartercol">
      <h2>Favorite Links</h2>
      <ul class="links">
        <li><a href="http://12films12weeks.com/" rel="friend met" title="Four filmmakers embark on the ultimate summer challenge: make 12 short films in 12 weeks.">12 Films. 12 Weeks.</a></li>
        <li><a href="http://angrymetalguy.com/" rel="friend met" title="Metal Reviews, Interviews and General Angryness">Angry Metal Guy</a></li>
        <li><a href="http://tankmeeks.com/" title="Anthony “Tank” Meeks Benefit Ride 2010">Anthony &quot;Tank&quot; Meeks</a></li>
        <li><a href="http://bubblessoc.net/" rel="contact" title="Sidney">BubblesSOC</a></li>
        <li><a href="http://echoica.net/" rel="friend" title="Michelle">Echoica</a></li>
        <li><a href="http://fourfour.typepad.com/" rel="contact muse" title="Rich Juz">FourFour</a></li>
        <li><a href="http://jemjabella.co.uk/" rel="friend colleague" title="Ultimately Better Than You">Jemjabella</a></li>
        <li><a href="http://xexsyndicatex.blogspot.com/" rel="friend met sweetheart" title="Katy's Island">Katy's Island</a></li>
        <li><a href="http://mikelavoie.com/" rel="friend met muse" title="Mike Lavoie">Mike Lavoie</a></li>
        <li><a href="http://nerdist.com/" title="Chris Hardwick">Nerdist</a></li>
        <li><a href="http://philcreswell.com/" rel="friend met" title="Into the Æther">Phil Creswell</a></li>
        <li><a href="http://birbigs.com/spj/" rel="acquaintance met" title="Mike Birbiglia's My Secret Public Journal">Secret Public Journal</a></li>
        <li><a href="http://skyspun.org/" rel="friend muse" title="I saw a star, I reached for it, and I missed. So I accepted the sky.">SkySpun</a></li>
        <li><a href="http://sushiandrobots.com/" rel="acquaintance muse" title="Sushi &amp; Robots, by Jina Bolton">Sushi &amp; Robots</a></li>
        <li><a href="http://violentacres.com/" rel="muse" title="Like you, but with poor impulse control.">Violent Acres</a></li>
        <li><a href="http://widelawns.blogspot.com/" rel="muse" title="Wide Lawns">Wide Lawns &amp; Narrow Minds</a></li>
      </ul>
      <h2>Proudly Part of</h2>
      <ul class="partof">
        <li><a href="http://www.behance.net/angelakoskela" rel="nofollow">Behance Network</a></li>
        <li><a href="http://www.cssgarden.co.uk/profile/1702">CSS Garden</a></li>
        <li><a href="http://per.fectio.net/in.php?id=19" title="Perfection Design Gallery">Perfection Design Gallery</a></li>
        <li><a href="http://rev.iew.me/join/?ref=116" title="A Website Reviewing Community">rev.iew.me</a></li>
        <li><a href="http://snarkforums.com/" title="Snark is Superior">Snark Forums</a></li>
      </ul>
    </div>
    <div class="clear"></div>
    </div>
  </div>
</div>
<div class="footer">
  <div class="halfcol">
    <h4>Angela the Ninja</h4>
    <p>I am Angela, a 27-year-old web designer from northern Minnesota. I have a full-time job, a car, a house, 3 cats, a dog, a boyfriend, and a moderate phobia of taxidermy. I ride bike, watch movies, enjoy stand-up comedy, do web design, laugh at amusing headlines, and read a lot of books. I love technology, science, genetic anomalies, history, Dave Attell, board games, Dexter, money, and pizza. What more do you need to know?!</p>
    <p><a href="http://angelakoskela.com/" rel="nofollow">angelakoskela.com</a></p>
  </div>
  <div class="quartercol">
    <h4>&nbsp;</h4>
    <p>I have been making websites since about 2000. What I like most about web design and development is that it is ever-changing &mdash; there is always something newer, better, faster to explore and experiment with!</p>
  </div>
  <div class="quartercol">
    <h4>Say Hello!</h4>
    <p><a href="mailto:angela@ninjela.com">angela@ninjela.com</a></p>
    <p>&copy;2011 Angela K</p>
<img src="images/name.png" alt="" width="200" height="78" class="name" />  </div>
  <div class="clear"></div>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/ohsoang.json?callback=twitterCallback2&amp;count=5" type="text/javascript"></script>
<script type="text/javascript" language="javascript">  
setTargets(); 
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-3606980-16");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
