From 8b2dfdb3e76a041a53c66b86f517f84fb2d35c40 Mon Sep 17 00:00:00 2001
From: Hajime Hoshi <hajimehoshi@gmail.com>
Date: Mon, 8 Jan 2018 03:08:19 +0900
Subject: [PATCH] examples: Use iframe to show example

Fixes #475
---
 examples/example.html | 22 ++++++++++++++++++++++
 examples/index.html   | 16 +++++++++++-----
 2 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 examples/example.html
diff --git a/examples/example.html b/examples/example.html
new file mode 100644
index 000000000..824d95c0a
--- /dev/null
+++ b/examples/example.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--
+Copyright 2015 Hajime Hoshi
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<script>
+var msg = 'If an inconsistent behavior is found, please try to clear $GOPATH/pkg/*_js directory.' +
+  ' See also https://github.com/gopherjs/gopherjs/issues/440.';
+console.warn(msg);
+</script>
+<script src="main.js"></script>
diff --git a/examples/index.html b/examples/index.html
index 824d95c0a..150ef3267 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-Copyright 2015 Hajime Hoshi
+Copyright 2018 The Ebiten Authors
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,9 +14,15 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
+<title></title>
+<p><a href="..">Index</a></p>
+<h1></h1>
+<iframe id="example" width="640" height="480"></iframe>
 <script>
-var msg = 'If an inconsistent behavior is found, please try to clear $GOPATH/pkg/*_js directory.' +
-  ' See also https://github.com/gopherjs/gopherjs/issues/440.';
-console.warn(msg);
+window.addEventListener('load', () => {
+  let name = location.search.substring(1);
+  document.getElementById('example').src = `example.html?${name}`;
+  document.getElementsByTagName('title')[0].textContent = `Ebiten Example - ${name}`;
+  document.getElementsByTagName('h1')[0].textContent = `Ebiten Example - ${name}`;
+});
 </script>
-<script src="main.js"></script>
