diff --git a/examples/color_fish_tank.html b/examples/color_fish_tank.html
index b107920..b76ef59 100644
--- a/examples/color_fish_tank.html
+++ b/examples/color_fish_tank.html
@@ -22,7 +22,7 @@
 </head>
 <body>
   <div class="demo-title">
-    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － use a magenta colored object to control the scene</p>
+    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － use a magenta colored object to control the scene or <a href="color_magenta_screen.html" target="_parent">open get.al/magenta on mobile</a></p>
   </div>
 
   <video id="video" width="320" height="240" preload autoplay loop muted></video>
diff --git a/examples/color_magenta_screen.html b/examples/color_magenta_screen.html
new file mode 100644
index 0000000..0463e65
--- /dev/null
+++ b/examples/color_magenta_screen.html
@@ -0,0 +1,35 @@
+<!doctype html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>tracking.js - magenta screen</title>
+  <link rel="stylesheet" href="assets/demo.css">
+
+  <script src="../build/tracking-min.js"></script>
+  <script src="../../dat-gui/build/dat.gui.min.js"></script>
+
+  <style>
+  .demo-frame-mobile {
+    background-color: magenta;
+    
+    width: 100%;
+    height: 100vh;
+  }
+  
+
+
+  </style>
+</head>
+<body>
+  <div class="demo-title">
+    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － magenta screen for demo - open on mobile</p>
+  </div>
+
+  <div class="demo-frame-mobile">
+    
+  </div>
+
+
+</body>
+</html>
