404.html

---

layout: default
title: 404

---

<div class="cols">
    <aside class="col col-1-2">
        <h1 class="title--404">404</h1>
    </aside>
    <div class="col col-1-2">
        <p>Some things aren't meant to last forever. :-/</p>
        <p>You may still find it in the <a href="/archive/">archive</a>, or hunt for it in the <a href="https://github.com/simurai/simurai.github.io/commits/master">commit history</a> or <a href="/contact">get in touch</a> for personal assistance.</p>
    </div>
</div>

<script type="text/javascript">

    var path = window.location.pathname;

    // title
    document.title = "404 - " + path;

    // Redirects
    var redirects = {
        '/feed.xml': '/rss/',
        '/tagged/projects': '/projects/',
        '/tagged/lab': '/lab/',
        '/tagged/blog': '/blog/',
        '/contact/': '/about/#contact',
        
        '/blog/2016/11/27/css-methodologies':            'https://github.com/simurai/simurai.github.io/commit/bc9c240ba3d049deda7b50695650b32cfb85c6c9',
        
        '/post/37075268994/steps-animation':            '/blog/2012/12/03/step-animation',
        '/post/36659519235/flex1-overflow-scrolling':   '/blog/2012/11/27/flexbox-overflow-scrolling',
        '/post/34144004589/flexbox-web-apps':           '/blog/2012/10/23/flexible-web-apps',
        '/post/31460815120/flick-scroll':               '/blog/2012/09/13/flick-scrolling',
        '/post/30451824480/media-query-splitting':      '/blog/2012/08/29/media-query-splitting',
        '/post/11568442354/tlk-io':                     '/projects/2012/07/10/tlk-io',
        '/post/20732728563/animated-mask-icons':        '/lab/2012/04/08/mask-icons',
        '/post/20251013889/svg-stacks':                 '/blog/2012/04/02/svg-stacks',
        '/post/19895985870/icon-sharpness-limbo':       '/blog/2012/03/25/icon-sharpness-limbo',
        '/post/12032753853/skeuomorph':                 '/blog/2011/10/28/skeuomorph',
        '/post/10981136044/animated-css3-patterns':     '/lab/2011/10/03/space-cacss',
        '/post/9214147117/css3-brushed-metal':          '/lab/2011/08/21/brushed-metal',
        '/post/8083942390/force-lion-scrollbar':        '/blog/2011/07/26/webkit-scrollbar',
        '/post/4719656959/cursor-monster':              '/projects/2011/04/18/cursor-monster',
        '/post/3782105679/letter-heads':                '/projects/2011/03/11/letter-heads',
        '/post/2931027283/zen-html5-audio-player':      '/projects/2011/01/26/zen-player',
        '/post/1338679924/css3-flirts':                 '/blog/2010/10/17/css3-flirts',
        '/post/1155924231/css3-appearance-none':        '/projects/2010/09/20/umbrui',
        '/post/1117296141/css3-filters':                '/lab/2010/09/14/stars',
        '/post/1054804958/bonbon-css3-buttons':         '/blog/2010/09/02/bonbon-buttons',
        '/post/980116140/css3-glass-text':              '/lab/2010/08/20/zeppelin',
        '/post/861975259/css3-tilt-shift-text':         '/lab/2010/07/26/tilt-shift',
        '/post/802968365/css3d-css3-3d-text':           '/lab/2010/07/12/css3d',
        '/post/698681341/inset-text-shadow':            '/lab/2010/06/14/carve-me',
        '/post/690884138/css3-flashlight':              '/lab/2010/06/12/flash-light',
        '/post/684792689/text-blur':                    '/lab/2010/06/10/i-love-blur',
        '/post/439012003/organ-tumblr-theme':           '/projects/2010/04/14/organ',
        '/post/244131639/design-process':               '/blog/2009/11/15/design-process',
        '/post/241642811/shitty-day':                   '/projects/2009/11/12/shitty-day'
    };

    if (redirects.hasOwnProperty(path)) {
        window.location = redirects[path];
    }

</script>