pan do can do

This commit is contained in:
j 2012-04-22 22:51:31 +02:00
parent d7068ed256
commit 1b7243c835
5 changed files with 133 additions and 129 deletions

View file

@ -149,6 +149,6 @@
"development": "<p>To browse or check out the source, take a look at our <a href=\"https://wiki.0x2620.org/browser/pandora\">repository</a>. If you want to report bugs or request features, please use our <a href=\"https://wiki.0x2620.org/report\">tracker</a>. For everything else, there's <a href=\"irc://irc.freenode.net#pan.do/ra\">IRC</a>, and our <a href=\"https://mailb.org/cgi-bin/mailman/listinfo/dev\">development mailing list</a>. Your feedback is welcome.</p><p><a href=\"https://OxJS.org\"><img src=\"png/oxjs256.png\" class=\"logo\" style=\"border-radius: 32px; box-shadow: 0 0 1px black\"></a><b>pan.do/ra</b>'s interface was made with <b>OxJS</b>, a new JavaScript library for web applications. To learn more about <b>OxJS</b>, check out <a href=\"https://OxJS.org\">OxJS.org</a>.</p><br><br><p><a href=\"https://wiki.0x2620.org/wiki/python-ox\"><img src=\"png/python-ox256.png\" class=\"logo\"></a>A lot of <b>pan.do/ra</b>'s server-side functionality has been packaged as a stand-alone library as well. You can get <b>python-ox</b> <a href=\"https://wiki.0x2620.org/wiki/python-ox\">here</a>.</p>",
"support": "<img class=\"logo\" src=\"png/box256.png\"><p>In case you just need help with installing, configuring or running <b>pan.do/ra</b> yourself, don't hesitate to <a href=\"#contact\">get in touch</a> with us.</p><p>Beyond that, we provide support and offer hosting for individual instances of <b>pan.do/ra</b>. For more details, please <a href=\"#contact\">send us an e-mail</a>.<br><br><br><br></p>",
"credits": "<p><b>pan.do/ra</b> is being developed and maintained by Jan Gerber and Sebastian Lütgert at <a href=\"https://0x2620.org\">0x2620</a> in Berlin and Sanjay Bhangar at <a href=\"http://camputer.org\">CAMP</a> in Bombay.</p><p>From its early stages on, <b>pan.do/ra</b> has received valuable feedback, especially from Zinnia Ambarpardiwala, Shaina Anand and Ashok Sukumaran.</p><p><a href=\"http://bohen.org\"><img class=\"logo\" src=\"png/bohen256.png\"></a>Last but not least, <b>pan.do/ra</b> would not have been possible without the support of the <a href=\"http://bohen.org\">Bohen Foundation</a>.<br><br></p>",
"contact": "<p><img class=\"logo\" src=\"png/0x2620256.png\" style=\"width: 128px\">E-mail: <a mailto:\"0x2620@0x2620.org\">0x2620@0x2620.org</a></p><p>IRC: <a href=\"irc://irc.freenode.net#pan.do/ra\">irc.freenode.net#pan.do/ra</a></p><p>Twitter: <a href=\"https://twitter.com/#!/0x2620\">@0x2620</a></p><p>0x2620<br>Memhardtstrasse 2<br>10178 Berlin<br>Germany</p>"
"contact": "<p><img class=\"logo\" src=\"png/0x2620256.png\" style=\"width: 128px\">E-mail: <a mailto:\"0x2620@0x2620.org\">0x2620@0x2620.org</a></p><p>IRC: <a href=\"irc://irc.freenode.net#pan.do/ra\">irc.freenode.net#pan.do/ra</a></p><p>Twitter: <a href=\"https://twitter.com/#!/pandotdoslashra\">@pandotdoslashra</a></p><p>0x2620<br>Memhardtstrasse 2<br>10178 Berlin<br>Germany</p>"
}
}

File diff suppressed because one or more lines are too long

View file

@ -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>&copy;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>

BIN
pan.do.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View file

@ -10,61 +10,56 @@
</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);
(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 id="news" class="box" style="top: 384px">Loading...</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">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; 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>