From bbb65a768cf77f510ef2c3910e38793304e64ec3 Mon Sep 17 00:00:00 2001
From: "Mr.doob" <info@mrdoob.com>
Date: Tue, 20 Sep 2011 19:27:01 -0700
Subject: [PATCH] Updated HTML of the rest of the examples.

---
 .../webgl_custom_attributes_particles.html    |   5 +-
 .../webgl_custom_attributes_particles2.html   |   5 +-
 .../webgl_custom_attributes_particles3.html   |   5 +-
 examples/webgl_flycamera_earth.html           | 445 +++++++++---------
 examples/webgl_geometries.html                |   5 +-
 .../webgl_geometry_blenderexport_colors.html  |   5 +-
 examples/webgl_geometry_colors.html           |   5 +-
 examples/webgl_geometry_dynamic.html          |   5 +-
 examples/webgl_geometry_hierarchy.html        |   5 +-
 examples/webgl_geometry_hierarchy2.html       |   5 +-
 examples/webgl_geometry_large_mesh.html       |   5 +-
 examples/webgl_geometry_minecraft.html        |   5 +-
 examples/webgl_geometry_minecraft_ao.html     |   5 +-
 examples/webgl_geometry_shapes.html           |   6 +-
 examples/webgl_geometry_terrain.html          |   5 +-
 examples/webgl_geometry_terrain_fog.html      |   5 +-
 examples/webgl_geometry_text.html             |   6 +-
 examples/webgl_hdr.html                       |   5 +-
 examples/webgl_interactive_cubes.html         |   5 +-
 .../webgl_interactive_draggablecubes.html     |   5 +-
 examples/webgl_interactive_voxelpainter.html  |   5 +-
 examples/webgl_lights_pointlights.html        |   5 +-
 examples/webgl_lines_colors.html              |   5 +-
 examples/webgl_lines_cubes.html               |   5 +-
 examples/webgl_lines_sphere.html              |   5 +-
 examples/webgl_lines_splines.html             |   5 +-
 examples/webgl_lod.html                       |   5 +-
 examples/webgl_lod_text.html                  |   5 +-
 examples/webgl_materials.html                 |   5 +-
 examples/webgl_materials_cars.html            |   5 +-
 examples/webgl_materials_cars_anaglyph.html   |   5 +-
 examples/webgl_materials_cars_camaro.html     |   5 +-
 ...webgl_materials_cars_camaro_crosseyed.html |   5 +-
 examples/webgl_materials_cubemap.html         |   5 +-
 ...gl_materials_cubemap_balls_reflection.html |   5 +-
 ...als_cubemap_balls_reflection_anaglyph.html |   5 +-
 ...gl_materials_cubemap_balls_refraction.html |   5 +-
 ...ls_cubemap_balls_refraction_crosseyed.html |   5 +-
 examples/webgl_materials_cubemap_escher.html  |   5 +-
 .../webgl_materials_cubemap_refraction.html   |   5 +-
 examples/webgl_materials_grass.html           |   5 +-
 examples/webgl_materials_normalmap.html       |   5 +-
 examples/webgl_materials_normalmap2.html      |   5 +-
 examples/webgl_materials_shaders.html         |   5 +-
 examples/webgl_materials_shaders_fresnel.html |   5 +-
 examples/webgl_materials_skin.html            |   5 +-
 examples/webgl_materials_texture_filters.html |   5 +-
 examples/webgl_materials_video.html           |   5 +-
 examples/webgl_morphtargets.html              |   5 +-
 examples/webgl_morphtargets_horse.html        |   5 +-
 examples/webgl_multiple_canvases_complex.html |   5 +-
 examples/webgl_multiple_canvases_grid.html    |   5 +-
 examples/webgl_objconvert_test.html           |   5 +-
 examples/webgl_panorama_equirectangular.html  |   5 +-
 examples/webgl_particles_billboards.html      |   5 +-
 .../webgl_particles_billboards_colors.html    |   5 +-
 examples/webgl_particles_dynamic.html         |   5 +-
 examples/webgl_particles_random.html          |   5 +-
 examples/webgl_particles_shapes.html          |   6 +-
 examples/webgl_particles_sprites.html         |   5 +-
 examples/webgl_performance.html               |   5 +-
 examples/webgl_postprocessing.html            |   5 +-
 examples/webgl_postprocessing_dof.html        |   5 +-
 examples/webgl_ribbons.html                   |   5 +-
 examples/webgl_rtt.html                       |   5 +-
 examples/webgl_sandbox.html                   |   5 +-
 examples/webgl_scene_test.html                |   5 +-
 examples/webgl_scene_test_blender.html        |   5 +-
 examples/webgl_shader.html                    |   5 +-
 examples/webgl_shader2.html                   |   5 +-
 examples/webgl_shader_lava.html               |   5 +-
 examples/webgl_shadowmap.html                 |   5 +-
 examples/webgl_sprites.html                   |   5 +-
 examples/webgl_test_memory.html               |   5 +-
 examples/webgl_trackballcamera_earth.html     | 404 ++++++++--------
 examples/webgl_utf8loader.html                |   5 +-
 76 files changed, 652 insertions(+), 570 deletions(-)

diff --git a/examples/webgl_custom_attributes_particles.html b/examples/webgl_custom_attributes_particles.html
index 943da936..53092bfe 100644
--- a/examples/webgl_custom_attributes_particles.html
+++ b/examples/webgl_custom_attributes_particles.html
@@ -1,8 +1,9 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
-		<meta charset="utf-8" />
 		<title>three.js webgl - custom attributes [particles]</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
 			body {
 				color: #ffffff;
diff --git a/examples/webgl_custom_attributes_particles2.html b/examples/webgl_custom_attributes_particles2.html
index c7047c7d..6a84736f 100644
--- a/examples/webgl_custom_attributes_particles2.html
+++ b/examples/webgl_custom_attributes_particles2.html
@@ -1,8 +1,9 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
-		<meta charset="utf-8" />
 		<title>three.js webgl - custom attributes [particles][billboards]</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
 			body {
 				color: #ffffff;
diff --git a/examples/webgl_custom_attributes_particles3.html b/examples/webgl_custom_attributes_particles3.html
index b628596a..6effba8c 100644
--- a/examples/webgl_custom_attributes_particles3.html
+++ b/examples/webgl_custom_attributes_particles3.html
@@ -1,8 +1,9 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
-		<meta charset="utf-8" />
 		<title>three.js webgl - custom attributes [particles][billboards][alphatest]</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
 			body {
 				color: #ffffff;
diff --git a/examples/webgl_flycamera_earth.html b/examples/webgl_flycamera_earth.html
index f3a6b3e9..e2635385 100644
--- a/examples/webgl_flycamera_earth.html
+++ b/examples/webgl_flycamera_earth.html
@@ -1,332 +1,343 @@
-<!DOCTYPE html>
-<html>
-	<title>three.js webgl - fly camera - earth</title>
-	<style type="text/css">
-	body {
-		background:#000;
-		color: #eee;
-		padding:0;
-		margin:0;
-		font-weight:bold;
-		overflow:hidden;
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - fly camera - earth</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				background:#000;
+				color: #eee;
+				padding:0;
+				margin:0;
+				font-weight:bold;
+				overflow:hidden;
 
-		font-family:Monospace;
-		font-size:13px;
-		text-align:center;
-	}
+				font-family:Monospace;
+				font-size:13px;
+				text-align:center;
+			}
 
-	#info {
-		position: absolute;
-		top: 0px; width: 100%;
-		padding: 5px;
-		z-index:100;
-	}
+			#info {
+				position: absolute;
+				top: 0px; width: 100%;
+				padding: 5px;
+				z-index:100;
+			}
 
-	a {
+			a {
 
-		color: #0080ff;
-	}
+				color: #0080ff;
+			}
 
