66 lines
3.4 KiB
HTML
66 lines
3.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: 32px; width: 256px; padding: 16px; border: 2px solid white; background: rgba(0, 0, 128, 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.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.jpg) no-repeat fixed; background-color: black; font-family: sans-serif">
|
||
|
|
<div style="position: absolute; left: 32px; top: 32px; padding: 2px 8px 6px 8px; border: 4px solid white; background: rgba(0, 0, 128, 0.5); font-size: 32px; font-weight: bold; color: white; box-shadow: 0 0 4px rgba(0, 0, 128, 1)">pan.do</div>
|
||
|
|
<div class="box" style="top: 32px"><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="document.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: 288px">Loading...</div>
|
||
|
|
<div id="branding" style="position: absolute; right: 48px; top: 340px; color: white"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|