<!DOCTYPE html>
<html>
    <head>
        <title>pan.do - Domain Parking</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="shortcut icon" type="image/png" href="pan_do.png"/>
        <style>
            a, a:visited {color: white}
            .box {position: absolute; right: 128px; width: 256px; padding: 16px; border: 2px solid white; background: rgba(0, 0, 0, 0.5); font-size: 16px; line-height: 24px; color: white; box-shadow: 0 0 4px rgba(0, 0, 128, 1)}
        </style>
        <script src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            (function() {
                var newsSearch;
                google.load('search', '1');
                google.setOnLoadCallback(onLoad);
                function onLoad() {
                    newsSearch = new google.search.NewsSearch();
                    newsSearch.setSearchCompleteCallback(this, searchComplete, null);
                    newsSearch.execute('Pando');
                    google.search.Search.getBranding('branding');
                }
                function searchComplete() {
                    document.getElementById('news').innerHTML = '';
                    if (newsSearch.results && newsSearch.results.length > 0) {
                        for (var i = 0; i < newsSearch.results.length; i++) {
                            var p = document.createElement('p'),
                                a = document.createElement('a');
                            a.href = decodeURIComponent(newsSearch.results[i].url);
                            a.target = '_top';
                            a.innerHTML = newsSearch.results[i].title;
                            p.appendChild(a);
                            document.getElementById('news').appendChild(p);
                        }
                    }
                }                
            }());
        </script>
    </head>
    <body style="background: url(pan_do.jpeg) 0 0px no-repeat fixed; background-color: black; font-family: sans-serif">
        <div class="box" style="left: 128px; top: 32px; right: 128px; width: auto; height: 28px; padding=top: 4px; font-weight: bold; font-size: 24px">pan.do</div>
        <div style="position: absolute; top: 55px; right: 155px; color: white">Your gateway to other sites on the Internet.</div>
        <div class="box" style="top: 128px">
            <b style="font-size: 20px">Related Searches</b><br><br>
            <input type="text" style="width: 128px"/><input type="button" value="Find" style="width: 64px; margin-left: 8px" onclick="parent.location.href='https://pan.do/ra'"/><br><br>
            <a href="https://pan.do/ra" target="_top">Online Video</a><br>
            <a href="https://pan.do/ra" target="_top">Media Archive</a><br>
            <a href="https://pan.do/ra" target="_top">Open Source</a><br>
            <a href="https://pan.do/ra" target="_top">Greek Mythology</a>
        </div>
        <div class="box" style="top: 384px"><b style="font-size: 20px">
            News for Pando</b><br><br>
            <div id="news">Loading...</div>
        </div>
        <div id="branding" style="position: absolute; right: 144px; top: 436px; color: white"></div>
        <div style="position: absolute; left: 144px; top: 436px; font-size: 14px; color: white">
            Sponsored Listings</span><br><br>
            <span style="font-weight: bold; font-size: 16px">0x2620</span><br>Collaborative Archiving and Networked Distribution<br><a href="https://0x2620.org" target="_top">www.0x2620.org</a><br><br>
            <span style="font-weight: bold; font-size: 16px">0xDB</span><br>Imaginary Movie Database<br><a href="https://0xdb.org" target="_top">www.0xdb.org</a><br><br>
            <span style="font-weight: bold; font-size: 16px">CAMP</span><br>Critical Art and Media Practices<br><a href="http://camputer.org" target="_top">www.camputer.org</a><br><br>
            <span style="font-weight: bold; font-size: 16px">Pad.ma</span><br>Public Access Digital Media Archive<br><a href="https://pad.ma" target="_top">www.pad.ma</a>
        </div>
        <div style="position: absolute; top: 800px; width: 1px; height: 1px"></div>
    </body>
</html>