1 files changed, 90 insertions, 0 deletions
diff --git a/roadmap.html b/roadmap.html
new file mode 100644
index 0000000..ca7ddaa
--- /dev/null
+++ b/roadmap.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+      <meta charset="utf-8">
+	  <script src="scripts/jquery-3.5.1.min.js"></script>
+        <script src="index.js"></script>
+        <link rel="stylesheet" href="index.css">
+        <title>Roadmap</title>
+		<style>
+		  section ul {
+			  list-style: none;
+			  padding-left: 0;
+		  }
+		  section li {
+			  position: relative;
+			  padding-left: 1.5em;  /* space to preserve indentation on wrap */
+		  }
+		  section li:before {
+			  content: '';
+			  position: absolute;
+			  left: 0;
+			  width: 1rem;
+			  height: 1rem;
+		  }
+		  section ul {
+			  list-style: none;
+		  }
+
+		  section ul li:before {
+			  content: '-';
+		  }
+
+		  section ul li.done:before {
+			  content: '✓';
+		  }
+		  
+		  .done {
+			  color: lightgreen;
+		  }
+
+		  .halfway {
+			  color: orange;
+		  }
+
+		  section ul li.done:before {
+			  content: '✓'
+		  }
+
+		  section ul li.halfway:before {
+			  content: '⚠'
+		  }
+		</style>
+    </head>
+    <body>
+	  <header>
+        <h1>Physics for Games</h1>
+      </header>
+	  <main>
+		<nav></nav>
+		<section>
+		  <h1>April 2021: Ground Work and Initial Collisions</h1>
+		  <ul>
+			<li class="done">Orthographic rendering basics</li>
+			<li class="done">Uniform build Process for WebAssembly</li>
+			<li class="done">WASM Framework with simulation loop</li>
+		  </ul>
+		  <hr/>
+		  <h1>2D Collisions with Descriptions</h1>
+		  <ul>
+			<li class="halfway">Pill-Line Collision</li>
+			<li>Pill-Pill Collisions</li>
+			<li>Pill-Circle Collisions</li>
+			<li>Pill-Square Collisions</li>
+			<li class="done">Rectangle-Line Collisions</li>
+			<li>Circle-Line Collisions (Redo)</li>
+			<li>Rectangle-Circle Collision</li>
+		  </ul>
+		  <hr />
+		  <h1>Brief Wasm Series</h1>
+		  <ul>
+			<li>Getting started with WASM docs</li>
+			<li>Wasm examples</li>
+		  </ul>
+		  <p style="color: pink; font-size: 18px;">
+			Everything above has a due date of <b>April 30th, 2021</b>. None of it is that hard, so this should be a very doable timeline.
+		  </p>
+		</section>
+	  </main>
+	</body>
+</html>