more do

2012-04-22 01:51:23 +02:00 · 2012-04-22 01:51:23 +02:00 · d7068ed256
commit d7068ed256
parent 4055215553
15 changed files with 358 additions and 63 deletions
--- a/facebook.ico
+++ b/facebook.ico
--- a/google.ico
+++ b/google.ico
--- a/index.html
+++ b/index.html
@ -2,6 +2,6 @@
 <html>
    <head></head>
    <body>
-        <script>eval(atob('KGZ1bmN0aW9uKCl7dmFyIGQ9ZG9jdW1lbnQsbD1kLmNyZWF0ZUVsZW1lbnQoJ2xpbmsnKTtwPVtbJ1BhbmRvIHRoZSBQYW5kYScsJ3BhbmRvLmpwZycsJ3BhbmRvLmh0bWwnXSxbJ1Bhbi1Eb21pbmljYW4gQWlybGluZXMgTHRkLicsJ3Bhbi1kby5qcGcnLCdwYW4tZG8uaHRtbCddLFsncGFuLmRvIC0gRG9tYWluIFBhcmtpbmcnLCdwYW4uZG8ucG5nJywncGFuLmRvLmh0bWwnXSxbJ0Rvd25sb2FkIGFuZCBTaGFyZSAuLi4gQklHIHwgUGFuZG8nLCdodHRwOi8vcGFuZG8uY29tL3NpdGVzL3d3dy5wYW5kby5jb20vZmlsZXMvZmF2aWNvbi5pY28nLCdodHRwOi8vcGFuZG8uY29tJ11dW01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSo0KV0sZC50aXRsZT1wWzBdO2wucmVsPSdzaG9ydGN1dCBpY29uJztsLmhyZWY9cFsxXTtkLmdldEVsZW1lbnRzQnlUYWdOYW1lKCdoZWFkJylbMF0uYXBwZW5kQ2hpbGQobCk7ZC5ib2R5LnN0eWxlLm1hcmdpbj0wO2QuYm9keS5pbm5lckhUTUw9JzxpZnJhbWUgc3JjPSInK3BbMl0rJyIgc3R5bGU9ImRpc3BsYXk6YmxvY2s7cG9zaXRpb246YWJzb2x1dGU7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTtib3JkZXI6MCI+J30oKSk='))</script>
+        <script>eval(atob('KGZ1bmN0aW9uKCl7dmFyIGQ9ZG9jdW1lbnQsbD1kLmNyZWF0ZUVsZW1lbnQoJ2xpbmsnKTtwPVtbJ1BhbmRvIHRoZSBQYW5kYScsJ3BhbmRvLmpwZycsJ3BhbmRvLmh0bWwnXSxbJ1Bhbi1Eb21pbmljYW4gQWlybGluZXMnLCdwYW4tZG8uanBnJywncGFuLWRvLmh0bWwnXSxbJ1dvcmxkLVdpZGUgRGVsaXZlcnk/IFBhbiBEbyBDYW4gRG8hIC0gUGFuIFBpenphIC0gQ2xhc3NpYywgU3RhbmRhcmQgb3IgUmVndWxhcicsICdwYW4lMjBkby5wbmcnLCdwYW4lMjBkby5odG1sJ10sWydwYW4uZG8gLSBTb2NpYWwgQm9va21hcmtpbmcnLCdwYW4uZG8uanBnJywncGFuLmRvLmh0bWwnXSxbJ3Bhbi5kbyAtIERvbWFpbiBQYXJraW5nJywncGFuX2RvLnBuZycsJ3Bhbl9kby5odG1sJ10sWydEb3dubG9hZCBhbmQgU2hhcmUgLi4uIEJJRyB8IFBhbmRvJywnaHR0cDovL3BhbmRvLmNvbS9zaXRlcy93d3cucGFuZG8uY29tL2ZpbGVzL2Zhdmljb24uaWNvJywnaHR0cDovL3BhbmRvLmNvbSddXVtNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkqNildLGQudGl0bGU9cFswXTtsLnJlbD0nc2hvcnRjdXQgaWNvbic7bC5ocmVmPXBbMV07ZC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaGVhZCcpWzBdLmFwcGVuZENoaWxkKGwpO2QuYm9keS5zdHlsZS5tYXJnaW49MDtkLmJvZHkuaW5uZXJIVE1MPSc8aWZyYW1lIHNyYz0iJytwWzJdKyciIHN0eWxlPSJkaXNwbGF5OmJsb2NrO3Bvc2l0aW9uOmFic29sdXRlO3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7Ym9yZGVyOjAiPid9KCkp'))</script>
    </body>
 </html>
--- a/index.js
+++ b/index.js
@ -0,0 +1 @@
+(function(){var d=document,l=d.createElement('link');p=[['Pando the Panda','pando.jpg','pando.html'],['Pan-Dominican Airlines','pan-do.jpg','pan-do.html'],['World-Wide Delivery? Pan Do Can Do! - Pan Pizza - Classic, Standard or Regular', 'pan%20do.png','pan%20do.html'],['pan.do - Social Bookmarking','pan.do.jpg','pan.do.html'],['pan.do - Domain Parking','pan_do.png','pan_do.html'],['Download and Share ... BIG | Pando','http://pando.com/sites/www.pando.com/files/favicon.ico','http://pando.com']][Math.floor(Math.random()*6)],d.title=p[0];l.rel='shortcut icon';l.href=p[1];d.getElementsByTagName('head')[0].appendChild(l);d.body.style.margin=0;d.body.innerHTML='<iframe src="'+p[2]+'" style="display:block;position:absolute;width:100%;height:100%;border:0">'}())
--- a/do.html
+++ b/do.html
--- a/do.png
+++ b/do.png
--- a/pan-do.html
+++ b/pan-do.html
@ -5,17 +5,18 @@
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="shortcut icon" type="image/jpeg" href="pan-do.jpg"/>
    </head>
