4 files changed, 87 insertions, 0 deletions
diff --git a/html/webapp/WEB-INF/web.xml b/html/webapp/WEB-INF/web.xml
new file mode 100644
index 0000000..4301df2
--- /dev/null
+++ b/html/webapp/WEB-INF/web.xml
@@ -0,0 +1,3 @@
+<?xml version="1.0" ?>
+<web-app>
+</web-app>
+\ No newline at end of file
diff --git a/html/webapp/index.html b/html/webapp/index.html
new file mode 100644
index 0000000..01f2f40
--- /dev/null
+++ b/html/webapp/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+  <title>Frogartha</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta id="gameViewport" name="viewport" content="width=device-width initial-scale=1">
+  <link href="styles.css" rel="stylesheet" type="text/css">
+</head>
+
+<body>
+<a class="superdev" href="javascript:%7B%20window.__gwt_bookmarklet_params%20%3D%20%7B'server_url'%3A'http%3A%2F%2Flocalhost%3A9876%2F'%7D%3B%20var%20s%20%3D%20document.createElement('script')%3B%20s.src%20%3D%20'http%3A%2F%2Flocalhost%3A9876%2Fdev_mode_on.js'%3B%20void(document.getElementsByTagName('head')%5B0%5D.appendChild(s))%3B%7D">&#8635;</a>
+<div align="center" id="embed-html"></div>
+<script type="text/javascript" src="html/html.nocache.js"></script>
+</body>
+
+<script>
+function handleMouseDown(evt) {
+  evt.preventDefault();
+  evt.stopPropagation();
+  window.focus();
+}
+
+function handleMouseUp(evt) {
+  evt.preventDefault();
+  evt.stopPropagation();
+}
+document.addEventListener('contextmenu', event => event.preventDefault());
+document.getElementById('embed-html').addEventListener('mousedown', handleMouseDown, false);
+document.getElementById('embed-html').addEventListener('mouseup', handleMouseUp, false);
+</script>
+</html>
diff --git a/html/webapp/refresh.png b/html/webapp/refresh.png
new file mode 100644
index 0000000..aab1e38
--- /dev/null
+++ b/html/webapp/refresh.png
diff --git a/html/webapp/styles.css b/html/webapp/styles.css
new file mode 100644
index 0000000..e768a39
--- /dev/null
+++ b/html/webapp/styles.css
@@ -0,0 +1,53 @@
+canvas {
+    cursor: default;
+    outline: none;
+}
+
+body {
+    background-color: #222222;
+}
+
+p {
+    text-align: center;
+    color: #eeeeee;
+}
+
+a {
+    text-align: center;
+    color: #bbbbff;
+}
+
+.superdev {
+    color: rgb(37,37,37);
+    text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
+    font-size: 50pt;
+    display: block;
+    position: relative;
+    text-decoration: none;
+    background-color: rgb(83,87,93);
+    box-shadow: 0px 3px 0px 0px rgb(34,34,34),
+                0px 7px 10px 0px rgb(17,17,17),
+                inset 0px 1px 1px 0px rgba(250, 250, 250, .2),
+                inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
+    width: 70px;
+    height: 70px;
+    border: 0;
+    border-radius: 35px;
+    text-align: center;
+    line-height: 68px;
+}
+
+.superdev:active {
+    box-shadow: 0px 0px 0px 0px rgb(34,34,34),
+                0px 3px 7px 0px rgb(17,17,17),
+                inset 0px 1px 1px 0px rgba(250, 250, 250, .2),
+                inset 0px -10px 35px 5px rgba(0, 0, 0, .5);
+    background-color: rgb(83,87,93);
+    top: 3px;
+    color: #fff;
+    text-shadow: 0px 0px 3px rgb(250,250,250);
+}
+
+.superdev:hover {
+    background-color: rgb(100,100,100);
+}