-	b { color:orange }
+			b { color:orange }
+		</style>
 
-	</style>
+		<script src="../build/Three.js"></script>
 
-	<script src="../build/Three.js"></script>
+		<script src="js/ShaderExtras.js"></script>
 
-	<script src="js/ShaderExtras.js"></script>
+		<script src="js/postprocessing/EffectComposer.js"></script>
+		<script src="js/postprocessing/ShaderPass.js"></script>
+		<script src="js/postprocessing/MaskPass.js"></script>
+		<script src="js/postprocessing/RenderPass.js"></script>
+		<script src="js/postprocessing/FilmPass.js"></script>
 
-	<script src="js/postprocessing/EffectComposer.js"></script>
-	<script src="js/postprocessing/ShaderPass.js"></script>
-	<script src="js/postprocessing/MaskPass.js"></script>
-	<script src="js/postprocessing/RenderPass.js"></script>
-	<script src="js/postprocessing/FilmPass.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-	<script src="js/Detector.js"></script>
-	<script src="js/RequestAnimationFrame.js"></script>
-	<script src="js/Stats.js"></script>
+	</head>
 
-</head>
+	<body>
 
-<body>
+		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth [fly camera]<br/><br/>
+		<b>WASD</b> move, <b>R|F</b> up | down, <b>Q|E</b> roll, <b>up|down</b> pitch, <b>left|right</b> yaw<br/>
+		</div>
 
-<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth [fly camera]<br/><br/>
-<b>WASD</b> move, <b>R|F</b> up | down, <b>Q|E</b> roll, <b>up|down</b> pitch, <b>left|right</b> yaw<br/>
-</div>
+		<script>
 
-<script>
+			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
-	if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
+			var radius = 6371;
+			var tilt = 0.41;
+			var rotationSpeed = 0.02;
 
-	var radius = 6371;
-	var tilt = 0.41;
-	var rotationSpeed = 0.02;
+			var cloudsScale = 1.005;
+			var moonScale = 0.23;
 
-	var cloudsScale = 1.005;
-	var moonScale = 0.23;
+			var MARGIN = 0;
+			var SCREEN_HEIGHT = window.innerHeight - MARGIN * 2;
+			var SCREEN_WIDTH  = window.innerWidth;
 
-	var MARGIN = 0;
-	var SCREEN_HEIGHT = window.innerHeight - MARGIN * 2;
-	var SCREEN_WIDTH  = window.innerWidth;
+			var container, stats;
+			var camera, scene, sceneCube, renderer;
+			var geometry, meshPlanet, meshClouds, meshMoon;
+			var dirLight, pointLight, ambientLight;
+			var lastUpdate = new Date().getTime();
 
-	var container, stats;
-	var camera, scene, sceneCube, renderer;
-	var geometry, meshPlanet, meshClouds, meshMoon;
-	var dirLight, pointLight, ambientLight;
-	var lastUpdate = new Date().getTime();
+			var delta, d, dPlanet, dMoon, dMoonVec = new THREE.Vector3();
 
-	var delta, d, dPlanet, dMoon, dMoonVec = new THREE.Vector3();
+			init();
+			animate();
 
-	init();
-	animate();
+			function init() {
 
-	function init() {
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
 
-		container = document.createElement( 'div' );
-        document.body.appendChild( container );
+				camera = new THREE.FlyCamera({
 
-        camera = new THREE.FlyCamera({
+						fov: 25,
+						aspect: SCREEN_WIDTH / SCREEN_HEIGHT,
+						movementSpeed: 1000,
+						domElement: container,
+						rollSpeed: Math.PI / 24,
+						autoForward: false,
+						dragToLook: false,
+						near: 50,
+						far: 1e7
 
-			fov: 25,
-			aspect: SCREEN_WIDTH / SCREEN_HEIGHT,
-			movementSpeed: 1000,
-			domElement: container,
-			rollSpeed: Math.PI / 24,
-			autoForward: false,
-			dragToLook: false,
-			near: 50,
-			far: 1e7
+				});
 
-        });
+				camera.position.z = radius * 5;
 
-        camera.position.z = radius * 5;
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0x000000, 0.00000025 );
 
-        scene = new THREE.Scene();
-		scene.fog = new THREE.FogExp2( 0x000000, 0.00000025 );
+				dirLight = new THREE.DirectionalLight( 0xffffff );
+				dirLight.position.set( -1, 0, 1 );
+				dirLight.position.normalize();
+				scene.add( dirLight );
 
-        dirLight = new THREE.DirectionalLight( 0xffffff );
-        dirLight.position.set( -1, 0, 1 );
-        dirLight.position.normalize();
-        scene.add( dirLight );
+				ambientLight = new THREE.AmbientLight( 0x000000 );
+				scene.add( ambientLight );
 
-		ambientLight = new THREE.AmbientLight( 0x000000 );
-		scene.add( ambientLight );
+				var planetTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_atmos_2048.jpg" );
+				var cloudsTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_clouds_1024.png" );
+				var normalTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_normal_2048.jpg" );
+				var specularTexture = THREE.ImageUtils.loadTexture( "textures/planets/earth_specular_2048.jpg" );
 
-		var planetTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_atmos_2048.jpg" );
-		var cloudsTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_clouds_1024.png" );
-		var normalTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_normal_2048.jpg" );
-		var specularTexture = THREE.ImageUtils.loadTexture( "textures/planets/earth_specular_2048.jpg" );
+				var moonTexture = THREE.ImageUtils.loadTexture( "textures/planets/moon_1024.jpg" );
 
-		var moonTexture = THREE.ImageUtils.loadTexture( "textures/planets/moon_1024.jpg" );
+				var shader = THREE.ShaderUtils.lib[ "normal" ];
+				var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
 
-		var shader = THREE.ShaderUtils.lib[ "normal" ];
-		var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
+				uniforms[ "tNormal" ].texture = normalTexture;
+				uniforms[ "uNormalScale" ].value = 0.85;
 
-		uniforms[ "tNormal" ].texture = normalTexture;
-		uniforms[ "uNormalScale" ].value = 0.85;
+				uniforms[ "tDiffuse" ].texture = planetTexture;
+				uniforms[ "tSpecular" ].texture = specularTexture;
 
-		uniforms[ "tDiffuse" ].texture = planetTexture;
-		uniforms[ "tSpecular" ].texture = specularTexture;
+				uniforms[ "enableAO" ].value = false;
+				uniforms[ "enableDiffuse" ].value = true;
+				uniforms[ "enableSpecular" ].value = true;
 
-		uniforms[ "enableAO" ].value = false;
-		uniforms[ "enableDiffuse" ].value = true;
-		uniforms[ "enableSpecular" ].value = true;
+				uniforms[ "uDiffuseColor" ].value.setHex( 0xffffff );
+				uniforms[ "uSpecularColor" ].value.setHex( 0xaaaaaa );
+				uniforms[ "uAmbientColor" ].value.setHex( 0x000000 );
 
-		uniforms[ "uDiffuseColor" ].value.setHex( 0xffffff );
-		uniforms[ "uSpecularColor" ].value.setHex( 0xaaaaaa );
-		uniforms[ "uAmbientColor" ].value.setHex( 0x000000 );
+				uniforms[ "uShininess" ].value = 30;
 
-		uniforms[ "uShininess" ].value = 30;
+				var parameters = {
+				
+					fragmentShader: shader.fragmentShader,
+					vertexShader: shader.vertexShader,
+					uniforms: uniforms,
+					lights: true,
+					fog: true
 
-		var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: true };
-		var materialNormalMap = new THREE.ShaderMaterial( parameters );
+				};
 
-		// planet
+				var materialNormalMap = new THREE.ShaderMaterial( parameters );
 
-        geometry = new THREE.SphereGeometry( radius, 100, 50 );
-		geometry.computeTangents();
+				// planet
 
-        meshPlanet = new THREE.Mesh( geometry, materialNormalMap );
-		meshPlanet.rotation.y = 1.3;
-		meshPlanet.rotation.z = tilt;
-        scene.add( meshPlanet );
+				geometry = new THREE.SphereGeometry( radius, 100, 50 );
+				geometry.computeTangents();
 
-		// clouds
+				meshPlanet = new THREE.Mesh( geometry, materialNormalMap );
+				meshPlanet.rotation.y = 1.3;
+				meshPlanet.rotation.z = tilt;
+				scene.add( meshPlanet );
 
-        var materialClouds = new THREE.MeshLambertMaterial( { color: 0xffffff, map: cloudsTexture, transparent: true } );
+				// clouds
 
-		meshClouds = new THREE.Mesh( geometry, materialClouds );
-		meshClouds.scale.set( cloudsScale, cloudsScale, cloudsScale );
-		meshClouds.rotation.z = tilt;
-        scene.add( meshClouds );
+				var materialClouds = new THREE.MeshLambertMaterial( { color: 0xffffff, map: cloudsTexture, transparent: true } );
 
-		// moon
+				meshClouds = new THREE.Mesh( geometry, materialClouds );
+				meshClouds.scale.set( cloudsScale, cloudsScale, cloudsScale );
+				meshClouds.rotation.z = tilt;
+				scene.add( meshClouds );
 
-        var materialMoon = new THREE.MeshPhongMaterial( { color: 0xffffff, map: moonTexture } );
+				// moon
 
-        meshMoon = new THREE.Mesh( geometry, materialMoon );
-		meshMoon.position.set( radius * 5, 0, 0 );
-		meshMoon.scale.set( moonScale, moonScale, moonScale );
-        scene.add( meshMoon );
+				var materialMoon = new THREE.MeshPhongMaterial( { color: 0xffffff, map: moonTexture } );
 
-		// stars
+				meshMoon = new THREE.Mesh( geometry, materialMoon );
+				meshMoon.position.set( radius * 5, 0, 0 );
+				meshMoon.scale.set( moonScale, moonScale, moonScale );
+				scene.add( meshMoon );
 
-		var i, r = radius,
-			starsGeometry = [ new THREE.Geometry(), new THREE.Geometry() ];
+				// stars
 
-		for ( i = 0; i < 250; i ++ ) {
+				var i, r = radius, starsGeometry = [ new THREE.Geometry(), new THREE.Geometry() ];
 
-			vector1 = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
-			vector1.multiplyScalar( r );
+				for ( i = 0; i < 250; i ++ ) {
 
-			starsGeometry[ 0 ].vertices.push( new THREE.Vertex( vector1 ) );
+					vector1 = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
+					vector1.multiplyScalar( r );
 
-		}
+					starsGeometry[ 0 ].vertices.push( new THREE.Vertex( vector1 ) );
 
-		for ( i = 0; i < 1500; ++i ) {
+				}
 
-			vector1 = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
-			vector1.multiplyScalar( r );
+				for ( i = 0; i < 1500; ++i ) {
 
-			starsGeometry[ 1 ].vertices.push( new THREE.Vertex( vector1 ) );
+					vector1 = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
+					vector1.multiplyScalar( r );
 
-		}
+					starsGeometry[ 1 ].vertices.push( new THREE.Vertex( vector1 ) );
 
-		var stars;
-		var starsMaterials = [ new THREE.ParticleBasicMaterial( { color: 0x555555, size: 2, sizeAttenuation: false } ),
-							   new THREE.ParticleBasicMaterial( { color: 0x555555, size: 1, sizeAttenuation: false } ),
-							   new THREE.ParticleBasicMaterial( { color: 0x333333, size: 2, sizeAttenuation: false } ),
-							   new THREE.ParticleBasicMaterial( { color: 0x3a3a3a, size: 1, sizeAttenuation: false } ),
-							   new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 2, sizeAttenuation: false } ),
-							   new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 1, sizeAttenuation: false } )
-							];
+				}
 
-		for ( i = 10; i < 30; i ++ ) {
+				var stars;
+				var starsMaterials = [
+					new THREE.ParticleBasicMaterial( { color: 0x555555, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x555555, size: 1, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x333333, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x3a3a3a, size: 1, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 1, sizeAttenuation: false } )
+				];
 
-			stars = new THREE.ParticleSystem( starsGeometry[ i % 2 ], starsMaterials[ i % 6 ] );
+				for ( i = 10; i < 30; i ++ ) {
 
-			stars.rotation.x = Math.random() * 6;
-			stars.rotation.y = Math.random() * 6;
-			stars.rotation.z = Math.random() * 6;
+					stars = new THREE.ParticleSystem( starsGeometry[ i % 2 ], starsMaterials[ i % 6 ] );
 
-			s = i * 10;
-			stars.scale.set( s, s, s );
+					stars.rotation.x = Math.random() * 6;
+					stars.rotation.y = Math.random() * 6;
+					stars.rotation.z = Math.random() * 6;
 
-			stars.matrixAutoUpdate = false;
-			stars.updateMatrix();
+					s = i * 10;
+					stars.scale.set( s, s, s );
 
-			scene.add( stars );
+					stars.matrixAutoUpdate = false;
+					stars.updateMatrix();
 
-		}
+					scene.add( stars );
 
-        renderer = new THREE.WebGLRenderer( { clearAlpha: 1, clearColor: 0x000000 } );
-        renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
-        renderer.sortObjects = false;
+				}
 
-		renderer.autoClear = false;
+				renderer = new THREE.WebGLRenderer( { clearAlpha: 1, clearColor: 0x000000 } );
+				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
+				renderer.sortObjects = false;
 
-        container.appendChild( renderer.domElement );
+				renderer.autoClear = false;
 
-        stats = new Stats();
-        stats.domElement.style.position = 'absolute';
-        stats.domElement.style.top = '0px';
-        stats.domElement.style.zIndex = 100;
-        container.appendChild( stats.domElement );
+				container.appendChild( renderer.domElement );
 
-		window.addEventListener( 'resize', onWindowResize, false );
+				stats = new Stats();
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.top = '0px';
+				stats.domElement.style.zIndex = 100;
+				container.appendChild( stats.domElement );
 
-		// postprocessing
+				window.addEventListener( 'resize', onWindowResize, false );
 
-		var renderModel = new THREE.RenderPass( scene, camera );
-		var effectFilm = new THREE.FilmPass( 0.35, 0.75, 2048, false );
+				// postprocessing
 
-		effectFilm.renderToScreen = true;
+				var renderModel = new THREE.RenderPass( scene, camera );
+				var effectFilm = new THREE.FilmPass( 0.35, 0.75, 2048, false );
 
-		composer = new THREE.EffectComposer( renderer );
+				effectFilm.renderToScreen = true;
 
-		composer.addPass( renderModel );
-		composer.addPass( effectFilm );
+				composer = new THREE.EffectComposer( renderer );
 
-	};
+				composer.addPass( renderModel );
+				composer.addPass( effectFilm );
 
-	function onWindowResize( event ) {
+			};
 
-		SCREEN_HEIGHT = window.innerHeight;
-		SCREEN_WIDTH  = window.innerWidth;
+			function onWindowResize( event ) {
 
-		renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
+				SCREEN_HEIGHT = window.innerHeight;
+				SCREEN_WIDTH  = window.innerWidth;
 
-		camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
-		camera.updateProjectionMatrix();
+				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 
-		composer.reset();
+				camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
+				camera.updateProjectionMatrix();
 
-	}
+				composer.reset();
 
-	function cap_bottom( val, bottom ) {
+			}
 
-		return val < bottom ? bottom : val;
+			function cap_bottom( val, bottom ) {
 
-	};
+				return val < bottom ? bottom : val;
 
+			};
 
-	function animate() {
 
-		requestAnimationFrame( animate );
+			function animate() {
 
-        render();
-        stats.update();
+				requestAnimationFrame( animate );
 
-	};
+				render();
+				stats.update();
 
+			};
 
-	function cap( val, bottom ) {
 
-		return val > bottom ? val : bottom;
+			function cap( val, bottom ) {
 
-	};
+				return val > bottom ? val : bottom;
 
-	function render() {
+			};
 
-		// rotate the planet and clouds
+			function render() {
 
-		delta = this.getFrametime();
+				// rotate the planet and clouds
 
-        meshPlanet.rotation.y += rotationSpeed * delta;
-		meshClouds.rotation.y += 1.25 * rotationSpeed * delta;
+				delta = this.getFrametime();
 
-		// slow down as we approach the surface
+				meshPlanet.rotation.y += rotationSpeed * delta;
+				meshClouds.rotation.y += 1.25 * rotationSpeed * delta;
 
-		dPlanet = camera.position.length();
+				// slow down as we approach the surface
 
-		dMoonVec.sub( camera.position, meshMoon.position );
-		dMoon = dMoonVec.length();
+				dPlanet = camera.position.length();
 
-		if ( dMoon < dPlanet ) {
+				dMoonVec.sub( camera.position, meshMoon.position );
+				dMoon = dMoonVec.length();
 
-			d = ( dMoon - radius * moonScale * 1.01 );
+				if ( dMoon < dPlanet ) {
 
-		} else {
+					d = ( dMoon - radius * moonScale * 1.01 );
 
-			d = ( dPlanet - radius * 1.01 );
+				} else {
 
-		}
+					d = ( dPlanet - radius * 1.01 );
 
-        camera.movementSpeed = 0.33 * d;
+				}
 
-		renderer.clear();
-		composer.render( delta );
+				camera.movementSpeed = 0.33 * d;
 
-	};
+				renderer.clear();
+				composer.render( delta );
 
-	function getFrametime() {
+			};
 
-        var now = new Date().getTime();
-        var tdiff = ( now - lastUpdate ) / 1000;
-        lastUpdate = now;
-        return tdiff;
+			function getFrametime() {
 
-	};
+				var now = new Date().getTime();
+				var tdiff = ( now - lastUpdate ) / 1000;
+				lastUpdate = now;
+				return tdiff;
 
-</script>
-</body>
+			};
+
+		</script>
+	</body>
 </html>
diff --git a/examples/webgl_geometries.html b/examples/webgl_geometries.html
index d5f487a5..c772dcd8 100644
--- a/examples/webgl_geometries.html
+++ b/examples/webgl_geometries.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometries</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;
diff --git a/examples/webgl_geometry_blenderexport_colors.html b/examples/webgl_geometry_blenderexport_colors.html
index 132d6ba8..6fa8b62a 100644
--- a/examples/webgl_geometry_blenderexport_colors.html
+++ b/examples/webgl_geometry_blenderexport_colors.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - io blender - vertex colors</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #eee;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_colors.html b/examples/webgl_geometry_colors.html
index 32023b84..1842bcc8 100644
--- a/examples/webgl_geometry_colors.html
+++ b/examples/webgl_geometry_colors.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - vertex colors</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #808080;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_dynamic.html b/examples/webgl_geometry_dynamic.html
index be9ddf22..48a78209 100644
--- a/examples/webgl_geometry_dynamic.html
+++ b/examples/webgl_geometry_dynamic.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - dynamic</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #61443e;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_hierarchy.html b/examples/webgl_geometry_hierarchy.html
index 003855e9..63b6f7a0 100644
--- a/examples/webgl_geometry_hierarchy.html
+++ b/examples/webgl_geometry_hierarchy.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry hierarchy</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_geometry_hierarchy2.html b/examples/webgl_geometry_hierarchy2.html
index 8ff311e1..77cf2c36 100644
--- a/examples/webgl_geometry_hierarchy2.html
+++ b/examples/webgl_geometry_hierarchy2.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry hierarchy 2</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_geometry_large_mesh.html b/examples/webgl_geometry_large_mesh.html
index d044ddbc..845b2443 100644
--- a/examples/webgl_geometry_large_mesh.html
+++ b/examples/webgl_geometry_large_mesh.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - large mesh</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_geometry_minecraft.html b/examples/webgl_geometry_minecraft.html
index 269876a6..8b4464a0 100644
--- a/examples/webgl_geometry_minecraft.html
+++ b/examples/webgl_geometry_minecraft.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - minecraft</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #61443e;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_minecraft_ao.html b/examples/webgl_geometry_minecraft_ao.html
index 3db82bd2..6cae75c0 100644
--- a/examples/webgl_geometry_minecraft_ao.html
+++ b/examples/webgl_geometry_minecraft_ao.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - minecraft - ao</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #61443e;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_shapes.html b/examples/webgl_geometry_shapes.html
index 091b32ec..6da617be 100644
--- a/examples/webgl_geometry_shapes.html
+++ b/examples/webgl_geometry_shapes.html
@@ -1,10 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js canvas - geometry - shapes</title>
 		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
diff --git a/examples/webgl_geometry_terrain.html b/examples/webgl_geometry_terrain.html
index 0e37737a..550d9d34 100644
--- a/examples/webgl_geometry_terrain.html
+++ b/examples/webgl_geometry_terrain.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - terrain</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #61443e;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_terrain_fog.html b/examples/webgl_geometry_terrain_fog.html
index 3e1771bb..a0790e53 100644
--- a/examples/webgl_geometry_terrain_fog.html
+++ b/examples/webgl_geometry_terrain_fog.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - terrain + fog</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #61443e;
 				font-family:Monospace;
diff --git a/examples/webgl_geometry_text.html b/examples/webgl_geometry_text.html
index 299662fe..828363b1 100644
--- a/examples/webgl_geometry_text.html
+++ b/examples/webgl_geometry_text.html
@@ -1,10 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - geometry - text</title>
 		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;
