halcy.de v4 » Version four-point-oh and counting.Two weeks!

You might have noticed the awesome box over there in the sidebar on the right.

Now you, too, can have Othar Tryggvassens status right on your web page, with this little code snippet below. Copypaste in, place image file into fitting directory, apply CSS however preferred, and put the actual script in an external file and/or at the very bottom of your page for better loading times.

(Related news: Girl Genius is still the most awesome comic ever, since it has adventure, romance, MAD SCIENCE and zeppelins. Check it out, now.)

<!-- Othar status -->
<div id="othar_container"  class="sidebar_box"><h4 id="othar">Othar Tryggvassen Status</h4>
<a href="http://twitter.com/Othar"><img alt="Othar" src="othar.jpg" class="othar"/></a>
</div>

<script type="text/javascript">
    function otharstatus(feed) {
        var span = document.createElement('span')
        span.appendChild(document.createTextNode(feed.value.items[0].content))
        document.getElementById('othar_container').appendChild(span)
    }

    var d_head = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = 'http://pipes.yahoo.com/pipes/pipe.run?_id=sHMyTsRF3BGBQrz_dLq02Q&_render=json&_callback=otharstatus';
    d_head.appendChild(newScript);
</script>

Image file used here: [Get it]