more do
This commit is contained in:
j
parent
4055215553
commit
d7068ed256
15 changed files with 358 additions and 63 deletions
227
pan.do.html
227
pan.do.html
|
|
@ -1,66 +1,179 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>pan.do - Domain Parking</title>
|
||||
<title>pan.do - Social Bookmarking - Shorten, Share and Store your URLs in the Cloud</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="pan.do.png"/>
|
||||
<link rel="shortcut icon" type="image/jpeg" href="pan.do.jpg"/>
|
||||
<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);
|
||||
}
|
||||
body {
|
||||
background: url(pan.do.jpeg) 0 0 no-repeat fixed;
|
||||
background-color: rgb(142, 193, 218);
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
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>
|
||||
a, a:visited {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.button {
|
||||
height: 32px;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
margin-left: 16px;
|
||||
background: -o-linear-gradient(top, rgb(142, 193, 218), rgb(110, 161, 186));
|
||||
background: -moz-linear-gradient(top, rgb(142, 193, 218), rgb(110, 161, 186));
|
||||
background: -webkit-linear-gradient(top, rgb(142, 193, 218), rgb(110, 161, 186));
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
#main {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
text-align: center;
|
||||
}
|
||||
#logo {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 112px;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
#header {
|
||||
position: absolute;
|
||||
top: 208px;
|
||||
width: 800px;
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
}
|
||||
#both {
|
||||
position: absolute;
|
||||
top: 256px;
|
||||
width: 800px;
|
||||
text-align: center;
|
||||
}
|
||||
#long {
|
||||
width: 400px;
|
||||
padding: 2px 8px;
|
||||
font-size: 20px;
|
||||
color: rgb(128, 128, 128);
|
||||
}
|
||||
#long.placeholder {
|
||||
color: rgb(192, 192, 192);
|
||||
}
|
||||
#result {
|
||||
display: none; margin-top: 32px
|
||||
}
|
||||
#short {
|
||||
padding: 0 8px 2px 8px;
|
||||
border: 0px solid rgb(192, 222, 237);
|
||||
border-radius: 4px;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
font-size: 24px;
|
||||
color: rgb(192, 222, 237)
|
||||
}
|
||||
#footer {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
width: 800px;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</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>
|
||||
<div id="main">
|
||||
<img id="logo" src="pan.do.png"/>
|
||||
<div id="header">
|
||||
Social bookmarking. Shorten, share and store your links in the cloud.
|
||||
</div>
|
||||
<div id="both">
|
||||
<input id="long" class="placeholder" type="text" value="Paste your long URL here"/>
|
||||
<span id="shorten" class="button">Shorten URL</span>
|
||||
<div id="result" style="">
|
||||
<span id="short">http://pan.do/ra</span>
|
||||
<span id="share" class="button">Share</span>
|
||||
<span id="store" class="button">Store in the Cloud</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<a href="#">About Us</a>
|
||||
| <a href="#">Mission Statement</a>
|
||||
| <a href="#">Terms of Service</a>
|
||||
| <a href="#">Privacy Policy</a>
|
||||
| <a href="#">Customer Service</a>
|
||||
| <a href="#">Corporate Clients</a>
|
||||
| <a href="#">Investor Relations</a>
|
||||
<br>©2012 Pando Social Media. All rights reserved.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
(function() {
|
||||
var long = document.getElementById('long'),
|
||||
shorten = document.getElementById('shorten'),
|
||||
result = document.getElementById('result'),
|
||||
short = document.getElementById('short'),
|
||||
share = document.getElementById('share'),
|
||||
store = document.getElementById('store');
|
||||
function submit() {
|
||||
if (long.className === '') {
|
||||
long.value = long.value.replace(/[^\w\-\.:\/\?\&=\#,]/g, '');
|
||||
if (long.value !== '') {
|
||||
if (!/^https?:\/\//.test(long.value)) {
|
||||
long.value = 'http://' + long.value;
|
||||
}
|
||||
if (!/\./.test(long.value)) {
|
||||
long.value += '.com';
|
||||
}
|
||||
result.style.display = 'block';
|
||||
}
|
||||
}
|
||||
}
|
||||
long.onblur = function() {
|
||||
if (this.value === '') {
|
||||
this.className = 'placeholder';
|
||||
this.value = 'Paste your long URL here';
|
||||
}
|
||||
document.onkeypress = null;
|
||||
};
|
||||
long.onchange = function() {
|
||||
document.getElementById('result').style.display='none'
|
||||
};
|
||||
long.onfocus = function() {
|
||||
if (this.className == 'placeholder') {
|
||||
this.value = '';
|
||||
this.className = '';
|
||||
}
|
||||
document.onkeypress = function(e) {
|
||||
result.style.display = 'none';
|
||||
if (e.keyCode == 13) {
|
||||
long.blur();
|
||||
submit();
|
||||
}
|
||||
}
|
||||
};
|
||||
shorten.onclick = submit;
|
||||
share.onclick = function() {
|
||||
parent.location.href = 'http://pan.do/ra';
|
||||
};
|
||||
store.onclick = function() {
|
||||
parent.location.href = 'http://pan.do/ra';
|
||||
};
|
||||
}());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue