Update docs

README.md

@@ -1,26 +1,30 @@
-# encantAR.js WebAR engine
+# encantar.js WebAR engine
 
 [![GitHub release (latest by date)](https://img.shields.io/github/v/release/alemart/encantar-js)](https://github.com/alemart/encantar-js/releases/) ![GitHub file size in bytes on a specified ref (branch/commit/tag)](https://img.shields.io/github/size/alemart/encantar-js/dist/encantar.min.js?branch=master&label=minified%20js) [![GitHub Repo stars](https://img.shields.io/github/stars/alemart/encantar-js?logo=github)](https://github.com/alemart/encantar-js/stargazers) [![GitHub Sponsors](https://img.shields.io/github/sponsors/alemart?logo=github)](https://github.com/sponsors/alemart/)
 
-Enchant your users with **encantAR.js**, a GPU-accelerated Augmented Reality engine for the web.
+Enchant your users with **encantar.js**, a GPU-accelerated Augmented Reality engine for the web.
 
 :magic_wand: **[Demos](https://alemart.github.io/encantar-js/demos/)** | :books: **[Learn](https://alemart.github.io/encantar-js/)** | :heart: **[Sponsor](https://github.com/sponsors/alemart)**
 
+![Demo](docs/img/mage.gif)
+
 ## Features
 
-* **Runs everywhere**: on Android, on iOS, and even on Desktop computers!
-* **Image tracking**: track detailed images such as book covers, cartoons and photos.
+* **AR everywhere**: encantar.js runs on Android, on iOS, and even on Desktop computers! Only a modern web browser is required.
+* **Plugins**: use encantar.js with the 3D framework of your choice, including A-Frame, Babylon.js, Three.js and more!
+* **Image tracking**: track detailed images such as book covers, cartoons and photos. No need of manual training!
 
-## Why use encantAR.js?
+## Why use encantar.js?
 
-* **Wide compatibility:** encantAR.js runs in all modern web browsers. It's built from scratch using standard web technologies. No need of AR-capable devices.
-* **Fast and powerful:** encantAR.js is GPU-accelerated. It uses WebGL2 and WebAssembly for turbocharged performance.
-* **No need to download apps:** encantAR.js is a WebAR engine. Users can access the AR experiences immediately.
-* **Easy to get started:** encantAR.js can be used with a `<script>` tag in your page. A static HTML page is enough to get started.
+* **Device-agnostic**: no need of AR-capable devices. encantar.js runs in all modern web browsers. It's AR built from scratch.
+* **Fast and powerful**: encantar.js is GPU-accelerated. It uses WebGL2 and WebAssembly for turbocharged performance.
+* **No need to download apps**: encantar.js is a WebAR engine. Users can access the AR experiences immediately.
+* **Easy to get started**: encantar.js can be used with a `<script>` tag in your page. A static HTML page is enough to get started.
+* **Open-source**: what are you waiting for? [Try it now!](https://alemart.github.io/encantar-js/demos/)
 
 ## Browser compatibility
 
-encantAR.js is compatible with all major web browsers:
+encantar.js is compatible with all major web browsers:
 
 | Chrome | Edge | Firefox | Opera | Safari* |
 | ------ | ---- | ------- | ----- | ------- |
@@ -28,8 +32,8 @@ encantAR.js is compatible with all major web browsers:
 
 \* use Safari 15.2 or later.
 
-encantAR.js requires WebGL2 and WebAssembly.
+encantar.js requires WebGL2 and WebAssembly, which are widely supported.
 
 ## About
 
-encantAR.js is developed by [Alexandre Martins](https://github.com/alemart) and released under the [LGPL](LICENSE.md). It is based on [Speedy Vision](https://github.com/alemart/speedy-vision).
+encantar.js is developed by [Alexandre Martins](https://github.com/alemart) and released under the [LGPL](LICENSE.md). It is based on [Speedy Vision](https://github.com/alemart/speedy-vision).

demos/hello-aframe/NOTICE.html

@@ -17,7 +17,7 @@
         <p>This application contains free and open-source software and this page sets forth the corresponding attribution notices.</p>
         <ol>
             <li>
-                encantAR.js: GPU-accelerated Augmented Reality for the web<br>
+                encantar.js: GPU-accelerated Augmented Reality for the web<br>
                 Copyright &copy; 2022-present Alexandre Martins<br>
                 License: <a href="#lgpl">GNU Lesser General Public License, version 3</a><br>
                 <a href="https://github.com/alemart/encantar-js" target="_blank" rel="external">https://github.com/alemart/encantar-js</a>

demos/hello-aframe/README.html

@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>encantAR.js WebAR demo with A-Frame</title>
+        <title>encantar.js WebAR demo with A-Frame</title>
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
         <style>
         body {
@@ -48,7 +48,7 @@
         </style>
     </head>
     <body>
-        <h1>encantAR.js with A-Frame</h1>
+        <h1>encantar.js with A-Frame</h1>
         <p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/mage.webp" target="_blank">this cartoon</a> or <a href="../assets/cat.webp" target="_blank">this picture</a>.</p>
 
         <h2>Menu</h2>
@@ -64,7 +64,7 @@
         <img src="qr-code.gif" alt="QR code" class="qr-code">
 
         <h2>Share</h2>
-        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantAR.js: GPU-accelerated Augmented Reality for the web</a>.</p>
+        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
         <div>
             <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantar-js" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantar-js" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>

demos/hello-aframe/index.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with A-Frame</title>
+        <title>encantar.js WebAR demo with A-Frame</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/aframe@1.4.2/dist/aframe-v1.4.2.min.js"></script>

demos/hello-aframe/video.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with A-Frame</title>
+        <title>encantar.js WebAR demo with A-Frame</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/aframe@1.4.2/dist/aframe-v1.4.2.min.js"></script>

demos/hello-babylon/NOTICE.html

@@ -17,7 +17,7 @@
         <p>This application contains free and open-source software and this page sets forth the corresponding attribution notices.</p>
         <ol>
             <li>
-                encantAR.js: GPU-accelerated Augmented Reality for the web<br>
+                encantar.js: GPU-accelerated Augmented Reality for the web<br>
                 Copyright &copy; 2022-present Alexandre Martins<br>
                 License: <a href="#lgpl">GNU Lesser General Public License, version 3</a><br>
                 <a href="https://github.com/alemart/encantar-js" target="_blank" rel="external">https://github.com/alemart/encantar-js</a>

demos/hello-babylon/README.html

@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>encantAR.js WebAR demo with babylon.js</title>
+        <title>encantar.js WebAR demo with babylon.js</title>
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
         <style>
         body {
@@ -48,7 +48,7 @@
         </style>
     </head>
     <body>
-        <h1>encantAR.js with babylon.js</h1>
+        <h1>encantar.js with babylon.js</h1>
         <p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/mage.webp" target="_blank">this cartoon</a> or <a href="../assets/cat.webp" target="_blank">this picture</a>.</p>
 
         <h2>Menu</h2>
@@ -64,7 +64,7 @@
         <img src="qr-code.gif" alt="QR code" class="qr-code">
 
         <h2>Share</h2>
-        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantAR.js: GPU-accelerated Augmented Reality for the web</a>.</p>
+        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
         <div>
             <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantar-js" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantar-js" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>

demos/hello-babylon/index.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with babylon.js</title>
+        <title>encantar.js WebAR demo with babylon.js</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/babylonjs@7.29.0/babylon.min.js"></script>

demos/hello-babylon/video.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with babylon.js</title>
+        <title>encantar.js WebAR demo with babylon.js</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/babylonjs@7.29.0/babylon.min.js"></script>

demos/hello-three/NOTICE.html

@@ -17,7 +17,7 @@
         <p>This application contains free and open-source software and this page sets forth the corresponding attribution notices.</p>
         <ol>
             <li>
-                encantAR.js: GPU-accelerated Augmented Reality for the web<br>
+                encantar.js: GPU-accelerated Augmented Reality for the web<br>
                 Copyright &copy; 2022-present Alexandre Martins<br>
                 License: <a href="#lgpl">GNU Lesser General Public License, version 3</a><br>
                 <a href="https://github.com/alemart/encantar-js" target="_blank" rel="external">https://github.com/alemart/encantar-js</a>

demos/hello-three/README.html

@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>encantAR.js WebAR demo with three.js</title>
+        <title>encantar.js WebAR demo with three.js</title>
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
         <style>
         body {
@@ -48,7 +48,7 @@
         </style>
     </head>
     <body>
-        <h1>encantAR.js with three.js</h1>
+        <h1>encantar.js with three.js</h1>
         <p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/mage.webp" target="_blank">this cartoon</a> or <a href="../assets/cat.webp" target="_blank">this picture</a>.</p>
 
         <h2>Menu</h2>
@@ -64,7 +64,7 @@
         <img src="qr-code.gif" alt="QR code" class="qr-code">
 
         <h2>Share</h2>
-        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantAR.js: GPU-accelerated Augmented Reality for the web</a>.</p>
+        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
         <div>
             <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantar-js" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantar-js" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>

demos/hello-three/index.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with three.js</title>
+        <title>encantar.js WebAR demo with three.js</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/three@0.147.0/build/three.min.js"></script>

demos/hello-three/video.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with three.js</title>
+        <title>encantar.js WebAR demo with three.js</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/three@0.147.0/build/three.min.js"></script>

demos/hello-webgl/NOTICE.html

@@ -17,7 +17,7 @@
         <p>This application contains free and open-source software and this page sets forth the corresponding attribution notices.</p>
         <ol>
             <li>
-                encantAR.js: GPU-accelerated Augmented Reality for the web<br>
+                encantar.js: GPU-accelerated Augmented Reality for the web<br>
                 Copyright &copy; 2022-present Alexandre Martins<br>
                 License: <a href="#lgpl">GNU Lesser General Public License, version 3</a><br>
                 <a href="https://github.com/alemart/encantar-js" target="_blank" rel="external">https://github.com/alemart/encantar-js</a>

demos/hello-webgl/README.html

@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>encantAR.js WebAR demo with WebGL</title>
+        <title>encantar.js WebAR demo with WebGL</title>
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
         <style>
         body {
@@ -48,7 +48,7 @@
         </style>
     </head>
     <body>
-        <h1>encantAR.js with WebGL</h1>
+        <h1>encantar.js with WebGL</h1>
         <p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/my-reference-image.webp" target="_blank">this cartoon</a>.</p>
 
         <h2>Menu</h2>
@@ -64,7 +64,7 @@
         <img src="qr-code.gif" alt="QR code" class="qr-code">
 
         <h2>Share</h2>
-        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantAR.js: GPU-accelerated Augmented Reality for the web</a>.</p>
+        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
         <div>
             <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantar-js" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantar-js" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>

demos/hello-webgl/index.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with WebGL</title>
+        <title>encantar.js WebAR demo with WebGL</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="demo.js"></script>

demos/hello-webgl/video.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo with WebGL</title>
+        <title>encantar.js WebAR demo with WebGL</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="demo.js"></script>

demos/hello-world/NOTICE.html

@@ -17,7 +17,7 @@
         <p>This application contains free and open-source software and this page sets forth the corresponding attribution notices.</p>
         <ol>
             <li>
-                encantAR.js: GPU-accelerated Augmented Reality for the web<br>
+                encantar.js: GPU-accelerated Augmented Reality for the web<br>
                 Copyright &copy; 2022-present Alexandre Martins<br>
                 License: <a href="#lgpl">GNU Lesser General Public License, version 3</a><br>
                 <a href="https://github.com/alemart/encantar-js" target="_blank" rel="external">https://github.com/alemart/encantar-js</a>

demos/hello-world/README.html

@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>encantAR.js WebAR template</title>
+        <title>encantar.js WebAR template</title>
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
         <style>
         body {
@@ -48,7 +48,7 @@
         </style>
     </head>
     <body>
-        <h1>encantAR.js WebAR template</h1>
+        <h1>encantar.js WebAR template</h1>
         <p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/mage.webp" target="_blank">this cartoon</a> or <a href="../assets/cat.webp" target="_blank">this picture</a>.</p>
 
         <h2>Menu</h2>
@@ -64,7 +64,7 @@
         <img src="qr-code.gif" alt="QR code" class="qr-code">
 
         <h2>Share</h2>
-        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantAR.js: GPU-accelerated Augmented Reality for the web</a>.</p>
+        <p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
         <div>
             <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantar-js" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantar-js" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>

demos/hello-world/index.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR template</title>
+        <title>encantar.js WebAR template</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="demo.js"></script>

demos/hello-world/video.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR template</title>
+        <title>encantar.js WebAR template</title>
         <link href="demo.css" rel="stylesheet">
         <script src="../../dist/encantar.min.js"></script>
         <script src="demo.js"></script>

docs/api/ar.md

@@ -1,6 +1,6 @@
 # AR
 
-The `AR` namespace is the entry point of the features and components of encantAR.js.
+The `AR` namespace is the entry point of the features and components of encantar.js.
 
 ## Properties
 
@@ -14,7 +14,7 @@ The [settings](settings.md) of the engine.
 
 `AR.version: string, read-only`
 
-The version of encantAR.js.
+The version of encantar.js.
 
 ## Methods
 

docs/api/speedy-matrix.md

@@ -1,6 +1,6 @@
 # SpeedyMatrix
 
-[Speedy](speedy.md) includes its own fast implementation of matrices. They are used extensively in encantAR.js.
+[Speedy](speedy.md) includes its own fast implementation of matrices. They are used extensively in encantar.js.
 
 ## Properties
 

docs/api/speedy.md

@@ -1,8 +1,8 @@
 # Speedy
 
-encantAR.js is built using [Speedy Vision](https://github.com/alemart/speedy-vision){ ._blank }, a GPU-accelerated Computer Vision library which is another project of mine.
+encantar.js is built using [Speedy Vision](https://github.com/alemart/speedy-vision){ ._blank }, a GPU-accelerated Computer Vision library which is another project of mine.
 
-Many features provided by Speedy Vision are very useful (e.g., matrices). I have decided to include some of them in parts of the encantAR.js API for convenience.
+Many features provided by Speedy Vision are very useful (e.g., matrices). I have decided to include some of them in parts of the encantar.js API for convenience.
 
 In this documentation, I provide a quick reference of some of the classes used in Speedy Vision. This reference is minimal. For a more complete reference, please visit the [website of the project](https://github.com/alemart/speedy-vision){ ._blank }.
 

docs/demos.md

@@ -21,7 +21,7 @@ title: WebAR Demo gallery
 
 ### WebAR with A-Frame
 
-Create an augmented scene with [A-Frame](https://aframe.io){ ._blank }. No knowledge of JavaScript is required!
+Create an augmented scene with [A-Frame](https://aframe.io){ ._blank }. For beginners - no knowledge of JavaScript is required!
 
 [Launch demo](/encantar-js/demos/hello-aframe/README.html){ ._blank .md-button }
 
@@ -54,7 +54,9 @@ Create an augmented scene without a 3D framework.
 * Run on a console:
 
 ```sh
-git clone git@github.com:alemart/encantar-js.git
+repo=https://github.com/alemart/encantar-js.git
+tag=$(git ls-remote --refs --tags $repo | cut -d/ -f3 | sort -V | tail -n1)
+git clone $repo --branch $tag --depth 1
 cd encantar-js
 npm start
 ```

docs/faq.md

@@ -1,8 +1,8 @@
 # Questions & Answers
 
-## What is encantAR.js?
+## What is encantar.js?
 
-encantAR.js is a standalone GPU-accelerated Augmented Reality engine for the web. The name derives from the Portuguese and Spanish word _encantar_, which means: to enchant, to delight, to love, to fascinate, to put a magical spell on someone or something. :sparkles:
+encantar.js is a standalone GPU-accelerated Augmented Reality engine for the web. The name derives from the Portuguese and Spanish word _encantar_, which means: to enchant, to delight, to love, to fascinate, to put a magical spell on someone or something. :sparkles:
 
 ## What is WebAR?
 
@@ -10,20 +10,16 @@ Refer to the [concepts](./getting-started/concepts.md).
 
 ## Is this WebXR?
 
-No, encantAR.js is not WebXR. The WebXR API allows you to access functionalities of VR and AR-capable devices in web browsers. It relies on other technologies, such as Google's ARCore or Apple's ARKit, to run the show. Those technologies are great, but they are supported on specific devices, which may or may not match your users' devices. On the other hand, encantAR.js is fully standalone and is built from scratch using standard web technologies such as WebGL2 and WebAssembly, which are widely available. My intention is to give it broad compatibility.
+No, encantar.js is not WebXR. The WebXR API allows you to access functionalities of VR and AR-capable devices in web browsers. It relies on other technologies, such as Google's ARCore or Apple's ARKit, to run the show. Those technologies are great, though they are supported on specific devices, which may or may not match your users' devices. On the other hand, encantar.js is fully standalone and is built from scratch using standard web technologies such as WebGL2 and WebAssembly, which are widely available. My intention is to give it broad compatibility.
 
 ## Why do my models appear "laid down" in AR?
 
-encantAR.js uses a right-handed coordinate system with the Z-axis pointing "up". The same convention is used in [Blender](https://www.blender.org){ ._blank }. When exporting your own models, make sure that the Z-axis points "up" and that the ground plane is the XY-plane. If your models appear "laid down" in AR, this is probably the issue.
+encantar.js uses a right-handed coordinate system with the Z-axis pointing "up". The same convention is used in [Blender](https://www.blender.org){ ._blank }. When exporting your own models, make sure that the Z-axis points "up" and that the ground plane is the XY-plane. If your models appear "laid down" in AR, this is probably the issue.
 
 !!! info "Fix with code"
 
     Fixing the orientation of the model is the preferred solution. However, you can also fix the issue with code: add a node (entity) to the scene graph and make it rotate its children by 90 degrees around the x-axis.
 
-## How can I contact you?
-
-[Get in touch!](https://github.com/alemart)
-
 ## I am enchanted!
 
 I know! :wink:

docs/getting-started/activate-your-webcam.md

@@ -4,7 +4,7 @@ In this section we're going to learn how to use your webcam to capture the video
 
 ## Change the source of data
 
-Instead of using a video file, we're going to use your webcam. We simply need to change the source of data and instruct encantAR.js to use your webcam. We'll do it with 1 new line of code!
+Instead of using a video file, we're going to use your webcam. We simply need to change the source of data and instruct encantar.js to use your webcam. We'll do it with 1 new line of code!
 
 ```js title="ar-demo.js" hl_lines="20-22"
 async function startARSession()
@@ -51,7 +51,7 @@ Let's also comment (or remove) the `<video>` tag from the HTML file - we no long
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <script src="ar-demo.js"></script>
         <style>body { background-color: #3d5afe; }</style>
@@ -81,7 +81,7 @@ Open <http://localhost:8000>{ ._blank } and... ta-da! The web browser will ask f
 
 !!! tip "Check your physical scene"
 
-    Good lighting conditions are important for a good user experience. Even though the encantAR.js can handle various lighting conditions, you should get your physical scene appropriately illuminated.
+    Good lighting conditions are important for a good user experience. Even though the encantar.js can handle various lighting conditions, you should get your physical scene appropriately illuminated.
 
     When developing your own WebAR experiences, ask yourself:
     
@@ -125,7 +125,7 @@ In order to display that scan gimmick, we need to create a HUD (<em>Heads-Up Dis
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <!-- <script> tags of the rendering engine of your choice -->
         <script src="encantar.js"></script>
         <script src="ar-demo.js"></script>

docs/getting-started/concepts.md

@@ -16,9 +16,9 @@ Let me clarify what I mean by terms such as Augmented Reality and WebAR:
 
 4. A **WebAR experience** is an Augmented Reality experience developed using WebAR technology.
 
-5. **encantAR.js** is a WebAR technology. I also call it a WebAR engine. Lots of computations have to be performed behind the scenes in order to make an Augmented Reality experience possible. encantAR.js uses the GPU[^2] to accelerate many of those computations. In fact, the GPU and the CPU[^3] are used together. This approach improves the performance of the WebAR experience and ultimately leads to a better user experience.
+5. **encantar.js** is a WebAR technology. I also call it a WebAR engine. Lots of computations have to be performed behind the scenes in order to make an Augmented Reality experience possible. encantar.js uses the GPU[^2] to accelerate many of those computations. In fact, the GPU and the CPU[^3] are used together. This approach improves the performance of the WebAR experience and ultimately leads to a better user experience.
 
-Now that those terms are clarified, I say this: you can use encantAR.js to create amazing WebAR experiences! :wink:
+Now that those terms are clarified, I say this: you can use encantar.js to create amazing WebAR experiences! :wink:
 
 [^1]: This definition of AR experience is convenient in different ways. For example, it makes the term "WebAR experience", which is arguably better than "WebAR app" (no apps are downloaded), well-defined. I make a distinction between AR experience and experience of AR. An experience of AR is an event in consciousness in which AR is experienced. I sometimes use the latter definition.
 [^2]: Graphics Processing Unit
@@ -26,7 +26,7 @@ Now that those terms are clarified, I say this: you can use encantAR.js to creat
 
 ## Practical concepts
 
-Let me explain some concepts that you'll see over and over again when developing WebAR experiences with encantAR.js:
+Let me explain some concepts that you'll see over and over again when developing WebAR experiences with encantar.js:
 
 1. The experience of Augmented Reality is created by augmenting the physical scene with the virtual scene.
 

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

@@ -4,9 +4,9 @@ Now that the image is being tracked, the next step is to render a virtual scene
 
 ## Pick a 3D rendering technology
 
-encantAR.js is not a 3D rendering technology. It is an Augmented Reality technology that provides the data you need in order to augment your physical scenes. There are free and open-source 3D rendering technologies for the web that you can find online and use with encantAR.js. Popular solutions include: [A-Frame](#a-frame), [Babylon.js](#babylonjs) and [Three.js](#threejs). You can also use other solutions. encantAR.js lets you pick any 3D rendering technology.
+encantar.js is not a 3D rendering technology. It is an Augmented Reality technology that provides the data you need in order to augment your physical scenes. There are free and open-source 3D rendering technologies for the web that you can find online and use with encantar.js. Popular solutions include: [A-Frame](#a-frame), [Babylon.js](#babylonjs) and [Three.js](#threejs). You can also use other solutions. encantar.js lets you pick any 3D rendering technology.
 
-Once you pick a 3D rendering technology, you need to integrate it with encantAR.js. There is a code that is responsible for that integration. I call it a _plugin_. Among other things, a plugin transports the tracking results from encantAR.js to the 3D rendering technology of your choice.
+Once you pick a 3D rendering technology, you need to integrate it with encantar.js. There is a code that is responsible for that integration. I call it a _plugin_. Among other things, a plugin transports the tracking results from encantar.js to the 3D rendering technology of your choice.
 
 ## Use a plugin
 
@@ -24,7 +24,7 @@ Let me tell you a bit more about the 3D rendering technologies I just mentioned.
 
 ### A-Frame
 
-[A-Frame](https://aframe.io){ ._blank } is an open-source framework used to build virtual reality (VR) experiences for the web. When you combine it with encantAR.js, you become able to use it to create AR experiences too - without the need of special hardware or software.
+[A-Frame](https://aframe.io){ ._blank } is an open-source framework used to build virtual reality (VR) experiences for the web. When you combine it with encantar.js, you become able to use it to create AR experiences too - without the need of special hardware or software.
 
 A-Frame is built on top of [Three.js](#threejs) and extends it in powerful ways. It introduces a HTML-based declarative approach for [scene graphs](https://en.wikipedia.org/wiki/Scene_graph){ ._blank }, empowering them with the [Entity-Component-System](https://en.wikipedia.org/wiki/Entity_component_system){ ._blank }, a software pattern commonly used in game development. A-Frame is easy for beginners and pleasing for experts. In many cases, writing JavaScript code is not needed.
 

docs/getting-started/index.md

@@ -1,26 +1,28 @@
-# Welcome to encantAR.js!
+# Welcome to encantar.js!
 
 [![GitHub release (latest by date)](https://img.shields.io/github/v/release/alemart/encantar-js)](https://github.com/alemart/encantar-js/releases/) ![GitHub file size in bytes on a specified ref (branch/commit/tag)](https://img.shields.io/github/size/alemart/encantar-js/dist/encantar.min.js?branch=master&label=minified%20js) [![GitHub Repo stars](https://img.shields.io/github/stars/alemart/encantar-js?logo=github)](https://github.com/alemart/encantar-js/stargazers) [![GitHub Sponsors](https://img.shields.io/github/sponsors/alemart?logo=github)](https://github.com/sponsors/alemart/)
 
-Enchant your users with **encantAR.js**, a GPU-accelerated Augmented Reality engine for the web.
+Enchant your users with **encantar.js**, a GPU-accelerated Augmented Reality engine for the web.
 
-[:sparkles: Demos](../demos.md){ .md-button .md-button } [:books: Learn](./introduction.md){ .md-button } [:heart:{ .heart } Sponsor](../support-my-work.md){ .md-button }
+[:sparkles: Demos](../demos.md){ .md-button .md-button } [:books: Learn](./introduction.md){ .md-button } [:heart: Sponsor](../support-my-work.md){ .md-button }
 
 ## Features
 
-* **Runs everywhere**: on Android, on iOS, and even on Desktop computers!
-* **Image tracking**: track detailed images such as book covers, cartoons and photos.
+* **AR everywhere**: encantar.js runs on Android, on iOS, and even on Desktop computers! Only a modern web browser is required.
+* **Plugins**: use encantar.js with the 3D framework of your choice, including A-Frame, Babylon.js, Three.js and more!
+* **Image tracking**: track detailed images such as book covers, cartoons and photos. No need of manual training!
 
-## Why use encantAR.js?
+## Why use encantar.js?
 
-* **Wide compatibility:** encantAR.js runs in all modern web browsers. It's built from scratch using standard web technologies. No need of AR-capable devices.
-* **Fast and powerful:** encantAR.js is GPU-accelerated. It uses WebGL2 and WebAssembly for turbocharged performance.
-* **No need to download apps:** encantAR.js is a WebAR engine. Users can access the AR experiences immediately.
-* **Easy to get started:** encantAR.js can be used with a `<script>` tag in your page. A static HTML page is enough to get started.
+* **Device-agnostic**: no need of AR-capable devices. encantar.js runs in all modern web browsers. It's AR built from scratch.
+* **Fast and powerful**: encantar.js is GPU-accelerated. It uses WebGL2 and WebAssembly for turbocharged performance.
+* **No need to download apps**: encantar.js is a WebAR engine. Users can access the AR experiences immediately.
+* **Easy to get started**: encantar.js can be used with a `<script>` tag in your page. A static HTML page is enough to get started.
+* **Open-source**: what are you waiting for? [Try it now!](../demos.md)
 
 ## Browser compatibility
 
-encantAR.js is compatible with all major web browsers:
+encantar.js is compatible with all major web browsers:
 
 | Chrome | Edge | Firefox | Opera | Safari* |
 |:------:|:----:|:-------:|:-----:|:-------:|
@@ -28,8 +30,8 @@ encantAR.js is compatible with all major web browsers:
 
 \* use Safari 15.2 or later.
 
-encantAR.js requires WebGL2 and WebAssembly.
+encantar.js requires WebGL2 and WebAssembly, which are widely supported.
 
 ## About
 
-encantAR.js is developed by [Alexandre Martins](https://github.com/alemart) and released under the [LGPL](../license.md). It is based on [Speedy Vision](https://github.com/alemart/speedy-vision).
+encantar.js is developed by [Alexandre Martins](https://github.com/alemart) and released under the [LGPL](../license.md). It is based on [Speedy Vision](https://github.com/alemart/speedy-vision).

docs/getting-started/introduction.md

@@ -5,15 +5,24 @@ Augmented Reality (AR) has applications in many fields, including: games, market
 Traditionally, users were required to download (sometimes large) apps to experience AR. That was an obstacle for adoption. What if we dropped the need for apps and just required a web browser instead? Users already have web browsers! That's where WebAR comes in.
 
 <figure markdown>
+<!--
 <video poster="../../img/demo-cool3.webp" style="width:600px" controls muted loop playsinline autoplay oncanplay="this.muted=true;this.play()">
     <source src="../../img/demo-cool3.webm" type="video/webm" />
     <source src="../../img/demo-cool3.mp4" type="video/mp4" />
 </video>
+-->
+![Demo](../../img/mage.gif)
 <figcaption>Image Tracking</figcaption>
 </figure>
 
+!!! tip "In a hurry?"
+
+    This guide is an in-depth introduction to web-based Augmented Reality with encantar.js. If you're in a hurry, skip straight to the [Demos](../demos.md) section.
+
 ## What to expect from this guide
 
 We will create together an Augmented Reality experience that runs in web browsers. You will learn how to track an image in real-time. This is a common use case of Augmented Reality technology.
 
 No matter if you are a beginner, an expert, or somewhere in-between, set yourself at ease: this step-by-step guide can be followed by you.
+
+[Get started](concepts.md){ .md-button }

docs/getting-started/next-steps.md

@@ -1,6 +1,6 @@
 # Next steps
 
-Congratulations! You have created your first WebAR experience with encantAR.js! :sunglasses:
+Congratulations! You have created your first WebAR experience with encantar.js! :sunglasses:
 
 Let me tell you some of the steps you can take from now on.
 
@@ -90,6 +90,6 @@ So far we've just created a static HTML page. The next step is to make your page
 
 If you came this far in the guide, WebAR probably excites you. It is definitely something you want. I know, it is awesome! The possibilities are endless. Even better than getting your creative juices boiling with enthusiasm is the feeling of joy I have for sharing this work with you.
 
-I develop encantAR.js independently. Creating this WebAR engine required a lot of time, effort, skill and specialized knowledge. Please support my work today, so that I can make it even more awesome!
+I develop encantar.js independently. Creating this WebAR engine required a lot of time, effort, skill and specialized knowledge. Please support my work today, so that I can make it even more awesome!
 
 [:heart:{ .heart } Support my work](../support-my-work.md){ .md-button }

docs/getting-started/set-up-a-web-server.md

@@ -7,7 +7,7 @@ Let's prepare our local environment in order to create our first WebAR experienc
 Let's create a file structure for our AR experience:
 
 1. Create a new folder called `ar-demo` in your filesystem
-2. Download the [latest release of encantAR.js](../download.md){ ._blank } and extract `dist/encantar.js` to `ar-demo/`
+2. Download the [latest release of encantar.js](../download.md){ ._blank } and extract `dist/encantar.js` to `ar-demo/`
 3. Create a new empty file called `index.html` and store it in `ar-demo/`
 
 You will have the following file structure:
@@ -26,7 +26,7 @@ Use the code editor of your choice to write the following content to `index.html
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <style>body { background-color: #3d5afe; }</style>
     </head>

docs/getting-started/set-up-the-session.md

@@ -12,7 +12,7 @@ We begin by creating the viewport. Remember that the viewport is the area in whi
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <script src="ar-demo.js"></script>
         <style>body { background-color: #3d5afe; }</style>

docs/getting-started/set-up-the-tracker.md

@@ -23,7 +23,7 @@ Next, let's add the reference image to our web page. Add an `<img>` tag to the `
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <style>body { background-color: #3d5afe; }</style>
     </head>
@@ -50,7 +50,7 @@ Once you see that the image is being properly loaded, there is no need to keep i
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <style>body { background-color: #3d5afe; }</style>
     </head>
@@ -88,7 +88,7 @@ Let's include the test video in our page. Add a `<video>` tag as follows:
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <style>body { background-color: #3d5afe; }</style>
     </head>
@@ -116,7 +116,7 @@ We'll be writing a little bit of JavaScript code now. In order to keep our code
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width,initial-scale=1">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
         <script src="encantar.js"></script>
         <script src="ar-demo.js"></script>
         <style>body { background-color: #3d5afe; }</style>
@@ -154,7 +154,7 @@ window.onload = async function()
 
 The `AR` namespace holds the various elements featured by the engine. We'll be using it extensively.
 
-encantAR.js only requires standard web technologies that have been around for a while. Still, it's a good practice to check if those technologies are supported by the target system. If they are not, we display a message and quit. If they are, we instantiate an Image Tracker.
+encantar.js only requires standard web technologies that have been around for a while. Still, it's a good practice to check if those technologies are supported by the target system. If they are not, we display a message and quit. If they are, we instantiate an Image Tracker.
 
 Before moving on, make sure that you have the following directory structure at this point:
 

docs_overrides/demo.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="refresh" content="0; url='{{ 'demos/hello-webgl/README.html' | url }}'">
-        <title>encantAR.js WebAR demo</title>
+        <title>encantar.js WebAR demo</title>
     </head>
     <body>
         <p>Redirecting to <a href="{{ 'demos/hello-webgl/README.html' | url }}">{{ 'demos/hello-webgl/README.html' | url }}</a>...</p>

docs_overrides/download.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="refresh" content="0; url='https://github.com/alemart/encantar-js/releases'">
-        <title>Download encantAR.js</title>
+        <title>Download encantar.js</title>
     </head>
     <body>
         <p>Redirecting to <a href="https://github.com/alemart/encantar-js/releases">https://github.com/alemart/encantar-js/releases</a>...</p>

docs_overrides/index.html

@@ -37,6 +37,21 @@
     padding-right: 16px;
 }
 
+#splash::before {
+    content: ' ';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url(img/mage.gif);
+    background-repeat: no-repeat;
+    background-position: 50% 0;
+    background-size: cover;
+    opacity: 0.05;
+}
+
 .splash-container {
     display: flex;
     align-items: stretch;
@@ -60,11 +75,13 @@
     color: var(--md-accent-fg-color);
 }
 
-.splash-text h2 {
+.splash-text h1 {
     margin: 0.5em 0 0.5em 0;
+    color: var(--md-primary-bg-color);
+    font-size: 1.8em;
 }
 
-.splash-image > video {
+.splash-image > * {
     width: 80%;
     border-radius: 32px;
     border: 4px solid var(--md-primary-fg-color--light);
@@ -88,7 +105,7 @@
         margin-bottom: 0;
     }
 
-    .splash-image > video {
+    .splash-image > * {
         width: 100%;
     }
 }
@@ -111,9 +128,9 @@
 <section id="splash">
     <div class="splash-container md-grid">
         <div class="splash-text md-typeset appear text-center">
-            <h2>&#x2728; encantAR.js &#x2728;</h2>
-            <p>Enchant your users with Augmented Reality experiences that run everywhere!</p>
-            <a href="{{ './getting-started' | url }}" class="md-button">Get started</a>
+            <h1>&#x2728; encant<span style="color: #ffd500">ar</span>.js &#x2728;</h1>
+            <p>GPU-accelerated Augmented Reality for the web</p>
+            <a href="{{ './getting-started' | url }}" class="md-button">Get enchanted</a>
         </div>
         <!--
         <div class="splash-image">

docs_overrides/js/extra.js

@@ -1,4 +1,4 @@
-window.addEventListener('load', () => {
+document.addEventListener('DOMContentLoaded', () => {
 
     //
     // Open links in a new window
@@ -8,4 +8,58 @@ window.addEventListener('load', () => {
         link.target = '_blank';
     });
 
+    //
+    // Support button
+    //
+
+    if(document.getElementById('splash'))
+        return;
+
+    const sponsor = document.createElement('a');
+    const heart = document.createElement('img');
+    const text = document.createTextNode('Support me');
+
+    heart.src = 'https://github.githubassets.com/images/icons/emoji/unicode/2764.png';
+    heart.style.width = '24px';
+    heart.style.paddingRight = '8px';
+    heart.classList.add('gemoji', 'heart');
+
+    sponsor.href = 'https://github.com/sponsors/alemart';
+    sponsor.target = '_blank';
+    sponsor.role = 'button';
+    sponsor.style.display = 'flex';
+    sponsor.style.alignItems = 'center';
+    sponsor.style.position = 'fixed';
+    sponsor.style.right = '16px';
+    sponsor.style.bottom = '16px';
+    sponsor.style.padding = '0 20px';
+    sponsor.style.height = '48px';
+    sponsor.style.color = 'var(--md-primary-fg-color)';
+    sponsor.style.backgroundColor = 'var(--md-primary-bg-color)';
+    sponsor.style.fontWeight = 'bold';
+    sponsor.style.fontSize = '16px';
+    sponsor.style.fontFamily = 'var(--md-text-font) sans-serif';
+    sponsor.style.cursor = 'pointer';
+    sponsor.style.borderWidth = '2px';
+    sponsor.style.borderStyle = 'solid';
+    sponsor.style.borderColor = 'var(--md-primary-fg-color)';
+    sponsor.style.borderRadius = '100px';
+    sponsor.style.transition = 'color 125ms,background-color 125ms,border-color 125ms';
+
+    sponsor.addEventListener('pointerenter', () => {
+        sponsor.style.backgroundColor = 'var(--md-accent-fg-color)';
+        sponsor.style.borderColor = 'var(--md-accent-fg-color)';
+        sponsor.style.color = 'var(--md-accent-bg-color)';
+    });
+
+    sponsor.addEventListener('pointerleave', () => {
+        sponsor.style.backgroundColor = 'var(--md-primary-bg-color)';
+        sponsor.style.borderColor = 'var(--md-primary-fg-color)';
+        sponsor.style.color = 'var(--md-primary-fg-color)';
+    });
+
+    sponsor.appendChild(heart);
+    sponsor.appendChild(text);
+    document.body.appendChild(sponsor);
+
 });

docs_overrides/style/extra.css

@@ -14,9 +14,10 @@
     animation: heart 1000ms infinite;
 }
 
-.transparent-background {
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEWZmZlmZmZYfKrVAAAAE0lEQVQI12P4/5+BgZoEA3VNBADtvT/BrQ+bEwAAAABJRU5ErkJggg==);
-    background-repeat: repeat;
+/* Buttons */
+
+.md-button {
+    border-radius: 100px !important;
 }
 
 /* Responsive videos */
@@ -25,100 +26,3 @@
     height: auto;
     max-width: 100%;
 }
-
-/* Share buttons */
-
-.share-buttons {
-  font-size: .5rem;
-  margin: 8px 0 8px 0;
-}
-
-@media screen and (min-width: 1220px) {
-  .share-buttons {
-    float: right;
-    margin-left: 16px;
-  }
-}
-
-.resp-sharing-button__link,
-.resp-sharing-button__icon {
-  display: inline-block
-}
-
-.resp-sharing-button__link {
-  text-decoration: none;
-  color: #fff;
-  /*margin: 0.5em*/
-}
-
-.resp-sharing-button {
-  color: #fff;
-  margin: 0.5em
-  border-radius: 5px;
-  transition: 25ms ease-out;
-  padding: 0.5em 0.75em;
-  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
-}
-
-.resp-sharing-button__icon svg {
-  width: 1em;
-  height: 1em;
-  margin-right: 0.4em;
-  vertical-align: top
-}
-
-.resp-sharing-button--small svg {
-  margin: 0;
-  vertical-align: middle
-}
-
-/* Non solid icons get a stroke */
-.resp-sharing-button__icon {
-  stroke: #fff;
-  fill: none
-}
-
-/* Solid icons get a fill */
-.resp-sharing-button__icon--solid,
-.resp-sharing-button__icon--solidcircle {
-  fill: #fff;
-  stroke: none
-}
-
-.resp-sharing-button--twitter {
-  background-color: #55acee
-}
-
-.resp-sharing-button--twitter:hover {
-  background-color: #2795e9
-}
-
-.resp-sharing-button--facebook {
-  background-color: #3b5998
-}
-
-.resp-sharing-button--facebook:hover {
-  background-color: #2d4373
-}
-
-.resp-sharing-button--facebook {
-  background-color: #3b5998;
-  border-color: #3b5998;
-}
-
-.resp-sharing-button--facebook:hover,
-.resp-sharing-button--facebook:active {
-  background-color: #2d4373;
-  border-color: #2d4373;
-}
-
-.resp-sharing-button--twitter {
-  background-color: #55acee;
-  border-color: #55acee;
-}
-
-.resp-sharing-button--twitter:hover,
-.resp-sharing-button--twitter:active {
-  background-color: #2795e9;
-  border-color: #2795e9;
-}

docs_overrides/support-my-work.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="refresh" content="0; url='https://github.com/sponsors/alemart'">
-        <title>encantAR.js - Support my work</title>
+        <title>encantar.js - Support my work</title>
     </head>
     <body>
         <p>Redirecting to <a href="https://github.com/sponsors/alemart">GitHub Sponsors</a>...</p>

mkdocs.yml

@@ -1,7 +1,7 @@
-site_name: "encantAR.js: GPU-accelerated Augmented Reality for the web"
+site_name: "encantar.js: GPU-accelerated Augmented Reality for the web"
 site_url: https://alemart.github.io/encantar-js
 site_author: Alexandre Martins
-site_description: Enchant your users with WebAR experiences that run everywhere!
+site_description: Home of encantar.js, a GPU-accelerated Augmented Reality engine for the web
 copyright: Copyright © 2022 - present Alexandre Martins
 
 repo_name: alemart/encantar-js

src/main.ts

@@ -118,7 +118,7 @@ Object.freeze(AR);
 
 // Display a notice
 Utils.log(
-    `encantAR.js version ${AR.version}. ` +
+    `encantar.js version ${AR.version}. ` +
     `GPU-accelerated Augmented Reality for the web by Alexandre Martins. ` +
     __AR_WEBSITE__
 );