diff --git a/web/emsc.js b/web/emsc.js
index b97de2d..6be03db 100644
--- a/web/emsc.js
+++ b/web/emsc.js
@@ -1,6 +1,3 @@
-/** emscripten wrapper page Javascript functions **/
-
-var loaded = false;
var Module = {
preRun: [],
postRun: [],
@@ -22,9 +19,7 @@ var Module = {
setStatus: function(text) {
console.log("status: " + text);
},
- totalDependencies: 0,
monitorRunDependencies: function(left) {
- this.totalDependencies = Math.max(this.totalDependencies, left)
console.log("monitor run deps: " + left);
},
};
@@ -32,14 +27,3 @@ var Module = {
window.onerror = function(event) {
console.log("onerror: " + event);
};
-
-function callAsEventHandler(func_name) {
- // this is some hackery to make the browser module believe that it
- // is running in an event handler
- var eventHandler = { allowsDeferredCalls: true };
- ++JSEvents.inEventHandler;
- JSEvents.currentEventHandler = eventHandler;
- Module.cwrap(func_name)()
- --JSEvents.inEventHandler;
-}
-
diff --git a/web/index.html b/web/index.html
index a7d7652..42e9cb0 100644
--- a/web/index.html
+++ b/web/index.html
@@ -2,27 +2,20 @@
-
+
-
+
diff --git a/web/style.css b/web/style.css
index 5d504a6..d1b93fa 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,93 +1,75 @@
body {
margin: 0;
- background-color: #FF2255;
+ background-color: #292d3e
}
/** sample header styling **/
.title {
- text-align: center;
- text-shadow: 3px 2px #DDDDDD;
- font-family: 'Racing Sans One';
- font-size: 80px;
- background-color: white;
- min-width: 500px;
+ color: #dda3dd;
+ text-align: left;
+ padding-left: 20px;
+ font-family: "Arial Black", Gadget, sans-serif;
+ font-size: 60px;
margin-top: 0px;
}
-.cr {
- position: relative;
- top: -33px;
- left: 3px;
- font-size: 30px;
-}
-.rainbow {
- /*margin-top: -10px;*/
- height: 2px;
- background: black;
-}
-/** navigation bar **/
-.nav-bar {
- margin-top: 8px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 10px;
- width: 300px;
- height: auto;
- background-color: white;
- outline: black solid thin;
-}
-.nav-list {
- margin-left: auto;
- margin-right: auto;
- margin-top: 0px;
- margin-bottom: 0px;
- list-style-type: none;
- padding: 0px;
+.main-menu-item {
+ font-size: 18px;
+ padding-left: 10px;
+ font-family: Arial, Helvetica, sans-serif;
}
-.nav-item {
- display: inline;
- float: left;
+
+.main-menu-link {
+ text-decoration: none;
+ color: #dda3dd;
}
-a.nav-link:link, a.nav-link:visited {
- font-family: 'Racing Sans One';
- font-size: 22px;
- display: block;
- width: 100px;
- color: black;
- text-align: center;
+
+/** game page styling **/
+.game-title {
+ pointer-events: none;
+ position: absolute;
+ color: white;
text-decoration: none;
+ z-index: 1;
+ text-align: left;
+ font-family: "Arial Black", Gadget, sans-serif;
+ font-size: 30px;
+ margin-top: 0px;
+ padding-left: 10px;
}
-a.nav-link:hover, a.nav-link:active {
- background-color: #CCCCCC;
+.game-menu-item {
+ pointer-events: auto;
+ font-size: 18px;
+ padding-left: 10px;
+ font-family: Arial, Helvetica, sans-serif;
}
-
-/* this breaks the float after the navbar */
-.break {
- clear: both;
+.game-menu-link {
+ text-decoration: none;
+ color: white;
}
/** thumbnail gallery **/
.gallery {
- margin-left: auto;
+ margin-left: 50px;
margin-right: auto;
display: block;
- width: 790px;
height: auto;
}
.thumb {
- width: 240px;
+ width: 250px;
height: 220px;
- margin-left: 10px;
- margin-right: 10px;
- margin-top: 15px;
+ margin-left: 15px;
+ margin-right: 15px;
+ margin-top: 30px;
padding: 1px;
float: left;
- background: white;
- outline: rgb(0, 0, 0) solid thin;
+ background: #292d3e;
+ border: 1px solid #dda3dd;
}
.thumb-title {
text-align: center;
- font-family: 'Racing Sans One';
+ color: #dda3dd;
+ font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
}
.img-frame {
@@ -102,81 +84,48 @@ a.nav-link:hover, a.nav-link:active {
max-width: 236px;
margin-left: auto;
margin-right: auto;
- border-radius: 3px;
+ border: 1px solid black;
}
.thumb-bar {
padding: 0;
width: 240px;
- background-color: red;
vertical-align: bottom;
}
.thumb-list {
- margin: 0;
+ margin: 0px;
+ margin-left: 45px;
padding: 0;
list-style-type: none;
}
.thumb-item {
- display: inline;
float: left;
+ display: inline;
}
a.thumb-link:link, a.thumb-link:visited {
- font-family: 'Racing Sans One';
+ font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
width: 80px;
- color: black;
- background-color: white;
+ color: #dda3dd;
text-align: center;
text-decoration: none;
}
-a.thumb-link:hover, a.thumb-link:active {
- background-color: rgb(220, 220, 220);
-}
-
.gallery-bottom {
- height: 1px;
+ height: 60px;
clear: both;
}
-.bottom {
- height: 20px;
-}
-
-/** game page styling **/
-.game-title {
- text-align: center;
- font-family: 'Racing Sans One';
- font-size: 40px;
- background-color: white;
- min-width: 500px;
- margin-top: 0px;
- padding-left: 20px;
-}
-.game-subtitle {
- font-size: 18px;
- padding-left: 20px;
-}
-.game-sdk-link {
- text-decoration: none;
- color: black;
-}
-.game-rainbow {
- margin-top: 0px;
- height: 2px;
- background: black;
-}
-.game-border {
- margin-left: auto;
- margin-right: auto;
- display: block;
-}
/* the emscripten canvas must not have any border or padding, or mouse coords will be wrong */
.game {
- padding: 0px;
- margin-left: auto;
- margin-right: auto;
- border: 0px none;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ margin: 0px;
+ border: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
display: block;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
@@ -187,41 +136,3 @@ a.thumb-link:hover, a.thumb-link:active {
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
-.game:-webkit-full-screen {
- width: 100%;
- height: 100%;
-}
-.game-output {
- background-color: #BAE3FF;
- font-family: courier;
- font-size: 12px;
- margin-top: 10px;
- margin-left: auto;
- margin-right: auto;
- display: none;
- border: 0px none;
-}
-
-/* styling for the about page */
-.about-textbox {
- text-align: center;
- font-family: 'courier';
- font-size: 20px;
- margin-top: 40px;
- margin-left: auto;
- margin-right: auto;
- padding: 20px;
- width: 700px;
- height: auto;
- background-color: white;
- outline: black solid thin;
-}
-a.about-link:link, a.about-link:visited {
- color: #19A3FF;
- text-decoration: none;
-}
-
-a.about-link:hover, a.about-link:active {
- color: #0C5280;
-}
-
diff --git a/web/wasm.html b/web/wasm.html
index 844dd20..de22189 100644
--- a/web/wasm.html
+++ b/web/wasm.html
@@ -3,49 +3,23 @@
${name}
-
-
-
-
-
-
-
+
+
${name}
+
+
+
-
-
-
-
-
-
-
-
+
+