diff --git a/achieveunlocked/index.html b/achieveunlocked/index.html
index 8adf3f6b..5241690c 100644
--- a/achieveunlocked/index.html
+++ b/achieveunlocked/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Achievement Unlocked</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("achievementunlocked.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/avalanche/index.html b/avalanche/index.html
index bac8586f..8115354e 100644
--- a/avalanche/index.html
+++ b/avalanche/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Avalanche</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("avalanche.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/chibiknight/index.html b/chibiknight/index.html
index 7392c130..39f16f33 100644
--- a/chibiknight/index.html
+++ b/chibiknight/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Chibi Knight</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("chibiknight.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/gunmayhem/index.html b/gunmayhem/index.html
index f1d5a897..6180436e 100644
--- a/gunmayhem/index.html
+++ b/gunmayhem/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Gun Mayhem</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("gunmayhem.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/gunmayhem2/index.html b/gunmayhem2/index.html
index 355e51e9..5f2ce2a3 100644
--- a/gunmayhem2/index.html
+++ b/gunmayhem2/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Gun Mayhem 2</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("gunmayhem2.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/gunmayhemredux/index.html b/gunmayhemredux/index.html
index a3c2170b..c91c04f5 100644
--- a/gunmayhemredux/index.html
+++ b/gunmayhemredux/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Gun Mayhem Redux</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
-        player.load("gun-mayhem-redux.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+        player.load("gunmayhemredux.swf");
+      });
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/hardestgame/index.html b/hardestgame/index.html
index 1113dbad..0bb64a35 100644
--- a/hardestgame/index.html
+++ b/hardestgame/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>The World's Hardest Game</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("hardestgame.swf");
-    });
-</script>
-			<div id="container"></div>
+      });
+    </script>
   </body>
+</html>
diff --git a/ltf/index.html b/ltf/index.html
index 42849627..8348d751 100644
--- a/ltf/index.html
+++ b/ltf/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
-    <title>Learn to Fly</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Learn To Fly</title>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
-        player.load("Learn to Fly.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+        player.load("ltf.swf");
+      });
+    </script>
+  </body>
+</html>
diff --git a/run2/index.html b/run2/index.html
index 21592af0..3c63d41e 100644
--- a/run2/index.html
+++ b/run2/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Run 2</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("Run2.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/supermeatboy/index.html b/supermeatboy/index.html
index 481ece26..044ead51 100644
--- a/supermeatboy/index.html
+++ b/supermeatboy/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Super Meat Boy</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("supermeatboy.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/vex/index.html b/vex/index.html
index e97d457b..cf6b6220 100644
--- a/vex/index.html
+++ b/vex/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Vex</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("vex.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
diff --git a/vex2/index.html b/vex2/index.html
index 23eb9cf7..49a1ef26 100644
--- a/vex2/index.html
+++ b/vex2/index.html
@@ -1,23 +1,24 @@
-
-
-<!doctype html>
 <html>
-  <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Vex 2</title>
-		<style>body{background-color:#000;color:#fff;}</style>
+    <style>html{background-color:#000;}</style>
   </head>
-	  <body>
-			<p>right click the game in order to go into fullscreen and have a better experience</p>
-    	<script>
-    window.RufflePlayer = window.RufflePlayer || {};
-    window.addEventListener("load", (event) => {
+  <body>
+    <div id="ruffle" width="100%" height="100%"></div>
+    <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+    <script>
+      window.RufflePlayer = window.RufflePlayer || {};
+      window.addEventListener("load", (event) => {
         const ruffle = window.RufflePlayer.newest();
         const player = ruffle.createPlayer();
-        const container = document.getElementById("container");
+        const container = document.getElementById("ruffle");
+        player.id = "player";
+        player.style.width = "100%";
+        player.style.height = "100%";
         container.appendChild(player);
         player.load("vex2.swf");
-    });
-</script>
-			<div id="container"></div>
-  </body>
\ No newline at end of file
+      });
+    </script>
+  </body>
+</html>
