All: move responsive.html to themes/jquery/responsive.html

Back when the WP-MU setup was used on the old servers, this directory
was mounted at /jquery-wp-content. This is no longer the case on the
new simpler and standalone WordPress installs. To keep using this
utility, expose it via the themes folder instead.

While at, update the URL to be absolute path, so that it naturally
embeds the current site and thus works for all sites, stage/prod,
api, non-api, jquery, jqueryui, etc.

Author: Krinkle

responsive.html renamed to themes/jquery/responsive.html

@@ -5,7 +5,7 @@
 	<title>Responsive Design Testing</title>
 	<style>
 		body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
-		.wrapper { width: 6000px; }
+		.wrapper { width: 5000px; }
 		.frame { float: left; }
 		h2 { margin: 0 0 5px 0; }
 		iframe { margin: 0 20px 20px 0; border: 1px solid #666; }
@@ -15,23 +15,23 @@
 	<div class="wrapper">
 		<div class="frame">
 			<h2>320 &times; 480 <small>(mobile)</small></h2>
-			<iframe src="https://stage.api.jquery.com/foo/" sandbox="allow-same-origin allow-forms" seamless width="320" height="480"></iframe>
+			<iframe src="/" seamless width="320" height="480"></iframe>
 		</div>
 		<div class="frame">
 			<h2>480 &times; 640 <small>(small tablet)</small></h2>
-			<iframe src="https://stage.api.jquery.com/foo/" sandbox="allow-same-origin allow-forms" seamless width="480" height="640"></iframe>
+			<iframe src="/" seamless width="480" height="640"></iframe>
 		</div>
 		<div class="frame">
 			<h2>768 &times; 1024 <small>(tablet - portrait)</small></h2>
-			<iframe src="https://stage.api.jquery.com/foo/" sandbox="allow-same-origin allow-forms" seamless width="768" height="1024"></iframe>
+			<iframe src="/" seamless width="768" height="1024"></iframe>
 		</div>
 		<div class="frame">
 			<h2>1024 &times; 768 <small>(tablet - landscape)</small></h2>
-			<iframe src="https://stage.api.jquery.com/foo/" sandbox="allow-same-origin allow-forms" seamless width="1024" height="768"></iframe>
+			<iframe src="/" seamless width="1024" height="768"></iframe>
 		</div>
 		<div class="frame">
 			<h2>1200 &times; 800 <small>(desktop)</small></h2>
-			<iframe src="https://stage.api.jquery.com/foo/" sandbox="allow-same-origin allow-forms" seamless width="1200" height="800"></iframe>
+			<iframe src="/" seamless width="1200" height="800"></iframe>
 		</div>
 	</div>
 </body>