


<!DOCTYPE html>
<html lang="en" dir="ltr" class="wf-inactive no-js no-csstransforms3d 404">
  <head>
    <!-- Meta -->
    <meta charset="utf-8" />
    <meta name="description" content="Steff dot Me is the journal and creative works of Steffan Williams &ndash; a freelance, front-end web developer from South Wales.">
    <meta name="author" content="Steffan Williams" />
    <meta name="readability-verification" content="BWeu9Y6Lq7Ghe276Mg3Hp7Scaz4u27JWRVf6HURt"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />


    <title>Steff.me</title>
    
    <link rel="home" href="http://steff.me/" />
    <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/steffme" />

    <!-- CSS -->
    <link rel="stylesheet" href="/assets/stylesheets/style.css" type="text/css" media="screen" />
    <!--[if lt IE 7 ]><link rel="stylesheet" href="/assets/stylesheets/library/gridinator-fixed.css" type="text/css" media="screen" /><![endif]-->

    <!-- Modernizr JS -->
    <script src="/assets/javascripts/modernizr-1.5.min.js"></script>
    <!--[if lte IE 8]>
    <script src="/assets/javascripts/css3-mediaqueries.js"></script>
    <![endif]-->
    

    
  </head>
  
  <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
  <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
  <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
  <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
  
  
    <header>
      <div id="header" class="wrapper">
        <div id="header-inner" class="inner-wrapper">
          <p id="logo" class="four-col"><a rel="home" href="http://steff.me/"><span id="mini-me"></span> Steff.me</a></p>

          <nav>
            <ul id="main-nav" class="twelve-col last-col">
              <li class="active">
              <a href="http://steff.me/">Home</a>
              </li>
              <li>
              <a href="http://steff.me/about/">About</a>
              </li>
              <li>
              <a href="http://steff.me/work/">Work</a>
              </li>
              <li>
              <a href="http://steff.me/journal/">Journal</a>
              </li>            
              <li>
              <a href="http://steff.me/lab/">Lab</a>
              </li>        
            </ul>    
          </nav>
        </div>
      </div>
    </header>


      
    <div id="main" class="wrapper" role="main">          
      <!-- center -->
      <div id="content" class="inner-wrapper">
        
        
        <div class="ten-col">
          <h3>Sad Steff is sad.</h3>
          <p><img src="/assets/images/sad-steff.jpg" alt="Sad Steff, crying" class="full" /></p>
          
        </div>
        
        <div class="six-col last-col">
          <h1><strong>Oh dear.</strong></h1>
          <p>Okay, so, whatever it was you were looking for doesn't seem to exist. Don't cry, there's no need to panic, let's just move on and pretend nothing happened.</p> 
          <p>Can I recommend heading over to the <a href="http://steff.me//journal">journal</a> or even checking out the <a href="http://steff.me//lab">lab</a> to see if you can find what you were after.</p>
          <p>If you think something has gone terribly wrong and there's actually a problem, please feel free to <a href="http://twitter.com?status=@steffanwilliams%20Steff.me%20404%20issue%20at%20%2Ffeed%2F!">send me a tweet</a> or <a href="mailto:contact@steff.me">drop me an email</a> and let me know what's up.</p>
        </div>
        
      </div>
    </div>
      

  
  
  

    <div id="contact-container" class="container closed">
      
      <div id="contact" class="container">      
        <div class="wrapper">
    
          <div class="inner-wrapper">
      
            <h2>Get in touch</h2>
            <div class="eight-col">
            <p>Whether it's to discuss a project, ask a question or just say hey &ndash; I'd love to hear from you! If you'd prefer to send an email, please use the information on the below. I'll do my best to get back to you via your personal email address as soon as possible. You can also chat to me via Skype; just be sure to send a personal message with your request otherwise I may not add you.</p>
                  
            </div>
            <div class="form-wrapper eight-col last-col">
              
            <form method="post" id="zcr1cab7bbcba15af56cbd152c7f89b4978" class="zemContactForm" action="/feed/#zcr1cab7bbcba15af56cbd152c7f89b4978">
