bingo webin

#Extract Image URLs and WGet Them to a New Server#

This was a fun problem. I needed to move all the images referenced in a CSS file to another server. I didn't want to just grab all the image files as there were a bunch I didn't need. Here is how I went about it. I am sure you could do it in one step but doing it this way gives you a chance to check for errors.

First you may want to use wget http://otherserver/the_css.css to pull the CSS file on to the target server if it is still on the old server as it was in my case.

User grep to extract the URLs from the css file into another file. (You may need to adjust the regular expression if you have funny characters in your file names) Note the use of the -o flag that tells grep to only print out that part of the line that matches the expression rather than the entire line.
```
 grep -o '\/path\/to\/files\/[a-zA-Z0-9/.:_-]*' the_css.css > images.txt
```

	/*
	* Javascript EXIF Reader 0.1.4
	* Copyright (c) 2008 Jacob Seidelin, cupboy@gmail.com, http://blog.nihilogic.dk/
	* Licensed under the MPL License [http://www.nihilogic.dk/licenses/mpl-license.txt]
	*/


	var EXIF = {};

	(function() {

	/* Pounding heart animation */

	@keyframes pound {
	to { transform: scale(1.4); }
	}

	.heart {
	display: inline-block;
	font-size: 150px;
	color: #e00;

	/! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license /
	window.matchMedia \|\| (window.matchMedia = function() {
	"use strict";

	// For browsers that support matchMedium api such as IE 9 and webkit
	var styleMedia = (window.styleMedia \|\| window.media);

	// For those that don't support matchMedium
	if (!styleMedia) {
	var style = document.createElement('style'),

	/! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license - IE8 VERSION! /
	window.matchMedia = window.matchMedia \|\| (function(doc, undefined){

	var docElem = doc.documentElement,
	refNode = docElem.firstElementChild \|\| docElem.firstChild,
	// fakeBody required for <FF4 when executed in <head>
	fakeBody = doc.createElement('body'),
	div = doc.createElement('div');

	div.id = 'mq-test-1';

	/*
	* Normalized hide address bar for iOS & Android
	* (c) Scott Jehl, scottjehl.com
	* MIT License
	*/
	(function( win ){
	var doc = win.document;

	// If there's a hash, or addEventListener is undefined, stop here
	if( !location.hash && win.addEventListener ){

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

	/* Pre-Define HTML5 Elements in IE */
	(function(){ var els = "source\|address\|article\|aside\|audio\|canvas\|command\|datalist\|details\|dialog\|figure\|figcaption\|footer\|header\|hgroup\|keygen\|mark\|meter\|menu\|nav\|picture\|progress\|ruby\|section\|time\|video".split('\|'); for(var i = 0; i < els.length; i++) { document.createElement(els[i]); } } )();

	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<title>Test fullscreen</title>
	<style>
	html, body {
	margin: 0;
	padding: 0;