diff --git a/examples/webgl_hdr.html b/examples/webgl_hdr.html
index a22316b9..e61cca41 100644
--- a/examples/webgl_hdr.html
+++ b/examples/webgl_hdr.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - HDR texture</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 		    body {
 			color: #000;
 			font-family:Monospace;
diff --git a/examples/webgl_interactive_cubes.html b/examples/webgl_interactive_cubes.html
index 6da604c5..2cca1c59 100644
--- a/examples/webgl_interactive_cubes.html
+++ b/examples/webgl_interactive_cubes.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - interactive cubes</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
diff --git a/examples/webgl_interactive_draggablecubes.html b/examples/webgl_interactive_draggablecubes.html
index 1134bdc4..34da2759 100644
--- a/examples/webgl_interactive_draggablecubes.html
+++ b/examples/webgl_interactive_draggablecubes.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - draggable cubes</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
diff --git a/examples/webgl_interactive_voxelpainter.html b/examples/webgl_interactive_voxelpainter.html
index 1e01feab..ea893892 100644
--- a/examples/webgl_interactive_voxelpainter.html
+++ b/examples/webgl_interactive_voxelpainter.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - interactive - voxel painter</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
diff --git a/examples/webgl_lights_pointlights.html b/examples/webgl_lights_pointlights.html
index 72524b8d..5382ba8e 100644
--- a/examples/webgl_lights_pointlights.html
+++ b/examples/webgl_lights_pointlights.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - lights - point lights</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000;
 				margin: 0px;
diff --git a/examples/webgl_lines_colors.html b/examples/webgl_lines_colors.html
index 720e99a0..0985106d 100644
--- a/examples/webgl_lines_colors.html
+++ b/examples/webgl_lines_colors.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - lines - cubes - colors</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_lines_cubes.html b/examples/webgl_lines_cubes.html
index a8d2df03..6b166451 100644
--- a/examples/webgl_lines_cubes.html
+++ b/examples/webgl_lines_cubes.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - lines - cubes</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_lines_sphere.html b/examples/webgl_lines_sphere.html
index ab77938a..164f8749 100644
--- a/examples/webgl_lines_sphere.html
+++ b/examples/webgl_lines_sphere.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - lines - spheres</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000;
 				margin: 0px;
diff --git a/examples/webgl_lines_splines.html b/examples/webgl_lines_splines.html
index 4288f13b..233da5df 100644
--- a/examples/webgl_lines_splines.html
+++ b/examples/webgl_lines_splines.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - lines - splines</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_lod.html b/examples/webgl_lod.html
index b29db95d..1328f678 100644
--- a/examples/webgl_lod.html
+++ b/examples/webgl_lod.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - level-of-details</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_lod_text.html b/examples/webgl_lod_text.html
index 745a35ee..f3f962d6 100644
--- a/examples/webgl_lod_text.html
+++ b/examples/webgl_lod_text.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - level-of-details</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials.html b/examples/webgl_materials.html
index b5a7d3d2..896aa032 100644
--- a/examples/webgl_materials.html
+++ b/examples/webgl_materials.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;
diff --git a/examples/webgl_materials_cars.html b/examples/webgl_materials_cars.html
index cab8db8f..2b4b1da6 100644
--- a/examples/webgl_materials_cars.html
+++ b/examples/webgl_materials_cars.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [cars]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_cars_anaglyph.html b/examples/webgl_materials_cars_anaglyph.html
index e376abc2..12ec6267 100644
--- a/examples/webgl_materials_cars_anaglyph.html
+++ b/examples/webgl_materials_cars_anaglyph.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [cars]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_cars_camaro.html b/examples/webgl_materials_cars_camaro.html
index c98390f8..076650a8 100644
--- a/examples/webgl_materials_cars_camaro.html
+++ b/examples/webgl_materials_cars_camaro.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [camaro]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_cars_camaro_crosseyed.html b/examples/webgl_materials_cars_camaro_crosseyed.html
index 19833cc5..5e712a26 100644
--- a/examples/webgl_materials_cars_camaro_crosseyed.html
+++ b/examples/webgl_materials_cars_camaro_crosseyed.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [camaro]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_cubemap.html b/examples/webgl_materials_cubemap.html
index 4059a668..3622c958 100644
--- a/examples/webgl_materials_cubemap.html
+++ b/examples/webgl_materials_cubemap.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection / refraction [Walt]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_cubemap_balls_reflection.html b/examples/webgl_materials_cubemap_balls_reflection.html
index ba9e4319..173a9829 100644
--- a/examples/webgl_materials_cubemap_balls_reflection.html
+++ b/examples/webgl_materials_cubemap_balls_reflection.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [balls]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#777;
 				padding:0;
diff --git a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
index d9a0c281..fc918563 100644
--- a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
+++ b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [balls]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#777;
 				padding:0;
diff --git a/examples/webgl_materials_cubemap_balls_refraction.html b/examples/webgl_materials_cubemap_balls_refraction.html
index 407f532c..bd3d037f 100644
--- a/examples/webgl_materials_cubemap_balls_refraction.html
+++ b/examples/webgl_materials_cubemap_balls_refraction.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube refraction [balls]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#777;
 				padding:0;
diff --git a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
index da336c83..aeb7051e 100644
--- a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
+++ b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube refraction [balls]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#777;
 				padding:0;
diff --git a/examples/webgl_materials_cubemap_escher.html b/examples/webgl_materials_cubemap_escher.html
index a283a56f..2d73e542 100644
--- a/examples/webgl_materials_cubemap_escher.html
+++ b/examples/webgl_materials_cubemap_escher.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube reflection [Escher]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				color:#fff;
diff --git a/examples/webgl_materials_cubemap_refraction.html b/examples/webgl_materials_cubemap_refraction.html
index 107f6182..74cca751 100644
--- a/examples/webgl_materials_cubemap_refraction.html
+++ b/examples/webgl_materials_cubemap_refraction.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - cube refraction [Lucy]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_grass.html b/examples/webgl_materials_grass.html
index db031a26..f25ee597 100644
--- a/examples/webgl_materials_grass.html
+++ b/examples/webgl_materials_grass.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - grass</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#030;
 				color:#fff;
diff --git a/examples/webgl_materials_normalmap.html b/examples/webgl_materials_normalmap.html
index d7a299bd..b2db3b41 100644
--- a/examples/webgl_materials_normalmap.html
+++ b/examples/webgl_materials_normalmap.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - normal map</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_normalmap2.html b/examples/webgl_materials_normalmap2.html
index 22c25ddf..02981549 100644
--- a/examples/webgl_materials_normalmap2.html
+++ b/examples/webgl_materials_normalmap2.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - normal map [Lee Perry-Smith]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_shaders.html b/examples/webgl_materials_shaders.html
index 97893f1a..275bab29 100644
--- a/examples/webgl_materials_shaders.html
+++ b/examples/webgl_materials_shaders.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - shaders [Phong, Lambert]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_materials_shaders_fresnel.html b/examples/webgl_materials_shaders_fresnel.html
index 83ec3687..57fccea6 100644
--- a/examples/webgl_materials_shaders_fresnel.html
+++ b/examples/webgl_materials_shaders_fresnel.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - shaders [Fresnel]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				padding:0;
diff --git a/examples/webgl_materials_skin.html b/examples/webgl_materials_skin.html
index 60a20946..d2046e03 100644
--- a/examples/webgl_materials_skin.html
+++ b/examples/webgl_materials_skin.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - skin [Lee Perry-Smith]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#aaa;
diff --git a/examples/webgl_materials_texture_filters.html b/examples/webgl_materials_texture_filters.html
index a524ca03..a8eb2464 100644
--- a/examples/webgl_materials_texture_filters.html
+++ b/examples/webgl_materials_texture_filters.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - texture filtering</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #aaa;
 				font-family:Monospace;
diff --git a/examples/webgl_materials_video.html b/examples/webgl_materials_video.html
index 142a3142..420f5b5a 100644
--- a/examples/webgl_materials_video.html
+++ b/examples/webgl_materials_video.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - video</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000;
 				color: #fff;
diff --git a/examples/webgl_morphtargets.html b/examples/webgl_morphtargets.html
index a456ebf9..414fd404 100644
--- a/examples/webgl_morphtargets.html
+++ b/examples/webgl_morphtargets.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - animation - morph targets</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_morphtargets_horse.html b/examples/webgl_morphtargets_horse.html
index de07b8a0..0ae73238 100644
--- a/examples/webgl_morphtargets_horse.html
+++ b/examples/webgl_morphtargets_horse.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - morph targets - horse</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
diff --git a/examples/webgl_multiple_canvases_complex.html b/examples/webgl_multiple_canvases_complex.html
index 86340c39..c9f084c5 100755
--- a/examples/webgl_multiple_canvases_complex.html
+++ b/examples/webgl_multiple_canvases_complex.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - multiple canvases - complex</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #808080;
 				font-family:Monospace;
diff --git a/examples/webgl_multiple_canvases_grid.html b/examples/webgl_multiple_canvases_grid.html
index 2e7e86f3..50234d91 100755
--- a/examples/webgl_multiple_canvases_grid.html
+++ b/examples/webgl_multiple_canvases_grid.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - multiple canvases - grid</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			html, body {
 				color: #808080;
 				font-family:Monospace;
diff --git a/examples/webgl_objconvert_test.html b/examples/webgl_objconvert_test.html
index ea463ce3..50daba54 100644
--- a/examples/webgl_objconvert_test.html
+++ b/examples/webgl_objconvert_test.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - io - OBJ converter</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_panorama_equirectangular.html b/examples/webgl_panorama_equirectangular.html
index 99e2dc73..1a263c36 100644
--- a/examples/webgl_panorama_equirectangular.html
+++ b/examples/webgl_panorama_equirectangular.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - equirectangular panorama demo</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_particles_billboards.html b/examples/webgl_particles_billboards.html
index a74b2f5f..e9515110 100644
--- a/examples/webgl_particles_billboards.html
+++ b/examples/webgl_particles_billboards.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - particles - billboards</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_particles_billboards_colors.html b/examples/webgl_particles_billboards_colors.html
index 210112d4..82d2761a 100644
--- a/examples/webgl_particles_billboards_colors.html
+++ b/examples/webgl_particles_billboards_colors.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - particles - billboards - colors</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_particles_dynamic.html b/examples/webgl_particles_dynamic.html
index 9a66381b..b30e57c8 100644
--- a/examples/webgl_particles_dynamic.html
+++ b/examples/webgl_particles_dynamic.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
     <head>
         <title>three.js webgl - particles - dynamic - postprocessing</title>
         <meta charset="utf-8">
-        <style type="text/css">
+        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+        <style>
             body {
                 color: #fff;
                 font-family:Monospace;
diff --git a/examples/webgl_particles_random.html b/examples/webgl_particles_random.html
index 33696bd4..fe7bb2af 100644
--- a/examples/webgl_particles_random.html
+++ b/examples/webgl_particles_random.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - particles</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_particles_shapes.html b/examples/webgl_particles_shapes.html
index 37072199..54b810ac 100644
--- a/examples/webgl_particles_shapes.html
+++ b/examples/webgl_particles_shapes.html
@@ -1,10 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - particles - shapes</title>
 		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;
diff --git a/examples/webgl_particles_sprites.html b/examples/webgl_particles_sprites.html
index c7593920..a5f39e2c 100644
--- a/examples/webgl_particles_sprites.html
+++ b/examples/webgl_particles_sprites.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - particles - sprites</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_performance.html b/examples/webgl_performance.html
index 524a937a..e335b6a0 100644
--- a/examples/webgl_performance.html
+++ b/examples/webgl_performance.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - performance</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_postprocessing.html b/examples/webgl_postprocessing.html
index 9fa733e0..bca9d40c 100644
--- a/examples/webgl_postprocessing.html
+++ b/examples/webgl_postprocessing.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - postprocessing</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 		    body {
 			color: #000;
 			font-family:Monospace;
diff --git a/examples/webgl_postprocessing_dof.html b/examples/webgl_postprocessing_dof.html
index aed98fe4..137f57f3 100644
--- a/examples/webgl_postprocessing_dof.html
+++ b/examples/webgl_postprocessing_dof.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - postprocessing - depth-of-field</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_ribbons.html b/examples/webgl_ribbons.html
index 8ea79e47..b4a57959 100644
--- a/examples/webgl_ribbons.html
+++ b/examples/webgl_ribbons.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - ribbons</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
diff --git a/examples/webgl_rtt.html b/examples/webgl_rtt.html
index ef24842c..78ebed22 100644
--- a/examples/webgl_rtt.html
+++ b/examples/webgl_rtt.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - render-to-texture</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #ffffff;
 				font-family:Monospace;
diff --git a/examples/webgl_sandbox.html b/examples/webgl_sandbox.html
index ef0edca5..5bbc43c9 100644
--- a/examples/webgl_sandbox.html
+++ b/examples/webgl_sandbox.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js - webgl</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_scene_test.html b/examples/webgl_scene_test.html
index 7e7e2e1d..5c7420ad 100644
--- a/examples/webgl_scene_test.html
+++ b/examples/webgl_scene_test.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - io - scene loader</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_scene_test_blender.html b/examples/webgl_scene_test_blender.html
index 6c0a573b..494ca079 100644
--- a/examples/webgl_scene_test_blender.html
+++ b/examples/webgl_scene_test_blender.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - io - scene loader [blender]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#000;
 				color:#fff;
diff --git a/examples/webgl_shader.html b/examples/webgl_shader.html
index 444f39d8..de43d050 100644
--- a/examples/webgl_shader.html
+++ b/examples/webgl_shader.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - shaders [Monjori]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #ffffff;
 				font-family:Monospace;
diff --git a/examples/webgl_shader2.html b/examples/webgl_shader2.html
index 8d728eff..2d6566f8 100644
--- a/examples/webgl_shader2.html
+++ b/examples/webgl_shader2.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - shaders [custom]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #ffffff;
 				font-family:Monospace;
diff --git a/examples/webgl_shader_lava.html b/examples/webgl_shader_lava.html
index ad04ac3c..acc41ed9 100644
--- a/examples/webgl_shader_lava.html
+++ b/examples/webgl_shader_lava.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - materials - shaders [lava]</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				color: #ffffff;
 				font-family:Monospace;
diff --git a/examples/webgl_shadowmap.html b/examples/webgl_shadowmap.html
index a99a44da..19419cde 100644
--- a/examples/webgl_shadowmap.html
+++ b/examples/webgl_shadowmap.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - shadow map</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;
diff --git a/examples/webgl_sprites.html b/examples/webgl_sprites.html
index b5717565..7ded32e7 100644
--- a/examples/webgl_sprites.html
+++ b/examples/webgl_sprites.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - sprites</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_test_memory.html b/examples/webgl_test_memory.html
index d2fff228..ed5185b1 100644
--- a/examples/webgl_test_memory.html
+++ b/examples/webgl_test_memory.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js - webgl</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
diff --git a/examples/webgl_trackballcamera_earth.html b/examples/webgl_trackballcamera_earth.html
index 398e0efb..7647f486 100644
--- a/examples/webgl_trackballcamera_earth.html
+++ b/examples/webgl_trackballcamera_earth.html
@@ -1,299 +1,299 @@
-<!DOCTYPE html>
-<html>
-	<title>three.js webgl - trackball camera - earth</title>
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - trackball camera - earth</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				background: #000;
+				color: #EEE;
+				padding: 0;
+				margin: 0;
+				font-weight: bold;
+				overflow: hidden;
 
-	<style type="text/css">
+				font-family: Monospace;
+				font-size: 13px;
+				text-align: center;
+			}
 
-		body {
-			background: #000;
-			color: #EEE;
-			padding: 0;
-			margin: 0;
-			font-weight: bold;
-			overflow: hidden;
+			#info {
+				position: absolute;
+				top: 0px;
+				width: 100%;
+				padding: 5px;
+				z-index: 100;
+			}
 
-			font-family: Monospace;
-			font-size: 13px;
-			text-align: center;
-		}
+			a { color: green; }
+			b { color: green; }
+		</style>
 
-		#info {
-			position: absolute;
-			top: 0px;
-			width: 100%;
-			padding: 5px;
-			z-index: 100;
-		}
+		<script src="../build/Three.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		a { color: green; }
-		b { color: green; }
+	</head>
 
-	</style>
+	<body>
 
-	<script src="../build/Three.js"></script>
-	<script src="js/Detector.js"></script>
-	<script src="js/RequestAnimationFrame.js"></script>
-	<script src="js/Stats.js"></script>
+		<div id="info">
+			<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth [trackball camera]<br/><br/>
+			<b>MOVE</b> mouse &amp; press <b>LEFT/A:</b> rotate, <b>MIDDLE/S:</b> zoom, <b>RIGHT/D:</b> pan
+		</div>
 
-</head>
+		<script>
 
-<body>
+			var radius = 6371,
+			tilt = 0.41,
+			rotationSpeed = 0.1,
 
-<div id="info">
-	<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth [trackball camera]<br/><br/>
-	<b>MOVE</b> mouse &amp; press <b>LEFT/A:</b> rotate, <b>MIDDLE/S:</b> zoom, <b>RIGHT/D:</b> pan
-</div>
+			cloudsScale = 1.005,
+			moonScale = 0.23,
 
-<script>
+			height = window.innerHeight,
+			width  = window.innerWidth,
 
-	var radius = 6371,
-	tilt = 0.41,
-	rotationSpeed = 0.1,
+			container, stats,
 
-	cloudsScale = 1.005,
-	moonScale = 0.23,
+			camera, scene, renderer,
+			geometry, meshPlanet, meshClouds, meshMoon,
+			dirLight, ambientLight,
 
-	height = window.innerHeight,
-	width  = window.innerWidth,
+			time = new Date().getTime();
 
-	container, stats,
+			window.onload = function() {
 
-	camera, scene, renderer,
-	geometry, meshPlanet, meshClouds, meshMoon,
-	dirLight, ambientLight,
+				if ( !Detector.webgl ) {
 
-	time = new Date().getTime();
+					Detector.addGetWebGLMessage();
+					return;
 
-	window.onload = function() {
+				}
 
-		if ( !Detector.webgl ) {
+				init();
+				animate();
 
-			Detector.addGetWebGLMessage();
-			return;
+			}
 
-		}
+			function init() {
 
-		init();
-		animate();
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
 
-	}
 
-	function init() {
+				scene = new THREE.Scene();
 
-		container = document.createElement( 'div' );
-		document.body.appendChild( container );
 
+				renderer = new THREE.WebGLRenderer( { clearAlpha: 1, clearColor: 0x000000 } );
+				renderer.setSize( width, height );
+				renderer.sortObjects = false;
+				renderer.autoClear = false;
+				container.appendChild( renderer.domElement );
 
-		scene = new THREE.Scene();
 
+				camera = new THREE.TrackballCamera({
 
-		renderer = new THREE.WebGLRenderer( { clearAlpha: 1, clearColor: 0x000000 } );
-		renderer.setSize( width, height );
-		renderer.sortObjects = false;
-		renderer.autoClear = false;
-		container.appendChild( renderer.domElement );
+					fov: 25,
+					aspect: width / height,
+					near: 50,
+					far: 1e7,
 
+					rotateSpeed: 1.0,
+					zoomSpeed: 1.2,
+					panSpeed: 0.2,
 
-		camera = new THREE.TrackballCamera({
+					noZoom: false,
+					noPan: false,
 
-			fov: 25,
-			aspect: width / height,
-			near: 50,
-			far: 1e7,
+					staticMoving: false,
+					dynamicDampingFactor: 0.3,
 
-			rotateSpeed: 1.0,
-			zoomSpeed: 1.2,
-			panSpeed: 0.2,
+					minDistance: radius * 1.1,
+					maxDistance: radius * 100,
 
-			noZoom: false,
-			noPan: false,
+					keys: [ 65, 83, 68 ], // [ rotateKey, zoomKey, panKey ],
 
-			staticMoving: false,
-			dynamicDampingFactor: 0.3,
+					domElement: renderer.domElement,
 
-			minDistance: radius * 1.1,
-			maxDistance: radius * 100,
+				});
 
-			keys: [ 65, 83, 68 ], // [ rotateKey, zoomKey, panKey ],
+				camera.position.z = radius * 7;
 
-			domElement: renderer.domElement,
 
-		});
+				dirLight = new THREE.DirectionalLight( 0xFFFFFF );
+				dirLight.position.set( -1, 0, 1 );
+				dirLight.position.normalize();
+				scene.add( dirLight );
 
-		camera.position.z = radius * 7;
+				var planetTexture = THREE.ImageUtils.loadTexture( "textures/planets/earth_atmos_2048.jpg" ),
+				cloudsTexture     = THREE.ImageUtils.loadTexture( "textures/planets/earth_clouds_1024.png" ),
+				normalTexture     = THREE.ImageUtils.loadTexture( "textures/planets/earth_normal_2048.jpg" ),
+				specularTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_specular_2048.jpg" ),
+				moonTexture       = THREE.ImageUtils.loadTexture( "textures/planets/moon_1024.jpg" );
 
+				var shader = THREE.ShaderUtils.lib[ "normal" ],
+				uniforms = THREE.UniformsUtils.clone( shader.uniforms );
 
-		dirLight = new THREE.DirectionalLight( 0xFFFFFF );
-		dirLight.position.set( -1, 0, 1 );
-		dirLight.position.normalize();
-		scene.add( dirLight );
+				uniforms[ "tNormal" ].texture = normalTexture;
+				uniforms[ "uNormalScale" ].value = 0.85;
 
-		var planetTexture = THREE.ImageUtils.loadTexture( "textures/planets/earth_atmos_2048.jpg" ),
-		cloudsTexture     = THREE.ImageUtils.loadTexture( "textures/planets/earth_clouds_1024.png" ),
-		normalTexture     = THREE.ImageUtils.loadTexture( "textures/planets/earth_normal_2048.jpg" ),
-		specularTexture   = THREE.ImageUtils.loadTexture( "textures/planets/earth_specular_2048.jpg" ),
-		moonTexture       = THREE.ImageUtils.loadTexture( "textures/planets/moon_1024.jpg" );
+				uniforms[ "tDiffuse" ].texture = planetTexture;
+				uniforms[ "tSpecular" ].texture = specularTexture;
 
-		var shader = THREE.ShaderUtils.lib[ "normal" ],
-		uniforms = THREE.UniformsUtils.clone( shader.uniforms );
+				uniforms[ "enableAO" ].value = false;
+				uniforms[ "enableDiffuse" ].value = true;
+				uniforms[ "enableSpecular" ].value = true;
 
-		uniforms[ "tNormal" ].texture = normalTexture;
-		uniforms[ "uNormalScale" ].value = 0.85;
+				uniforms[ "uDiffuseColor" ].value.setHex( 0xffffff );
+				uniforms[ "uSpecularColor" ].value.setHex( 0xaaaaaa );
+				uniforms[ "uAmbientColor" ].value.setHex( 0x000000 );
 
-		uniforms[ "tDiffuse" ].texture = planetTexture;
-		uniforms[ "tSpecular" ].texture = specularTexture;
+				uniforms[ "uShininess" ].value = 30;
 
-		uniforms[ "enableAO" ].value = false;
-		uniforms[ "enableDiffuse" ].value = true;
-		uniforms[ "enableSpecular" ].value = true;
+				var materialNormalMap = new THREE.ShaderMaterial({
+					fragmentShader: shader.fragmentShader,
+					vertexShader: shader.vertexShader,
+					uniforms: uniforms,
+					lights: true
+				});
 
-		uniforms[ "uDiffuseColor" ].value.setHex( 0xffffff );
-		uniforms[ "uSpecularColor" ].value.setHex( 0xaaaaaa );
-		uniforms[ "uAmbientColor" ].value.setHex( 0x000000 );
 
-		uniforms[ "uShininess" ].value = 30;
+				// planet
 
-		var materialNormalMap = new THREE.ShaderMaterial({
-			fragmentShader: shader.fragmentShader,
-			vertexShader: shader.vertexShader,
-			uniforms: uniforms,
-			lights: true
-		});
+				geometry = new THREE.SphereGeometry( radius, 100, 50 );
+				geometry.computeTangents();
 
+				meshPlanet = new THREE.Mesh( geometry, materialNormalMap );
+				meshPlanet.rotation.y = 1.3;
+				meshPlanet.rotation.z = tilt;
+				scene.add( meshPlanet );
 
-		// planet
 
-		geometry = new THREE.SphereGeometry( radius, 100, 50 );
-		geometry.computeTangents();
+				// clouds
 
-		meshPlanet = new THREE.Mesh( geometry, materialNormalMap );
-		meshPlanet.rotation.y = 1.3;
-		meshPlanet.rotation.z = tilt;
-		scene.add( meshPlanet );
+				var materialClouds = new THREE.MeshLambertMaterial( { color: 0xffffff, map: cloudsTexture, transparent:true } );
 
+				meshClouds = new THREE.Mesh( geometry, materialClouds );
+				meshClouds.scale.set( cloudsScale, cloudsScale, cloudsScale );
+				meshClouds.rotation.z = tilt;
+				scene.add( meshClouds );
 
-		// clouds
 
-		var materialClouds = new THREE.MeshLambertMaterial( { color: 0xffffff, map: cloudsTexture, transparent:true } );
+				// moon
 
-		meshClouds = new THREE.Mesh( geometry, materialClouds );
-		meshClouds.scale.set( cloudsScale, cloudsScale, cloudsScale );
-		meshClouds.rotation.z = tilt;
-		scene.add( meshClouds );
+				var materialMoon = new THREE.MeshPhongMaterial( { color: 0xffffff, map: moonTexture } );
 
+				meshMoon = new THREE.Mesh( geometry, materialMoon );
+				meshMoon.position.set( radius * 5, 0, 0 );
+				meshMoon.scale.set( moonScale, moonScale, moonScale );
+				scene.add( meshMoon );
 
-		// moon
 
-		var materialMoon = new THREE.MeshPhongMaterial( { color: 0xffffff, map: moonTexture } );
+				// stars
 
-		meshMoon = new THREE.Mesh( geometry, materialMoon );
-		meshMoon.position.set( radius * 5, 0, 0 );
-		meshMoon.scale.set( moonScale, moonScale, moonScale );
-		scene.add( meshMoon );
+				var i,
+				vector,
+				starsGeometry = new THREE.Geometry();
 
+				for ( i = 0; i < 1500; i++ ) {
 
-		// stars
+					vector = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
+					vector.multiplyScalar( radius );
 
-		var i,
-		vector,
-		starsGeometry = new THREE.Geometry();
+					starsGeometry.vertices.push( new THREE.Vertex( vector ) );
 
-		for ( i = 0; i < 1500; i++ ) {
+				}
 
-			vector = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
-			vector.multiplyScalar( radius );
+				var stars,
+				starsMaterials = [
+					new THREE.ParticleBasicMaterial( { color: 0x555555, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x555555, size: 1, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x333333, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x3a3a3a, size: 1, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 2, sizeAttenuation: false } ),
+					new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 1, sizeAttenuation: false } )
+				];
 
-			starsGeometry.vertices.push( new THREE.Vertex( vector ) );
+				for ( i = 10; i < 30; i++ ) {
 
-		}
+					stars = new THREE.ParticleSystem( starsGeometry, starsMaterials[ i % 6 ] );
 
-		var stars,
-		starsMaterials = [
-			new THREE.ParticleBasicMaterial( { color: 0x555555, size: 2, sizeAttenuation: false } ),
-			new THREE.ParticleBasicMaterial( { color: 0x555555, size: 1, sizeAttenuation: false } ),
-			new THREE.ParticleBasicMaterial( { color: 0x333333, size: 2, sizeAttenuation: false } ),
-			new THREE.ParticleBasicMaterial( { color: 0x3a3a3a, size: 1, sizeAttenuation: false } ),
-			new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 2, sizeAttenuation: false } ),
-			new THREE.ParticleBasicMaterial( { color: 0x1a1a1a, size: 1, sizeAttenuation: false } )
-		];
+					stars.rotation.x = Math.random() * 6;
+					stars.rotation.y = Math.random() * 6;
+					stars.rotation.z = Math.random() * 6;
 
