doc: Show 'now loading' at examples

_docs/examplecontent.tmpl.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/alphablending.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/audio.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/blocks.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/font.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/gamepad.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/hsv.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/hue.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/infinitescroll.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/keyboard.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/life.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/masking.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/mosaic.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/noise.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/paint.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/perspective.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/piano.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/rotate.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>

docs/examples/sprites.content.html

@@ -19,6 +19,11 @@ window.addEventListener('load', function() {
         src = 'https://dl.dropboxusercontent.com/u/3692507/ebiten.examples/' + src;
     }
     s.src = src;
+    s.onload = function() {
+        var notice = document.getElementById('notice');
+        notice.parentNode.removeChild(notice);
+    };
     document.body.appendChild(s);
 });
 </script>
+<p id="notice" style="color: white;">Now Loading...</p>