Simplify links

README.md

@@ -13,7 +13,7 @@ Create amazing Augmented Reality experiences with **MARTINS.js**, a GPU-accelera
 
 ## Try WebAR right now!
 
-[Launch a demo!](https://alemart.github.io/martins-js/demo/instructions)
+[Launch a demo!](https://alemart.github.io/martins-js/demo)
 
 >
 > **Guidelines:**

demos/hello-aframe/README.html

@@ -35,7 +35,7 @@
             <li><a href="index.html">Launch the WebAR experience</a></li>
             <li><a href="video.html">Test with a pre-recorded video</a></li>
             <li><a href="NOTICE.html">See the attribution notices</a></li>
-            <li><a href="https://alemart.github.io/martins-js/gallery" target="_blank">Try other WebAR demos</a></li>
+            <li><a href="../">Try other WebAR demos</a></li>
         </ul>
 
         <h2>QR code</h2>

demos/hello-three/README.html

@@ -35,7 +35,7 @@
             <li><a href="index.html">Launch the WebAR experience</a></li>
             <li><a href="video.html">Test with a pre-recorded video</a></li>
             <li><a href="NOTICE.html">See the attribution notices</a></li>
-            <li><a href="https://alemart.github.io/martins-js/gallery" target="_blank">Try other WebAR demos</a></li>
+            <li><a href="../">Try other WebAR demos</a></li>
         </ul>
 
         <h2>QR code</h2>

demos/hello-webgl/README.html

@@ -35,7 +35,7 @@
             <li><a href="index.html">Launch the WebAR experience</a></li>
             <li><a href="video.html">Test with a pre-recorded video</a></li>
             <li><a href="NOTICE.html">See the attribution notices</a></li>
-            <li><a href="https://alemart.github.io/martins-js/gallery" target="_blank">Try other WebAR demos</a></li>
+            <li><a href="../">Try other WebAR demos</a></li>
         </ul>
 
         <h2>QR code</h2>

demos/hello-world/README.html

@@ -35,7 +35,7 @@
             <li><a href="index.html">Launch the WebAR experience</a></li>
             <li><a href="video.html">Test with a pre-recorded video</a></li>
             <li><a href="NOTICE.html">See the attribution notices</a></li>
-            <li><a href="https://alemart.github.io/martins-js/gallery" target="_blank">Try other WebAR demos</a></li>
+            <li><a href="../">Try other WebAR demos</a></li>
         </ul>
 
         <h2>QR code</h2>

demos/touch-three/README.html

@@ -35,7 +35,7 @@
             <li><a href="index.html">Launch the WebAR experience</a></li>
             <li><a href="video.html">Test with a pre-recorded video</a></li>
             <li><a href="NOTICE.html">See the attribution notices</a></li>
-            <li><a href="https://alemart.github.io/martins-js/gallery" target="_blank">Try other WebAR demos</a></li>
+            <li><a href="../">Try other WebAR demos</a></li>
         </ul>
 
         <h2>QR code</h2>

docs/demo.md

@@ -0,0 +1,5 @@
+---
+template: demo.html
+title: ""
+---
+

docs/demo/index.md

@@ -1,4 +0,0 @@
----
-template: basic-demo.html
-title: ""
----

docs/demo/instructions.md

@@ -1,5 +0,0 @@
----
-template: basic-demo-readme.html
-title: ""
----
-

docs/gallery.md → docs/demos.md

@@ -1,5 +1,7 @@
 ---
 title: WebAR Demo gallery
+#hide:
+#  - navigation
 ---
 
 # Demo gallery
@@ -10,13 +12,13 @@ Please read the [guidelines](#guidelines) before you play with the demos. Feel f
 
 ### WebAR with A-Frame
 
-Create an augmented scene with A-Frame. This is the easiest demo to edit!
+Create an augmented scene with [A-Frame](https://aframe.io){ ._blank }. This is the easiest demo to edit!
 
 [Launch demo](/martins-js/demos/hello-aframe/README.html){ ._blank .md-button }
 
 ### WebAR with three.js
 
-Create an augmented scene with three.js.
+Create an augmented scene with [three.js](https://threejs.org){ ._blank }.
 
 [Launch demo](/martins-js/demos/hello-three/README.html){ ._blank .md-button }
 

docs/getting-started/create-the-augmented-scene.md

@@ -14,7 +14,7 @@ Writing a glue code is a task of moderate complexity. It requires dealing with m
 
 I provide easy-to-use glue codes that work with different 3D rendering technologies in my demos, so that you don't need to deal with the complexity. Those glue codes are JavaScript (.js) files. You just need to add a glue code to your web page (e.g., via a `<script>` tag) and then the integration will be done for you. It's really that simple!
 
-[Find the glue codes in my demos](../gallery.md){ .md-button ._blank }
+[Find the glue codes in my demos](../demos.md){ .md-button ._blank }
 
 ## Create the virtual scene
 

docs/getting-started/index.md

@@ -4,7 +4,7 @@
 
 Create amazing Augmented Reality experiences with **MARTINS.js**, a GPU-accelerated Augmented Reality engine for the web.
 
-[Get started](./introduction.md){ .md-button .md-button--primary } [Try a demo](../demo/instructions.md){ .md-button .md-button } [:heart:{ .heart } Support my work](../support-my-work.md){ .md-button }
+[Get started](./introduction.md){ .md-button .md-button--primary } [Try a demo](../demo.md){ .md-button .md-button } [:heart:{ .heart } Support my work](../support-my-work.md){ .md-button }
 
 ## Features
 

docs/index.md

@@ -1,4 +1,4 @@
 ---
-template: home.html
+template: index.html
 title: ""
 ---

docs_overrides/basic-demo.html

@@ -1,11 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="refresh" content="0; url='{{ 'demos/hello-webgl' | url }}'">
-        <title>MARTINS.js WebAR demo</title>
-    </head>
-    <body>
-        <p>Loading the <a href="{{ 'demos/hello-webgl' | url }}">WebAR demo</a>...</p>
-    </body>
-</html>

docs_overrides/home.html → docs_overrides/index.html

@@ -116,7 +116,7 @@
             <h2><em>Create Augmented Reality experiences for the web.</em></h2>
             <p>No need to download apps. No need of AR hardware. Free and open-source.</p>
             <a href="{{ './getting-started' | url }}" class="md-button md-button--primary">Get started</a>
-            <a href="{{ './demo/instructions' | url }}" class="md-button">Try a demo</a>
+            <a href="{{ './demo' | url }}" class="md-button">Try a demo</a>
         </div>
         <!--
         <div class="splash-image">

mkdocs.yml

@@ -62,7 +62,7 @@ nav:
     - 'License': 'license.md'
   - 'Download': 'download.md'
   - 'Demos':
-    - 'Demo gallery': 'gallery.md'
+    - 'Demo gallery': 'demos.md'
   - 'API':
     - 'General':
       - 'Session': 'api/session.md'