pan do can do
This commit is contained in:
parent
d7068ed256
commit
1b7243c835
5 changed files with 133 additions and 129 deletions
|
@ -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>"
|
||||
}
|
||||
}
|
||||
|
|
121
pan do.html
121
pan do.html
File diff suppressed because one or more lines are too long
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>
|
||||
|
|
BIN
pan.do.jpeg
Normal file
BIN
pan.do.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 27 KiB |
93
pan_do.html
93
pan_do.html
|
@ -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>
|
Loading…
Reference in a new issue