-		for ( i = 10; i < 30; i++ ) {
+					var s = i * 10;
+					stars.scale.set( s, s, s );
 
-			stars = new THREE.ParticleSystem( starsGeometry, starsMaterials[ i % 6 ] );
+					stars.matrixAutoUpdate = false;
+					stars.updateMatrix();
 
-			stars.rotation.x = Math.random() * 6;
-			stars.rotation.y = Math.random() * 6;
-			stars.rotation.z = Math.random() * 6;
+					scene.add( stars );
 
-			var s = i * 10;
-			stars.scale.set( s, s, s );
+				}
 
-			stars.matrixAutoUpdate = false;
-			stars.updateMatrix();
+				stats = new Stats();
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.top = '0px';
+				stats.domElement.style.zIndex = 100;
+				container.appendChild( stats.domElement );
 
-			scene.add( stars );
+				window.addEventListener( 'resize', onWindowResize, false );
 
-		}
+			};
 
-		stats = new Stats();
-		stats.domElement.style.position = 'absolute';
-		stats.domElement.style.top = '0px';
-		stats.domElement.style.zIndex = 100;
-		container.appendChild( stats.domElement );
+			function onWindowResize( event ) {
 
-		window.addEventListener( 'resize', onWindowResize, false );
+				width = window.innerWidth;
+				height = window.innerHeight;
 
-	};
+				renderer.setSize( width, height );
 
