ADDED: Link to github source code for examples

8 files changed, 57 insertions, 11 deletions

diff --git a/examples/audio/loader.html b/examples/audio/loader.html
index 3827d96..76394d9 100644
--- a/examples/audio/loader.html
+++ b/examples/audio/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -51,7 +52,7 @@
         </style>
         
         <script type="text/javascript">
-            $(document).ready(function() 
+            $(document).ready(function()
             {
                 window.addEventListener('keydown', function(e)
                 {
@@ -71,13 +72,16 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
-                $.get(srcUrl, function(data) 
+                $.get(srcUrl, function(data)
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/core/loader.html b/examples/core/loader.html
index 74b8082..76394d9 100644
--- a/examples/core/loader.html
+++ b/examples/core/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/models/loader.html b/examples/models/loader.html
index 86e0789..65fafa1 100644
--- a/examples/models/loader.html
+++ b/examples/models/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/physics/loader.html b/examples/physics/loader.html
index 74b8082..1f63254 100644
--- a/examples/physics/loader.html
+++ b/examples/physics/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
diff --git a/examples/shaders/loader.html b/examples/shaders/loader.html
index 8cb42dd..6ea9587 100644
--- a/examples/shaders/loader.html
+++ b/examples/shaders/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // #eximage filling code: canvas sample and image
@@ -126,6 +130,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/shapes/loader.html b/examples/shapes/loader.html
index 74b8082..76394d9 100644
--- a/examples/shapes/loader.html
+++ b/examples/shapes/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/text/loader.html b/examples/text/loader.html
index 74b8082..76394d9 100644
--- a/examples/text/loader.html
+++ b/examples/text/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');
diff --git a/examples/textures/loader.html b/examples/textures/loader.html
index a7a340e..76394d9 100644
--- a/examples/textures/loader.html
+++ b/examples/textures/loader.html
@@ -34,13 +34,14 @@
                 font-style: normal;
                 font-size-adjust:0.49;
             }
+            p, p a { font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size: medium; text-align: right; }
             #eximage { width: 802px; height: 452px; text-align: center; }
             #eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
             #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
             pre { width: 802px!important;}
             pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
             .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; 
-                        line-height:30px; text-align: center; border-width:5px;    background-color:#e1e1e1; color:#5c5a5a; 
+                        line-height:30px; text-align: center; border-width:5px; background-color:#e1e1e1; color:#5c5a5a; 
                         border:4px solid #898888; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial;}
             #exdowncode .exdownbtn:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666;}
             #exdownexec .exdownbtn:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
@@ -58,7 +59,7 @@
                     // Prevent SPACE key to scroll page
                     if ((e.keyCode == 32) && (e.target == document.body)) e.preventDefault();
                 });
-
+                
                 var mainUrl = $(location).attr('href');
                 var name = mainUrl.slice(mainUrl.indexOf('=') + 1);
                 
@@ -71,6 +72,7 @@
                 // Get example code and image directly from original raylib GitHub and avoid duplicate code to maintain
                 var srcUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.c';
                 var imgUrl = 'https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + type + '/' + name + '.png';
+                var linkUrl = 'https://github.com/raysan5/raylib/blob/master/examples/' + type + '/' + name + '.c';
 
                 $('#eximage img').attr('src', imgUrl);
 
@@ -78,6 +80,8 @@
                 { 
                     $('pre code').text(data);
                     $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+                    
+                    $('#source_link').attr("href", linkUrl);
                 }, 'text');
                 
                 // Quick hack for some examples not working on web
@@ -134,6 +138,8 @@
         <!--<textarea id="output" rows="8"></textarea>-->
         
         <pre><code class="cpp"></code></pre>
+        
+        <p>raylib example <a id="source_link" href="" target="_blank">source code</a></p>
 
         <script type='text/javascript'>
           //var statusElement = document.getElementById('status');