Simplify

docs/demos.md

@@ -19,17 +19,17 @@
 </style>
 
 <div class="grid cards" markdown>
--   ### encantar.js WebAR Engine
+-   ### Magic AR Basketball
 
     ---
 
-    <figure style="background-image: url(../img/mage.gif)"></figure>
+    <figure style="background-image: url(../img/demo-basketball.gif)"></figure>
 
-    Get the engine and several demos in a bundle!
+    A Basketball game in Augmented Reality! Play with your phone!
 
     ---
 
-    <a href="../" class="md-button md-button--primary" target="_blank" rel="external" id="launch-demo-encantar" data-goatcounter-click>Download</a>
+    <a href="basketball/poster.html" class="md-button" target="_blank" id="launch-demo-basketball" data-goatcounter-click>Play now!</a>
 
 -   ### Video Player with Buttons
 
@@ -41,19 +41,7 @@
 
     ---
 
-    <a href="https://ko-fi.com/s/697a184728" class="md-button md-button--primary" target="_blank" rel="external" id="launch-demo-video-player" data-goatcounter-click>Download</a>
-
--   ### Magic AR Basketball
-
-    ---
-
-    <figure style="background-image: url(../img/demo-basketball.gif)"></figure>
-
-    A Basketball game in Augmented Reality! Play with your phone!
-
-    ---
-
-    <a href="basketball/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-basketball" data-goatcounter-click>Play now!</a>
+    <a href="../addons" class="md-button" target="_blank" id="launch-demo-video-player" data-goatcounter-click>Explore</a>
 
 -   ### WebAR with A-Frame
 
@@ -65,7 +53,7 @@
 
     ---
 
-    <a href="hello-aframe/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-hello-aframe" data-goatcounter-click>Try it!</a>
+    <a href="hello-aframe/poster.html" class="md-button" target="_blank" id="launch-demo-hello-aframe" data-goatcounter-click>Try it!</a>
 
 -   ### WebAR with babylon.js
 
@@ -77,7 +65,7 @@
 
     ---
 
-    <a href="hello-babylon/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-hello-babylon" data-goatcounter-click>Try it!</a>
+    <a href="hello-babylon/poster.html" class="md-button" target="_blank" id="launch-demo-hello-babylon" data-goatcounter-click>Try it!</a>
 
 -   ### WebAR with three.js
 
@@ -89,7 +77,7 @@
 
     ---
 
-    <a href="hello-three/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-hello-three" data-goatcounter-click>Try it!</a>
+    <a href="hello-three/poster.html" class="md-button" target="_blank" id="launch-demo-hello-three" data-goatcounter-click>Try it!</a>
 
 -   ### WebAR with any framework
 
@@ -101,7 +89,7 @@
 
     ---
 
-    <a href="hello-world/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-hello-world" data-goatcounter-click>Try it!</a>
+    <a href="hello-world/poster.html" class="md-button" target="_blank" id="launch-demo-hello-world" data-goatcounter-click>Try it!</a>
 
 -   ### Pure WebGL madness
 
@@ -113,7 +101,7 @@
 
     ---
 
-    <a href="hello-webgl/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-hello-webgl" data-goatcounter-click>Try it!</a>
+    <a href="hello-webgl/poster.html" class="md-button" target="_blank" id="launch-demo-hello-webgl" data-goatcounter-click>Try it!</a>
 
 -   ### Pointer tracking
 
@@ -125,5 +113,5 @@
 
     ---
 
-    <a href="pointer-demo/poster.html" class="md-button" target="_blank" rel="external" id="launch-demo-pointer-demo" data-goatcounter-click>Try it!</a>
+    <a href="pointer-demo/poster.html" class="md-button" target="_blank" id="launch-demo-pointer-demo" data-goatcounter-click>Try it!</a>
 </div>