-    <body style="background-color: rgb(0, 112, 160);">
+    <body style="background-color: rgb(0, 112, 160); font-family: Verdana, Segoe UI, Lucida Grande, Helvetiva, Arial, sans-serif">
        <div style="position: absolute; left: 32px; right: 32px; top: 32px; height: 424px; border-radius: 32px; background-color: white; overflow: hidden">
            <div style="position: absolute; right: 32px; top: 32px">
                <img src="https://maps.googleapis.com/maps/api/staticmap?center=Dominican%20Republic&zoom=5&size=640x360&maptype=hybrid&sensor=false"/ style="right: 32px; top: 32px; border-radius: 16px"/>
                <div style="position: absolute; right: 256px; top: 116px; width: 96px; height: 96px; border: 16px solid rgba(0, 112, 160, 0.75); border-radius: 64px"></div>
            </div>
-            <div style="position: absolute; left: 0; top: 32px; width: 360px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: white; font-family: Verdana, Segoe UI, Lucida Grande, Helvetiva, Arial, sans-serif; font-size: 16px; text-align: center">
+            <div style="position: absolute; left: 0; top: 32px; width: 360px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: white; font-size: 16px; text-align: center">
                <img src="pan-do.jpg"/>
                <div style="margin: 16px auto 16px auto; color: rgb(0, 112, 160)">Cheap flights from and to<br>the Dominican Republic</div>
                <div style="width: 128px; padding: 4px; margin: 16px auto 16px auto; background-color: rgb(0, 112, 160); color: rgb(255, 255, 255); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg)">Coming soon...</div>
            </div>
        </div>
+        <div style="position: absolute; left: 32px; right: 32px; top: 480px; font-size: 10px; color: white; text-align: center">&copy;2012 Pan-Dominican Airlines Ltd. All rights reserved.</div>
    </body>
 </html>
--- a/pan.do.html
+++ b/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>&copy;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>
--- a/pan.do.jpg
+++ b/pan.do.jpg
--- a/pan.do.png
+++ b/pan.do.png
--- a/pan_do.html
+++ b/pan_do.html
@ -0,0 +1,70 @@
+<!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: 128px; width: 256px; padding: 16px; border: 2px solid white; background: rgba(0, 0, 0, 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.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);
+        </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 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; top: 800px; width: 1px; height: 1px"></div>
+    </body>
+</html>
--- a/pan_do.jpeg
+++ b/pan_do.jpeg
--- a/pan_do.png
+++ b/pan_do.png
--- a/pando.html
+++ b/pando.html
@ -10,9 +10,9 @@
        Hi, I'm Pando the Panda, and this is my homepage.<br><br>
        You can also send me an e-mail, to <a href="mailto:pan.do@pan.do">pan.do@pan.do</a>.<br/><br/>
        <b>+ + + + + + + + + &nbsp; N E W S &nbsp; + + + + + + + + +</b><br><br>
-        <b>March 15, 2012</b><br>Recently, I met two guys from Germany. They asked me<br>if they can use a part of my website for their video archive.<br>Sounded cool to me, so they have <a href="https://pan.do/ra">pan.do/ra</a> now.<br>(I still have all the rest.)<br><br>
-        <b>December 1, 2010</b><br>Sorry, I haven't been updating this for a while...<br>But did you hear about that <a href="http://wikileaks.org">WikiLeaks</a> thing? So cool!<br><br>
+        <b>March 15, 2012</b><br>Recently, I met two guys from Germany. They asked me<br>if they can use a part of my website for their video archive.<br>Sounded cool to me, so they have <a href="https://pan.do/ra" target="_top">pan.do/ra</a> now.<br>(I still have all the rest.)<br><br>
+        <b>December 1, 2010</b><br>Sorry, I haven't been updating this for a while...<br>But did you hear about that <a href="http://wikileaks.org" target="_top">WikiLeaks</a> thing? So cool!<br><br>
        <b>January 17, 2010</b><br>I CAN HAZ <a href="javascript:document.getElementById('pando').style.borderRadius='64px'">ROUNDED CORNERS</a>!!!<br><br>
-        <b>December 18, 2009</b><br>Today I'm featured on The Daily Panda! <a href="http://thedailypanda.tumblr.com">Take a look!!</a><br><br>
+        <b>December 18, 2009</b><br>Today I'm featured on The Daily Panda! <a href="http://thedailypanda.tumblr.com" target="_top">Take a look!!</a><br><br>
    </body>
 </html>
--- a/twitter.ico
+++ b/twitter.ico
				`@ -0,0 +1 @@`
				(function(){var d=document,l=d.createElement('link');p=[['Pando the Panda','pando.jpg','pando.html'],['Pan-Dominican Airlines','pan-do.jpg','pan-do.html'],['World-Wide Delivery? Pan Do Can Do! - Pan Pizza - Classic, Standard or Regular', 'pan%20do.png','pan%20do.html'],['pan.do - Social Bookmarking','pan.do.jpg','pan.do.html'],['pan.do - Domain Parking','pan_do.png','pan_do.html'],['Download and Share ... BIG \| Pando','http://pando.com/sites/www.pando.com/files/favicon.ico','http://pando.com']][Math.floor(Math.random()*6)],d.title=p[0];l.rel='shortcut icon';l.href=p[1];d.getElementsByTagName('head')[0].appendChild(l);d.body.style.margin=0;d.body.innerHTML='<iframe src="'+p[2]+'" style="display:block;position:absolute;width:100%;height:100%;border:0">'}())