pan do can do
This commit is contained in:
parent
d7068ed256
commit
1b7243c835
5 changed files with 133 additions and 129 deletions
46
pan.do.html
46
pan.do.html
|
|
@ -33,6 +33,9 @@
|
|||
-o-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.separator {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
#main {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
@ -44,6 +47,15 @@
|
|||
background: rgba(0, 0, 0, 0.25);
|
||||
text-align: center;
|
||||
}
|
||||
#header {
|
||||
position: absolute;
|
||||
left: 24px;
|
||||
top: 16px;
|
||||
right: 24px;
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
color: white;
|
||||
}
|
||||
#logo {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
@ -51,7 +63,7 @@
|
|||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
#header {
|
||||
#line {
|
||||
position: absolute;
|
||||
top: 208px;
|
||||
width: 800px;
|
||||
|
|
@ -96,8 +108,13 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<img id="logo" src="pan.do.png"/>
|
||||
<div id="header">
|
||||
<a href="#">Sign Up</a>
|
||||
<span class="separator">|</span> <a href="#">Sign In</a>
|
||||
<span class="separator">|</span> <a href="#">Help</a>
|
||||
</div>
|
||||
<img id="logo" src="pan.do.png"/>
|
||||
<div id="line">
|
||||
Social bookmarking. Shorten, share and store your links in the cloud.
|
||||
</div>
|
||||
<div id="both">
|
||||
|
|
@ -111,12 +128,12 @@
|
|||
</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>
|
||||
<span class="separator">|</span> <a href="#">Mission Statement</a>
|
||||
<span class="separator">|</span> <a href="#">Terms of Service</a>
|
||||
<span class="separator">|</span> <a href="#">Privacy Policy</a>
|
||||
<span class="separator">|</span> <a href="#">Customer Service</a>
|
||||
<span class="separator">|</span> <a href="#">Corporate Clients</a>
|
||||
<span class="separator">|</span> <a href="#">Investor Relations</a>
|
||||
<br>©2012 Pando Social Media. All rights reserved.
|
||||
</div>
|
||||
|
||||
|
|
@ -129,6 +146,9 @@
|
|||
short = document.getElementById('short'),
|
||||
share = document.getElementById('share'),
|
||||
store = document.getElementById('store');
|
||||
function go() {
|
||||
parent.location.href = 'http://pan.do/ra';
|
||||
}
|
||||
function submit() {
|
||||
if (long.className === '') {
|
||||
long.value = long.value.replace(/[^\w\-\.:\/\?\&=\#,]/g, '');
|
||||
|
|
@ -151,7 +171,7 @@
|
|||
document.onkeypress = null;
|
||||
};
|
||||
long.onchange = function() {
|
||||
document.getElementById('result').style.display='none'
|
||||
document.getElementById('result').style.display = 'none';
|
||||
};
|
||||
long.onfocus = function() {
|
||||
if (this.className == 'placeholder') {
|
||||
|
|
@ -167,12 +187,8 @@
|
|||
}
|
||||
};
|
||||
shorten.onclick = submit;
|
||||
share.onclick = function() {
|
||||
parent.location.href = 'http://pan.do/ra';
|
||||
};
|
||||
store.onclick = function() {
|
||||
parent.location.href = 'http://pan.do/ra';
|
||||
};
|
||||
share.onclick = go;
|
||||
store.onclick = go;
|
||||
}());
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue