CoderLearningCode
diff --git a/‎README.md
Lines changed: 1 addition & 1 deletion b/‎README.md
Lines changed: 1 addition & 1 deletion
diff --git a/‎examples/index.html
Lines changed: 13 additions & 0 deletions b/‎examples/index.html
Lines changed: 13 additions & 0 deletions
diff --git a/‎examples/style.css
Lines changed: 14 additions & 0 deletions b/‎examples/style.css
Lines changed: 14 additions & 0 deletions
diff --git a/‎examples/style.css.map
Lines changed: 1 addition & 1 deletion b/‎examples/style.css.map
Lines changed: 1 addition & 1 deletion
diff --git a/‎examples/style.scss
Lines changed: 14 additions & 0 deletions b/‎examples/style.scss
Lines changed: 14 additions & 0 deletions
@@ -122,7 +122,7 @@ Now you can run various build options:
 | `npm run build:prf` | Build unminified profiler engine | `build\output\playcanvas.prf.js` |
 | `npm run build:dbg` | Build unminified debug engine    | `build\output\playcanvas.dbg.js` |
 | `npm run tsd`       | Build engine Typescript bindings | `build\output\playcanvas.d.ts`   |
-| `npm run doc`       | Build engine [API reference docs](https://developer.playcanvas.com/en/api/) | `docs` |
+| `npm run docs`      | Build engine [API reference docs](https://developer.playcanvas.com/en/api/) | `docs` |
 
 Pre-built versions of the engine are also available.
 
 
@@ -14,8 +14,14 @@
         <div class="sidenav closed"></div>
         <iframe id="example"></iframe>
 
+        <div class="sourcenav">
+            <div class="btn">View Source</div>
+        </div>
+
         <script src="examples.js"></script>
         <script>
+            let currentExampleRelativeUrl;
+
             function titleCase(string) {
                 let sentence = string.toLowerCase().split('-');
                 for(let i = 0; i < sentence.length; i++){
@@ -32,6 +38,8 @@
                                 location.pathname +
                                 '#' +
                                 example;
+
+                currentExampleRelativeUrl = example;
             }
 
             // Load the initial example (loading the first one if none is specified)
@@ -75,6 +83,11 @@
             navigationToggle.addEventListener("click", function (event){
                 sidenav.classList.toggle("closed");
             })
+
+            let sourceButton = document.querySelector(".sourcenav > .btn");
+            sourceButton.addEventListener("click", function (event){
+                window.open("https://github.com/playcanvas/playcanvas.github.io/blob/master/" + currentExampleRelativeUrl);
+            })
         </script>
     </body>
 </html>
@@ -102,6 +102,20 @@ p {
   color: $text-primary;
 }
 
+/* Go to GitHub source button area */
+.sourcenav {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+}
+
+.sourcenav .btn {
+  padding: 15px;
+  background-color: $text-active;
+  color: $text-primary;
+  cursor: pointer;
+}
+
 #example,
 iframe {
   position: fixed;