70 lines
4.4 KiB
HTML
70 lines
4.4 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">
|
||
|
|
|
||
|
|
// This code generates a "Raw Searcher" to handle search queries. The Raw
|
||
|
|
// Searcher requires you to handle and draw the search results manually.
|
||
|
|
google.load('search', '1');
|
||
|
|
|
||
|
|
var newsSearch;
|
||
|
|
|
||
|
|
function searchComplete() {
|
||
|
|
|
||
|
|
// Check that we got results
|
||
|
|
document.getElementById('news').innerHTML = '<b style="font-size: 20px">News for Pando</b><br><br>';
|
||
|
|
if (newsSearch.results && newsSearch.results.length > 0) {
|
||
|
|
for (var i = 0; i < newsSearch.results.length; i++) {
|
||
|
|
|
||
|
|
// Create HTML elements for search results
|
||
|
|
var p = document.createElement('p');
|
||
|
|
var a = document.createElement('a');
|
||
|
|
a.href = decodeURIComponent(newsSearch.results[i].url);
|
||
|
|
a.target = '_top';
|
||
|
|
a.innerHTML = newsSearch.results[i].title;
|
||
|
|
|
||
|
|
// Append search results to the HTML nodes
|
||
|
|
p.appendChild(a);
|
||
|
|
document.getElementById('news').appendChild(p);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onLoad() {
|
||
|
|
|
||
|
|
// Create a News Search instance.
|
||
|
|
newsSearch = new google.search.NewsSearch();
|
||
|
|
|
||
|
|
// Set searchComplete as the callback function when a search is
|
||
|
|
// complete. The newsSearch object will have results in it.
|
||
|
|
newsSearch.setSearchCompleteCallback(this, searchComplete, null);
|
||
|
|
|
||
|
|
// Specify search quer(ies)
|
||
|
|
newsSearch.execute('Pando');
|
||
|
|
|
||
|
|
// Include the required Google branding
|
||
|
|
google.search.Search.getBranding('branding');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Set a callback to call your code when the page loads
|
||
|
|
google.setOnLoadCallback(onLoad);
|
||
|
|
</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 id="news" class="box" style="top: 384px">Loading...</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">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">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">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>
|