-	function onWindowResize( event ) {
+				camera.aspect = width / height;
+				camera.updateProjectionMatrix();
 
-		width = window.innerWidth;
-		height = window.innerHeight;
+				camera.screen.width = width;
+				camera.screen.height = height;
 
-		renderer.setSize( width, height );
+				camera.radius = ( width + height ) / 4;
 
-		camera.aspect = width / height;
-		camera.updateProjectionMatrix();
+			};
 
-		camera.screen.width = width;
-		camera.screen.height = height;
+			function animate() {
 
-		camera.radius = ( width + height ) / 4;
+				requestAnimationFrame( animate );
 
-	};
+				render();
+				stats.update();
 
-	function animate() {
+			};
 
-		requestAnimationFrame( animate );
+			function render() {
 
-		render();
-		stats.update();
+				var t = new Date().getTime(),
+				dt = ( t - time ) / 1000;
+				time = t;
 
-	};
+				meshPlanet.rotation.y += rotationSpeed * dt;
+				meshClouds.rotation.y += 1.25 * rotationSpeed * dt;
 
-	function render() {
+				var angle = dt * rotationSpeed;
 
-		var t = new Date().getTime(),
-		dt = ( t - time ) / 1000;
-		time = t;
+				meshMoon.position = new THREE.Vector3(
+					Math.cos( angle ) * meshMoon.position.x - Math.sin( angle ) * meshMoon.position.z,
+					0,
+					Math.sin( angle ) * meshMoon.position.x + Math.cos( angle ) * meshMoon.position.z
+				);
+				meshMoon.rotation.y -= angle;
 
-		meshPlanet.rotation.y += rotationSpeed * dt;
-		meshClouds.rotation.y += 1.25 * rotationSpeed * dt;
+				renderer.clear();
+				renderer.render( scene, camera );
 
-		var angle = dt * rotationSpeed;
+			};
 
-		meshMoon.position = new THREE.Vector3(
-			Math.cos( angle ) * meshMoon.position.x - Math.sin( angle ) * meshMoon.position.z,
-			0,
-			Math.sin( angle ) * meshMoon.position.x + Math.cos( angle ) * meshMoon.position.z
-		);
-		meshMoon.rotation.y -= angle;
-
-		renderer.clear();
-		renderer.render( scene, camera );
-
-	};
-
-</script>
-</body>
+		</script>
+	</body>
 </html>
diff --git a/examples/webgl_utf8loader.html b/examples/webgl_utf8loader.html
index dc136dbe..f8790317 100644
--- a/examples/webgl_utf8loader.html
+++ b/examples/webgl_utf8loader.html
@@ -1,9 +1,10 @@
-<!DOCTYPE HTML>
+<!doctype html>
 <html lang="en">
 	<head>
 		<title>three.js webgl - io - UTF8 loader</title>
 		<meta charset="utf-8">
-		<style type="text/css">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000;