--- /dev/null
+web: node app.js
width:160px;
height:110px;
}
+
+#loader {
+ margin-left:300px;
+}
+
#scrim {
background:rgba(0,0,0,0.8);
width:100%;
var extended_json = {};
-var on_filter_change = function() {
- var query = $('#filter').val().toLowerCase();
- var d = jQuery.grep(extended_json.clips, function(clip, i) {
- if (clip.id.toLowerCase().indexOf(query) >= 0 ||
- (clip.description && clip.description.toLowerCase().indexOf(query) >= 0))
- return true;
- if (clip.subject)
- for (var j = 0; j < clip.subject.length; j++)
- if (clip.subject[j].toLowerCase().indexOf(query) >= 0)
- return true;
- return false;
- });
- $('.thumbs li').hide();
- for (var i = 0; i < d.length; i++) {
- $('.thumbs li#' + d[i].id).show();
- }
-}
-
$(document).ready(function() {
- $('#facets a').each(function(key, elem) {
+ $('#thumbs').hide();
+ $('#facets a').each(function(key, elem) {
$(elem).click(function() {
$('#filter').val($(elem).text());
on_filter_change();
$('#filter').val("");
on_filter_change();
});
- $('#filter').hide();
$('#filter').keyup(on_filter_change);
-
$.getJSON('./data/prelinger_extended-search.json', function(data) {
extended_json = data;
- $('#filter').show();
+ $('#loader').hide();
+ $('#thumbs').show();
});
$('#scrim').click(function() {
var thumbs_url = $(elem).attr('data-thumbs-url');
link.click(function() {
-
scrim(1, function() {
-
- $('#subcontent .container').empty();
-
var offset = 225;
-
+ $('#subcontent .container').empty();
$('#subcontent').css({
width : window.innerWidth - offset + "px",
height : window.innerHeight - offset + "px",
left : offset / 2
})
.fadeIn(100);
-
$('#subcontent .container').text("loading...");
+ // scrape archive.org for thumbs to insert
$.getJSON('/thumbs/?url=' + thumbs_url, function(data) {
$('#subcontent .container').empty();
var destElem = '#subcontent .container';
.appendTo(destElem + ' ul.thumbs')
.click(function(){
var c = $('#subcontent .container');
-
//thumb.url
c.html('<iframe id="videoplayer" src="' + thumb.url + '"></iframe>');
-
-
})
});
});
-
});
return false;
});
link.mouseout(function() {
img.attr('src', 'gifs/prelinger_static/' + thumb_name);
});
-
});
});
+
+var on_filter_change = function() {
+ var query = $('#filter').val().toLowerCase();
+ var d = jQuery.grep(extended_json.clips, function(clip, i) {
+ if (clip.id.toLowerCase().indexOf(query) >= 0 ||
+ (clip.description && clip.description.toLowerCase().indexOf(query) >= 0))
+ return true;
+ if (clip.subject)
+ for (var j = 0; j < clip.subject.length; j++)
+ if (clip.subject[j].toLowerCase().indexOf(query) >= 0)
+ return true;
+ return false;
+ });
+ $('.thumbs li').hide();
+ for (var i = 0; i < d.length; i++) {
+ $('.thumbs li#' + d[i].id).show();
+ }
+};
+
+
var scrim = function(visible, callback) {
var s = $('#scrim');
if (visible == 1)
s.fadeIn(150, callback);
else
s.fadeOut(150, callback);
-}
+};
console.log('{ identifiers : [');
fs.readFileSync('./prelinger_identifiers.txt').toString().split('\n').forEach(
-function (line) {
- console.log('"'+line + '",');
+ function (line) {
+ console.log('"'+line + '",');
}
);
console.log(']}');
+++ /dev/null
-var system = require('system'),
- page = require('webpage').create();
-
-page.open(system.args[1], function () {
- var th = page.evaluate(function () {
- return document.getElementById('thumbnail').src;
- });
- console.log(th);
- //console.log(JSON.stringify({ thumbnail : th }));
- phantom.exit();
-});
timeoutLimit: 10000,
format: 'json',
writer: 'file',
- outFile: 'scrape_output.json',
+ outFile: 'info_scrape_output.json',
pageSettings : { loadImages : false }
});
+++ /dev/null
-var system = require('system');
-var page = require('webpage').create();
-var url_details = "http://archive.org/details/";
-
-if (system.args.length === 1) {
- console.log('Identifier Required');
-} else {
- var id = system.args[1];
- page.open(url_details + id, function () {
- var th = page.evaluate(function () {
- return document.getElementById('thumbnail').src;
- });
- console.log(th);
- phantom.exit();
- });
-}
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/css/style.css' />
- <script src="js/jquery-1.9.1.min.js"></script>
- <script src="js/script.js"></script>
+ <script src="js/jquery-1.9.1.min.js" type="text/javascript" ></script>
+ <script src="js/jquery.paginate.js" type="text/javascript" ></script>
+ <script src="js/script.js" type="text/javascript" ></script>
</head>
<body>
+<div id="loader">loading...</div>
+
<div id="filter-elem">
<input type="text" id="filter" /> <a href="#" id="clear_filter">×</a>
</div>
</ul>
</div>
-<ul class="thumbs">
+<!--
+
+date: "2012-07-09T20:32:09Z"
+description: "Shot of containers of chlorine compounds for swimming pool sanitation Much of it is silent CUs of a puppet show VS Italian Swiss Colony vineyards Some is A&B, some outtakes US 101 south of Petaluma driving POV Petaluma City Limit Pop. 10,315 sign Brief shot boats at Fishermen's Wharf, San Francisco with Golden Gate Bridge in background More US 101 highway driving POVs, probably Sonoma County, California California US 101 highway marker"
+id: "0924_Greatest_Name_in_Wine_The_11_00_13_15"
+thumbnail: "https://ia700608.us.archive.org/17/items/0924_Greatest_Name_in_Wine_The_11_00_13_15/0924_Greatest_Name_in_Wine_The_11_00_13_15_3mb.gif"
+thumbnail_filename: "0924_Greatest_Name_in_Wine_The_11_00_13_15_3mb.gif"
+thumbnails_url: "http://archive.org/movies/thumbnails.php?identifier=0924_Greatest_Name_in_Wine_The_11_00_13_15"
+title: "Greatest Name in Wine, The"
+url: "http://archive.org/details/0924_Greatest_Name_in_Wine_The_11_00_13_15"
+
+ -->
+
+<ul id="thumbs" class="thumbs">
<% for(var i = 0; i < clips.length; i++) { %>
<li id="<%= clips[i].id %>" data-thumbs-url="<%= clips[i].thumbnails_url %>">
<a href="#">
<% } %>
</ul>
+<div id="thumbs-pagination" style="display:none">
+ <a id="thumbs-previous" href="#" class="disabled">« Previous</a>
+ <a id="thumbs-next" href="#">Next »</a>
+</div>
+
<div id="subcontent"><div class="container"></div></div>
<div id="scrim" />
</body>