pandotdoslashra/pan_do.html

65 lines
4.1 KiB
HTML

<!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>