diff --git a/css/pandora.css b/css/pandora.css index d9a063e..b5e459f 100644 --- a/css/pandora.css +++ b/css/pandora.css @@ -1,4 +1,4 @@ -@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono|Droid+Serif:400,700,400italic,700italic); +@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono|Droid+Serif:400,700,400italic,700italic); body { /* @@ -182,15 +182,13 @@ div.text { margin: 8px 0 32px 0; } -div.tour { +#page div.tour { width: 576px; height: 360px; border-radius: 8px; box-shadow: 0 0 2px rgba(64, 64, 32, 0.5); overflow: hidden; } -img.tour { -} .large { font-size: 18px; diff --git a/index.html b/index.html index 3e39885..2b5df4d 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,7 @@ - - Pando the Panda - - - - - + - -
-
- Pando
- the Panda
-
-
- Hi, I'm Pando the Panda, and this is my homepage. You can also send me an e-mail, to pan.do@pan.do.

Most likely though, you will be more interested in pan.do/ra, the open media archive. You will be redirected in a moment... -
+ - - - - - + \ No newline at end of file diff --git a/js/pandora.js b/js/pandora.js index 9aa6c5b..44d78c3 100644 --- a/js/pandora.js +++ b/js/pandora.js @@ -1,4 +1,5 @@ Ox.getJSON('json/pandora.json', function(pandora) { + $(function() { var $body = $('body'), @@ -25,6 +26,7 @@ Ox.getJSON('json/pandora.json', function(pandora) { .appendTo($body); } else { $element = $('
') + .addClass(page) .html(page) .appendTo($menu); } @@ -40,7 +42,9 @@ Ox.getJSON('json/pandora.json', function(pandora) { loadPage(); function loadPage() { - var page = window.location.hash.substr(1), + var hash = window.location.hash.substr(1).split('.'), + page = hash[0], + part = parseInt(hash[1], 10) || 1, text; if (pandora.pages[page]) { $('#menu > div').removeClass('selected'); @@ -67,7 +71,7 @@ Ox.getJSON('json/pandora.json', function(pandora) { $('') .addClass('tour') .attr({ - src: pandora.pages.tour[tourIndex][0] + src: pandora.pages.tour[part - 1][0] }) ) .bind({ @@ -172,7 +176,7 @@ Ox.getJSON('json/pandora.json', function(pandora) { .append($('
')) .append($('
')) .append( - $('

').html(pandora.pages.tour[tourIndex][1]) + $('

').html(pandora.pages.tour[part - 1][1]) ); } else { text = pandora.pages[page]; @@ -180,31 +184,31 @@ Ox.getJSON('json/pandora.json', function(pandora) { $head.empty().append( page == '' ? 'pan.do/ra — open media archive' : page == 'tour' ? $('') - .addClass('button disabled') + .addClass('button' + (page == 1 ? 'disabled' : '')) .attr({title: 'first'}) .html('tour') .click(function() { - loadTour(0); + window.location.hash = 'tour'; }) : page ); $text.empty().append(text); - if (page == 'tour') { - $prevButton + if (page == 'tour') { + $prevButton[ + part == 1 ? 'addClass' : 'removeClass' + ]('disabled') .click(function() { - loadTour(-1); + window.location.hash = 'tour.' + (part - 1); }) .appendTo($head); - $nextButton + $nextButton[ + part == pandora.pages.tour.length + ? 'addClass' : 'removeClass' + ]('disabled') .click(function() { - loadTour(1); + window.location.hash = 'tour.' + (part + 1); }) .appendTo($head); - if (tourIndex == 0) { - $prevButton.addClass('disabled'); - } else if (tourIndex == pandora.pages.tour.length - 1) { - $nextButton.addClass('disabled'); - } } } } @@ -233,13 +237,6 @@ Ox.getJSON('json/pandora.json', function(pandora) { $p.css({opacity: 0.25}); } - function zoomIn($element, event) { - - } - - function zoomOut($element, e) { - - } - }); + }); diff --git a/json/pandora.json b/json/pandora.json index a21239b..465b890 100644 --- a/json/pandora.json +++ b/json/pandora.json @@ -22,7 +22,15 @@ "faq": [ [ "Q: What can I do with pan.do/ra, and how?", - "A: With pan.do/ra you can browse, annotate, search and watch videos - be it your own archive, or someone else's. pan.do/ra is a web site that runs in your browser, so you can either put your collection online, or just use it in your local network. All you have to do is download pan.do/ra and install it on a Linux machine, or just get it pre-installed on a Virtual Machine that will run on most other computers too, quite likely including your laptop. And if you don't have your own video collection, you can use it to explore someone else's." + "A: With pan.do/ra you can browse, annotate, search and watch videos - be it your own archive, or someone else's. pan.do/ra is a web site that runs in your browser, so you can either put your collection online, or just use it in your local network. All you have to do is download pan.do/ra and install it on a Linux machine, or get it pre-installed on a virtual machine that will run on most other computers too, quite likely including your laptop. And if you don't have your own video collection, you can use it to explore someone else's." + ], + [ + "Q: Is pan.do/ra a server or a client?", + "A: Both. In a nutshell, pan.do/ra is a python backend, based on Django, a JavaScript frontend, using OxJS, a variety of tools around it, and a JSON API in between. This API is 100% public, and apart from static files, like images or videos, nothing but JSON ever crosses the wire. Anything more web-specific, in fact anything that has to do with resolving URLs and rendering HTML, happens on the client. This means that there is virtually no limit to what you can do with pan.do/ra: Use it as it comes out of the box, deploy it as an internal tool and put a completely different public website in front of it, run bots or command-line clients to automate specific tasks, just script it from the console, or even build a native application on top of it." + ], + [ + "Q: What are the technical requirements?", + "A: pan.do/ra can be installed on most Linux distributions, preferably Ubuntu, but also on other operating systems, as a virtual machine. To browse pan.do/ra, you'll need an up-to-date, HTML5-compliant browser. This includes the latest versions of Chrome, Firefox and Safari, or Internet Explorer with Chrome Frame installed. We hope to be able to support Opera soon." ], [ "Q: What does pan.do/ra cost?", @@ -30,115 +38,115 @@ ], [ "Q: Is pan.do/ra ready for production?", - "A: It depends. It's already being used in production, but as of now, there is no \"official\" or \"stable\" first release. There will be one, later this year. The latest version should work fine, so you can already try it out, but if you really need to use it immediately for something important, you should get in touch with us before, just to make sure that whatever you put into it now doesn't just go up in flames once there is a first proper release." + "A: It depends. It's already being used in production, but there is no \"official\" or \"stable\" first release yet. There will be one, later this year. The latest version should work fine, so you can already try it out, but if you really need to use it immediately for something important, you should get in touch with us before, just to make sure that whatever you put into it now doesn't just go up in flames once there is a first proper release." ] ], "tour": [ [ "png/tour/01.png", - "pan.do/ra home screen" + "This is the pan.do/ra home screen. What you see here can be fully customized." ], [ "png/tour/02.png", - "Videos can be browsed in many views: as a list ..." + "Your archive can be browsed in a variety of views. In list view, you see a lot of information at a glance. The individual columns can be resized, reordered, added or removed, and pan.do/ra will remember your preferences. The same applies to the filters, on top. They are ideal if you want to find something real fast, but if you need more space, just resize or collapse them." ], [ "png/tour/03.png", - "... in a grid ..." + "In grid view, each video is displayed as an icon — a movie poster, for example. Each view has full keyboard navigation, and if you want to add videos to one of your personal lists, you can either copy & paste or drag & drop them. Also, there is no pagination, ever, so if you want to look at the 10,000th item, you don't have to click \"next\" a hundred times — just scroll all the way down." ], [ "png/tour/04.png", - "... with different icons ..." + "These are the default icons. They are rendered automatically, but you can pick your favorite frame, and visitors can switch between frames and posters — just as they can switch between themes, for the whole application." ], [ "png/tour/05.png", - "... with timelines ..." + "In timeline view, each video comes with its own visual signature. These timelines are great if you want to get an immediate visual impression of what's happening in a video, and they are great for navigation. The technologies we're trying to match are the book and the bookshelf: just looking at and flipping through items gives should instantly give you an idea of what you're dealing with." ], [ "png/tour/06.png", - "... with clips ..." + "In clips view, you can instantly preview search results. Each of the stills is actually a video player. Just click to play, or doubleclick to open the video." ], [ "png/tour/07.png", - "... or just as a list of clips ..." + "Alternatively, you can view all results as clips. Since these clips are no longer grouped by video, they can be sorted in more interesting ways." ], [ "png/tour/08.png", - "... or even on a map ..." + "You can also view results on a map. For any query or filter, the map will show all places referenced in your results, and for each place, you get a list of matching clips. Click to play, doubleclick to open." ], [ "png/tour/09.png", - "... or on a calendar." + "And finally, there's a calendar view. It works just like the map: you can zoom all the way out to the Stone Age, or all the way in to a single second. Unlike places on a map though, events on a calendar can be fuzzy: something as imprecise as \"1789-today\" works just fine." ], [ "png/tour/10.png", - "Each video has many views as well: an info page ..." + "Each video has a variety of views as well. The info page shows all kinds of metadata, and if you have write permissions (for example because you're an administrator, or you have uploaded the video — all this can be customized), you can edit everything inline." ], [ "png/tour/11.png", - "... with custom metadata ..." + "The specific set of metadata that comes with each video can be customized as well. And the browser on top allows you to quickly switch between videos, without having to return to your search results." ], [ "png/tour/12.png", - "... a fullscreen player ..." + "Each video has a player view, including a fullscreen mode. You can search right in the player, and the results will be highlighted on the timeline. You don't even need to move your mouse: For the above, you can just type F road ENTER G G G SHIFT+G and so on." ], [ "png/tour/13.png", - "... an annotation editor ..." + "Then there's the annotation editor, which looks and behaves a lot like a video editing application. You can set in and out points and add keywords or descriptions. Again, the specific types of annotations one can make, and who can make them, is customizable." ], [ "png/tour/14.png", - "... that allows for full-text search ..." + "The editor includes full-text search, with as-you-type highlighting of matches: in subtitles, on the timeline, and in the actual annotations. While you can only search for text, and not for \"images with a puff of smoke\" — did you notice that you can actually see the smoke on the timeline?" ], [ "png/tour/15.png", - "... in time-based annotations ..." + "You can also navigate the video by browsing its annotations, which can be filtered and sorted in different ways." ], [ "png/tour/16.png", - "... including places and events." + "Annotations don't have to be just text, they can also be places or events. In fact, when you're watching a video that has places, the map will follow as you play." ], [ "png/tour/17.png", - "There is also a timeline view ..." + "Each video has a timeline view as well. At your current position, you can see the full frame (which, in the image above, is in the third line from the top, with a timecode as a tooltip). This is a video player, and it will move along the timeline as you play." ], [ "png/tour/18.png", - "... and a clips view" + "For each video, you can also view all time-based metadata on a single page, as clips. Again, these are video players, and you can search and sort them as you like." ], [ "png/tour/19.png", - "pan.do/ra is a full-fledged application, with proper menus ..." + "pan.do/ra looks, feels and works more like a desktop application than like a website. (No worries though: URLs are short and simple, and the back and forward buttons work.) It comes with proper menus, keyboard navigation, ..." ], [ "png/tour/20.png", - "... and dialogs ..." + "... dialogs you can resize and move around, tabbed interfaces, ..." ], [ "png/tour/21.png", - "... and forms." + "... and form fields for user input. Above, you can see how to make a smart list (a saved search), in this case a list of all videos with both 1968 as their year of production and either France, East Germany, West Germany or Italy as their country of origin. It's that simple." ], [ "png/tour/22.png", - "As an administator, you can browse various statistcs ..." + "User management is built right into the application, and for administrators, there is an extensive statistics section. (As you may notice in the image above, they even get a debug menu. Whenever something goes wrong in JavaScript or on the server, you'll find it there, in the error logs.)" ], [ "png/tour/23.png", - "... and edit places ..." + "Also, administrators — and others, depending on your custom configuration — get their own map to define places..." ], [ "png/tour/24.png", - "... and events." + "... and their own calendar to define events." ], [ "png/tour/25.png", - "For a more in-depth walkthrough, check out the first Pad.ma Screencast" + "And that's it for now. We hope to add more slides in the near future. If you want to see more right now, check out the first Pad.ma screencast." ] ], - "demo": "

While we're still working on a sandbox to demonstrate pan.do/ra's admin features, you can already try out the sites below to see how pan.do/ra works as a regular user:

0xDB is an experimental online movie database. At its core, it provides full text search for more than a hundred years of cinema.



Pad.ma, short for Public Access Digital Media Archive, is an online repository of densely annotated video materials, primarily documentary footage.

", - "download": "pan.do/ra will be officially released later in 2012. Until then, you can download and install the latest version here.

pan.do/ra can be installed on most Linux distributions, preferably Ubuntu. It works fine on many other systems, for example on a MacBook, using a virtual machine.

", - "documentation": "

As pan.do/ra has not yet been released, documentation is still a work in progress.

A lot of information can be found on our Wiki. If you need instructions for setting up pan.do/ra, check out the readme file that comes with it.

pan.do/ra's public API includes its own documentation. You can browse it at any live instance of pan.do/ra, for example at 0xDB.org/api.

Detailed documentation of OxJS, the JavaScript library used to build pan.do/ra's frontend, can be found at OxJS.org.

", - "development": "

In a nutshell, pan.do/ra is a python backend, based on Django, a JavaScript frontend, using OxJS, a variety of tools around it, and a JSON API in between. This API is 100% public, and apart from static files, like images or videos, nothing but JSON ever crosses the wire. Anything more web-specific, in fact anything that has to do with resolving URLs and rendering HTML, happens on the client.

This means that there is virtually no limit to what you can do with pan.do/ra: Use it as it comes out of the box, deploy it as an internal tool and put a completely different public website in front of it, run bots or command-line clients to automate specific tasks, just script it from the console, or even build a native application on top of it.

To browse or check out the source, take a look at our repository. If you want to report bugs or request features, please use our tracker. For everything else, there's IRC, and our development mailing list. Your feedback is welcome.

pan.do/ra's interface was made with OxJS, a new JavaScript library for web applications. To learn more about OxJS, check out OxJS.org.



pan.do/ra comes with Firefogg, a browser extension for client-side video encoding and upload. Please visit firefogg.org for more information.


", + "demo": "

While we're still working on a sandbox to demonstrate pan.do/ra's admin features, you can already try out the sites below to see how pan.do/ra works as a regular user:

0xDB is an experimental online movie database. At its core, it provides full text search for more than a hundred years of cinema.



Pad.ma, short for Public Access Digital Media Archive, is an online repository of densely annotated video materials, primarily documentary footage.

", + "download": "

pan.do/ra will be officially released later in 2012.

Until then, you can check out and install the latest version from our repository. It runs on most Linux distributions, preferably Ubuntu.


In the very near future, you will also be able to download pan.do/ra pre-installed on a virtual machine, which works fine on many other systems, for example on a MacBook.

There is also a growing list of tools that have been built for pan.do/ra.

pan.do/ra comes with Firefogg, a browser extension for client-side video encoding and upload. Please visit firefogg.org for more information.


SpeedTrans is a lightweight but powerful video transcription client that runs in your browser. You can get it at Pad.ma.


", + "documentation": "

As pan.do/ra has not yet been released, documentation is still a work in progress.

A lot of information can be found on our Wiki. If you need instructions for setting up pan.do/ra, check out the readme file that comes with it.

pan.do/ra's public API includes its own documentation. You can browse it at any live instance of pan.do/ra, for example at 0xDB.org/api.

Detailed documentation of OxJS, the JavaScript library used to build pan.do/ra's frontend, can be found at OxJS.org/#doc.

", + "development": "

To browse or check out the source, take a look at our repository. If you want to report bugs or request features, please use our tracker. For everything else, there's IRC, and our development mailing list. Your feedback is welcome.

pan.do/ra's interface was made with OxJS, a new JavaScript library for web applications. To learn more about OxJS, check out OxJS.org.



A lot of pan.do/ra's server-side functionality has been packaged as a stand-alone library as well. You can get python-ox here.

", "support": "

In case you just need help with installing, configuring or running pan.do/ra yourself, don't hesitate to get in touch with us.

Beyond that, we provide support and offer hosting for individual instances of pan.do/ra. For more details, please send us an e-mail.



", "credits": "

pan.do/ra is being developed and maintained by Jan Gerber and Sebastian Lütgert at 0x2620 in Berlin and Sanjay Bhangar at CAMP in Bombay.

From its early stages on, pan.do/ra has received valuable feedback, especially from Zinnia Ambarpardiwala, Shaina Anand and Ashok Sukumaran.

Last but not least, pan.do/ra would not have been possible without the support of the Bohen Foundation.

", "contact": "

E-mail: 0x2620@0x2620.org

IRC: irc.freenode.net#pan.do/ra

Twitter: @0x2620

0x2620
Memhardtstrasse 2
10178 Berlin
Germany

" diff --git a/pan-do.html b/pan-do.html new file mode 100644 index 0000000..84ca5d4 --- /dev/null +++ b/pan-do.html @@ -0,0 +1,21 @@ + + + + Pan-Dominican Airlines Ltd. + + + + +
+
+ +
+
+
+ +
Cheap flights from and to
the Dominican Republic
+
Coming soon...
+
+
+ + diff --git a/pan-do.jpg b/pan-do.jpg new file mode 100644 index 0000000..affdc1d Binary files /dev/null and b/pan-do.jpg differ diff --git a/pan.do.html b/pan.do.html new file mode 100644 index 0000000..27a93b0 --- /dev/null +++ b/pan.do.html @@ -0,0 +1,66 @@ + + + + pan.do - Domain Parking + + + + + + + +
pan.do
+
Related Searches



Online Video
Media Archive
Open Source
Greek Mythology
+
Loading...
+
+ + \ No newline at end of file diff --git a/pan.do.jpg b/pan.do.jpg new file mode 100644 index 0000000..c069198 Binary files /dev/null and b/pan.do.jpg differ diff --git a/pan.do.png b/pan.do.png new file mode 100644 index 0000000..4099c2e Binary files /dev/null and b/pan.do.png differ diff --git a/pando.html b/pando.html new file mode 100644 index 0000000..b469b2f --- /dev/null +++ b/pando.html @@ -0,0 +1,18 @@ + + + + Pando the Panda + + + + +

+ Hi, I'm Pando the Panda, and this is my homepage.

+ You can also send me an e-mail, to pan.do@pan.do.

+ + + + + + + + + +   N E W S   + + + + + + + + +

+ March 15, 2012
Recently, I met two guys from Germany. They asked me
if they can use a part of my website for their video archive.
Sounded cool to me, so they have pan.do/ra now.
(I still have all the rest.)

+ December 1, 2010
Sorry, I haven't been updating this for a while...
But did you hear about that WikiLeaks thing? So cool!

+ January 17, 2010
I CAN HAZ ROUNDED CORNERS!!!

+ December 18, 2009
Today I'm featured on The Daily Panda! Take a look!!

+ + \ No newline at end of file diff --git a/png/box256.png b/png/box256.png index f416d3b..c20deed 100644 Binary files a/png/box256.png and b/png/box256.png differ diff --git a/png/oxjs256.png b/png/oxjs256.png index 2baeefd..9781390 100644 Binary files a/png/oxjs256.png and b/png/oxjs256.png differ diff --git a/png/python-ox256.png b/png/python-ox256.png new file mode 100644 index 0000000..d7a2916 Binary files /dev/null and b/png/python-ox256.png differ diff --git a/png/speedtrans256.png b/png/speedtrans256.png new file mode 100644 index 0000000..7c93321 Binary files /dev/null and b/png/speedtrans256.png differ diff --git a/ra b/ra index 5fb4147..8016e26 100644 --- a/ra +++ b/ra @@ -5,9 +5,9 @@ - - + + - \ No newline at end of file +