:)

1 files changed, 30 insertions, 2 deletions

diff --git a/index.html b/index.html
index f6e0612..14b2f7c 100644
--- a/index.html
+++ b/index.html
@@ -114,11 +114,38 @@ All controls are fully explained in game.</p>
 <li>You need to fill out these bullet points</li>
 <li>You need to fill out these bullet points</li>
 </ul>
-</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/FelECS">Arbitrary Convex Polygon Collision</a></p>
+</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/arbitrary-polygon-collision">Arbitrary Convex Polygon Collision</a></p>
 <div class="subheader">—  Fill this out</div></h1><h2>Start date - End date</h2>
 
 <p>Fill this out</p>
 
+<p><button @click="sat = !sat" class="text-center mt-0.5 pt-1 rounded text-thunder-thunder hover:text-white transition-colors underline">
+<div v-if="!sat">
+⏵Play Demo(Requires Mouse)
+</div>
+<div v-if="sat">
+⏷ Close Demo
+</div>
+</button>
+<Transition name="fade">
+<div v-if="sat" class="bg-gray-700 shadow-outset mt-1 mr-3 rounded-lg">
+<iframe frameborder="0" class="bg-black rounded-t-lg" style="aspect-ratio:900/675;" src="https://itch.io/embed-upload/5312321?color=000000" allowfullscreen="" width="100%"><a href="https://tradam.itch.io/arbitrary-polygon-collision-demo">Play Arbitrary Polygon Collision Demo on itch.io</a></iframe>
+<div class="pl-3 pt-2 pb-3"></p>
+
+<p>Controls:  </p>
+
+<ul>
+<li>Mouse: Move hexagon</li>
+<li>W/S: Change size</li>
+<li>A/D:  Rotate</li>
+<li>+/-: Change number of sides</li>
+<li>Hold Shift + A key above: Apply on stationary shape</li>
+</ul>
+
+<p></div>
+</div>
+</Transition></p>
+
 <ul>
 <li>You need to fill out these bullet points</li>
 <li>You need to fill out these bullet points</li>
@@ -207,7 +234,8 @@ All controls are fully explained in game.</p>
 			orcarena: false,
 			steelwings: false,
 			winterone: false,
-			optimal: false
+			optimal: false,
+			sat: false
 		}
 	}
 }).mount('#app')