stuff

eguneys · Dec 20, 2018 · 1e379e6 · 1e379e6
1 parent b365487
commit 1e379e6
Show file tree

Hide file tree

Showing 21 changed files with 151 additions and 3 deletions.
diff --git a/build/levels.json b/build/levels.json
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,30 @@
+
+body {
+  font-family: 'Noto Sans', sans-serif;
+  margin: 0;
+}
+
+section {
+  background: #222;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0 0 2em 0;
+}
+
+h1 {
+  font-size: 3em;
+  color: white;
+  text-align: center;
+}
+
+.game_area {
+  align-self: center;
+  margin: 1em;
+  cursor: none;
+}
+
+.social {
+  align-self: center;
+  display: flex;
+}
diff --git a/images/Supaplex32.png b/images/Supaplex32.png
diff --git a/images/SupaplexBorder.png b/images/SupaplexBorder.png
diff --git a/images/SupaplexSprites.png b/images/SupaplexSprites.png
diff --git a/images/button_down21.png b/images/button_down21.png
diff --git a/images/button_up.png b/images/button_up.png
diff --git a/images/fonts.css b/images/fonts.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'thin_pixel';
+  src: url('thin_pixel-7.ttf');
+}
diff --git a/images/hud.png b/images/hud.png
diff --git a/images/main_menu1.png b/images/main_menu1.png
diff --git a/images/main_menu2.png b/images/main_menu2.png
diff --git a/images/main_menu21.png b/images/main_menu21.png
diff --git a/images/pointer.png b/images/pointer.png
diff --git a/images/pointer2.png b/images/pointer2.png
diff --git a/images/thin_pixel-7.ttf b/images/thin_pixel-7.ttf
diff --git a/index.html b/index.html
@@ -8,21 +8,60 @@
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
+
   <link rel="manifest" href="site.webmanifest">
   <link rel="apple-touch-icon" href="icon.png">
   <!-- Place favicon.ico in the root directory -->
 
-  <link rel="stylesheet" href="css/normalize.css">
+  <!-- <link rel="stylesheet" href="css/normalize.css"> -->
   <link rel="stylesheet" href="css/main.css">
+  <script src="js/supaxl/main.js"></script>
 </head>
 
 <body>
   <!--[if lte IE 9]>
-    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
+    <p class="browserupgrade">You are using an <strong>otudated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
   <![endif]-->
 
   <!-- Add your site or application content here -->
-  <p>Hello world! This is HTML5 Boilerplate.</p>
+
+
+  <section>
+    <a href="https://github.com/eguneys/supaxl"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
+
+
+    <h1>Play Supaplex</h1>
+    <div class="game_area" id="elSupaplex"></div>
+    <div class="social">
+      <a class="twitter-share-button"
+         href="https://twitter.com/intent/tweet?text=Play Supaplex Online!"
+         data-size="large">
+        Tweet</a>
+    </div>
+  </section>
+
+  <script>window.twttr = (function(d, s, id) {
+     var js, fjs = d.getElementsByTagName(s)[0],
+         t = window.twttr || {};
+     if (d.getElementById(id)) return t;
+     js = d.createElement(s);
+     js.id = id;
+     js.src = "https://platform.twitter.com/widgets.js";
+     fjs.parentNode.insertBefore(js, fjs);
+
+     t._e = [];
+     t.ready = function(f) {
+       t._e.push(f);
+     };
+
+     return t;
+   }(document, "script", "twitter-wjs"));</script>
+
+
+  <script>
+   Supaplex(document.getElementById('elSupaplex'));
+  </script>
   <!-- <script src="js/vendor/modernizr-{{MODERNIZR_VERSION}}.min.js"></script> -->
   <!-- <script src="https://code.jquery.com/jquery-{{JQUERY_VERSION}}.min.js" integrity="{{JQUERY_SRI_HASH}}" crossorigin="anonymous"></script> -->
   <!-- <script>window.jQuery || document.write('<script src="js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script> -->

diff --git a/js/index.html b/js/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>webpack-minimal</title>
+    <style>
+     .canvas {
+         cursor: none;
+     }
+    </style>
+<script type="text/javascript" src="main.js"></script></head>
+<body>
+<section>
+  <div id="elCanvas" class="canvas"></div>
+</section>
+
+<script>
+ Supaplex(document.getElementById('elCanvas'));
+</script>
+</body>
+</html>
diff --git a/js/main.js.map b/js/main.js.map
diff --git a/js/supaxl/index.html b/js/supaxl/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>webpack-minimal</title>
+    <style>
+     .canvas {
+         cursor: none;
+     }
+    </style>
+<script type="text/javascript" src="main.js"></script></head>
+<body>
+<section>
+  <div id="elCanvas" class="canvas"></div>
+</section>
+
+<script>
+ Supaplex(document.getElementById('elCanvas'));
+</script>
+</body>
+</html>
diff --git a/js/supaxl/main.js b/js/supaxl/main.js
diff --git a/js/supaxl/main.js.map b/js/supaxl/main.js.map