<fieldset>
<legend>Contact</legend>
<input type="hidden" name="zem_contact_nonce" value="97f42c9cc7842976c80195a8eeaecd40" />
<input type="hidden" name="zem_contact_form_id" value="1cab7bbcba15af56cbd152c7f89b4978" />
              <ul class="no-bullets no-margin container">
                <li>
                  <label for="q221e705c06e231636fdbccfdd14f4d5c" class="zemText zemRequired q221e705c06e231636fdbccfdd14f4d5c">Your name</label><input type="text" id="q221e705c06e231636fdbccfdd14f4d5c" class="zemText zemRequired" name="q221e705c06e231636fdbccfdd14f4d5c" value="" maxlength="100" />
                </li>
                <li>
                  <label for="q198584454b0ce1101ff5b50323325aa8" class="zemText zemRequired q198584454b0ce1101ff5b50323325aa8">Your email address</label><input type="text" id="q198584454b0ce1101ff5b50323325aa8" class="zemText zemRequired" name="q198584454b0ce1101ff5b50323325aa8" value="" maxlength="100" />
                </li>
                <li>
                  <label for="q8c4f35b3beb49c345b08b57345c80111" class="zemText  q8c4f35b3beb49c345b08b57345c80111">Your website</label><input type="text" id="q8c4f35b3beb49c345b08b57345c80111" class="zemText " name="q8c4f35b3beb49c345b08b57345c80111" value="" maxlength="100" />
                </li>
                <li>
                  <label for="qcfe1b4b75fb8dc152b124f9305835a11" class="zemTextarea zemRequired qcfe1b4b75fb8dc152b124f9305835a11">Your message</label><textarea id="qcfe1b4b75fb8dc152b124f9305835a11" class="zemTextarea zemRequired" name="qcfe1b4b75fb8dc152b124f9305835a11" cols="58" rows="8"></textarea>
                </li>
                <li>
                  <input type="submit" class="zemSubmit" name="zem_contact_submit" value="Send this message" />
                </li>
              </ul>
            
</fieldset>
</form>  
            
            </div>
            
            <div class="eight-col last-col">
            <section id="elsewhere" class="container">
                <h3>Find me elsewhere</h3>
  			      <ul class="no-bullets" class="container">
  			        <li><a href="mailto:contact@steff.me"><span class="one-col">Email</span> contact [at] steff.me</a></li>
  			        <li><a href="skype:steffanjwilliams?add"><span class="one-col">Skype</span> steffanjwilliams</a></li>
  			        <li><a href="http://twitter.com/steffanwilliams"><span class="one-col">Twitter</span> @steffanwilliams</a></li>
  			      </ul>                    
            </section>
            </div>
            
          </div>
        </div>
      </div>
  
    </div>

    <!-- footer -->
    <footer role="contentinfo">
    <div id="footer">
      <div id="footer-inner">
        <div class="container">          
          <p class="eight-col">Copyright &copy; Steffan Williams. All Rights Reserved.</p>
          <p class="text-right eight-col last-col">
            <a href="http://gridinator.com/">Fully Gridinated</a>
            <a href="http://twitter.com/steffanwilliams">Follow me on Twitter</a>
            <a href="http://feeds.feedburner.com/steffme">RSS</a>
          </p>
        </div>
      </div>
    </div>
    </footer>
    <!-- JS -->
    <script src="http://use.typekit.com/wue5kco.js"></script>    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>!window.jQuery && document.write('<script src="/assets/javascripts/jquery-1.4.2.js"><\/script>')</script>
    <script src="/assets/javascripts/hashgrid_v4.js"></script>
    <!--<script src="http://platform.twitter.com/anywhere.js?id=q2RTesPfreG949xZavrwg&v=1"></script>-->
    <script src="/assets/javascripts/global.js"></script>  
    <script src="/mint/?js"></script>
    <!--[if lt IE 7]><script src="/assets/javascripts/dd_belatedpng.js"></script><![endif]-->  

    <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet -->
    <script>
     var _gaq = [['_setAccount', 'UA-18580277-1'], ['_trackPageview']];
     (function(d, t) {
      var g = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
      g.async = true;
      g.src = '//www.google-analytics.com/ga.js';
      s.parentNode.insertBefore(g, s);
     })(document, 'script');
    </script>
  </body>
</html>