Update webpage, added links

5 files changed, 59 insertions, 50 deletions

diff --git a/common/css/main.css b/common/css/main.css
index ec8bb5f..d96173f 100644
--- a/common/css/main.css
+++ b/common/css/main.css
@@ -22,7 +22,7 @@ a{text-decoration: none; color:black;}
 body{background-color:#f5f5f5;}
 p a:hover{text-decoration: none; color:gray;}
 
-.page{width:840px; margin:0 auto;}
+.page{width:880px; margin:0 auto;}
 
 .header{width:100%; float:left; position:relative; height:128px; font-size:10pt; margin-top:40px; margin-left:10px;}
 .content{font-size:8pt; width:840px; padding:10px; padding-top:30px; float:left; position:relative; padding-bottom:50px;}
@@ -38,7 +38,7 @@ p a:hover{text-decoration: none; color:gray;}
 .list, .list strong {font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%;  }
 
 #logo{width:128px; height:128px; float:left; position:relative; background-image:url(../img/raylib_logo.png);}
-.menu{width:680px; height:39px; text-align:right; right:0px; bottom:7px; position:relative; float:left; margin-left: 30px;}
+.menu{width:740px; height:39px; text-align:right; right:0px; bottom:7px; position:relative; float:left; margin-left:0px; margin-top:10px;}
 .menu a{padding:5px 20px; color:black; font-size:12pt; float:left; position:relative; border-bottom:1px solid black;}
 .menu a:hover{margin-top:-20px; padding:15px 15px; background: rgb(254,255,255); 
 	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); 
@@ -109,7 +109,7 @@ p a:hover{text-decoration: none; color:gray;}
 .help{ font-size:8px; margin-left: 25px; }
 #paypalbox{ width:200px; height:50px; border:12px solid; border-color:#d0d0d0; background-color:#e4e4e4; margin:0 auto; }
 #paypalform input { margin-top: 12px; margin-left: 50px; }
-#forum{ color: maroon; }
+#license{ color: maroon; }
 
 #itchioframe{ display:block; text-align:center; }
 
diff --git a/examples.html b/examples.html
index 0d8ae7a..38a87f3 100644
--- a/examples.html
+++ b/examples.html
@@ -41,23 +41,23 @@
                 <a id="logo" href="index.html"></a>
                 <div id="social">
                     <a id="discord" href="https://discord.gg/VkzNHUE" target="_blank"></a>
-                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
-                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
-                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
-                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
                     <a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
+                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
                     <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
                     <a id="facebook" href="https://www.facebook.com/raylibgames" target="_blank"></a>
-                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
-                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
+                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
                     <a id="youtube" href="https://www.youtube.com/c/raylib" target="_blank"></a>
+                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
+                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
+                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
+                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
                 </div>
                 <div class="menu">
                     <a href="index.html">about</a>
                     <div id="active">examples</div>
                     <a href="games.html">games</a>
-                    <a href="helpme.html">helpme!</a>
-                    <a id="forum" href="https://www.reddit.com/r/raylib/">reddit</a>
+                    <a href="cheatsheet/cheatsheet.html">cheatsheet</a>
+                    <a id="license" href="license.html">license</a>
                 </div>
             </div>
 
diff --git a/games.html b/games.html
index aa2af61..8fd8eab 100644
--- a/games.html
+++ b/games.html
@@ -41,23 +41,23 @@
                 <a id="logo" href="index.html"></a>
                 <div id="social">
                     <a id="discord" href="https://discord.gg/VkzNHUE" target="_blank"></a>
-                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
-                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
-                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
-                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
                     <a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
+                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
                     <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
                     <a id="facebook" href="https://www.facebook.com/raylibgames" target="_blank"></a>
-                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
-                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
+                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
                     <a id="youtube" href="https://www.youtube.com/c/raylib" target="_blank"></a>
+                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
+                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
+                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
+                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
                 </div>
                 <div class="menu">
                     <a href="index.html">about</a>
                     <a href="examples.html">examples</a>
                     <div id="active">games</div>
-                    <a href="helpme.html">helpme!</a>
-                    <a id="forum" href="https://www.reddit.com/r/raylib/">reddit</a>
+                    <a href="cheatsheet/cheatsheet.html">cheatsheet</a>
+                    <a id="license" href="license.html">license</a>
                 </div>
             </div>
 
diff --git a/index.html b/index.html
index 354a220..f650b9c 100644
--- a/index.html
+++ b/index.html
@@ -40,23 +40,23 @@
                 <a id="logo" href="index.html"></a>
                 <div id="social">
                     <a id="discord" href="https://discord.gg/VkzNHUE" target="_blank"></a>
-                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
-                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
-                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
-                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
                     <a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
+                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
                     <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
                     <a id="facebook" href="https://www.facebook.com/raylibgames" target="_blank"></a>
-                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
-                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
+                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
                     <a id="youtube" href="https://www.youtube.com/c/raylib" target="_blank"></a>
+                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
+                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
+                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
+                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
                 </div>
                 <div class="menu">
                     <div id="active">about</div>
                     <a href="examples.html">examples</a>
                     <a href="games.html">games</a>
-                    <a href="helpme.html">helpme!</a>
-                    <a id="forum" href="https://www.reddit.com/r/raylib/">reddit</a>
+                    <a href="cheatsheet/cheatsheet.html">cheatsheet</a>
+                    <a id="license" href="license.html">license</a>
                 </div>
             </div>
 
@@ -67,7 +67,7 @@
                 <!--<a href="https://github.com/raysan5/raylib/releases/download/1.5.0/raylib_installer_v1.5.exe"><div class="downloadButtonInstaller" id="btnlib">Download raylib Windows Installer (v1.5.0)</div></a>-->
                 <div id="itchioframe"><iframe frameborder="0" src="https://itch.io/embed/85331?bg_color=f5f5f5" width="640" height="170"></iframe></div>
                 <br>
-                <p>raylib is highly inspired by Borland BGI graphics lib and by XNA framework. Allegro and SDL have also been used as reference.</p>
+                <p>raylib is highly inspired by Borland BGI graphics lib and by XNA framework.</p>
                 <br>
                 <p><strong>NOTE for ADVENTURERS:</strong> raylib is a programming library to enjoy videogames programming; no fancy interface, no visual helpers, no auto-debugging... just coding in the most pure spartan-programmers way. Are you ready to learn? <a class="simplelink" href="examples.html" target="_self">Jump to code examples!</a></p>
                 <br>
@@ -106,20 +106,33 @@
                     </div>
                 </div>
                 <br>
+                <strong>raylib community</strong>
+                <br>
+                <p>Do you need help with raylib? Do you want to keep updated with latest news? Do you want to show your raylib creations? Join our amazing community of raylib developers! Choose the network you prefer! You are welcome!</p>
+                <br>
+                <div style="display: flex;">
+                    <div id="bindings" style="margin: 0 auto;">
+                        <a href="https://discord.gg/VkzNHUE" target="_blank"><img class="icon" src="images/networks/discord.png" title="raylib Discord" alt="raylib discord server" width="84" height="84"/></a>
+                        <a href="https://www.twitch.tv/raysan5" target="_blank"><img class="icon" src="images/networks/twitch.png" title="raylib Twitch" alt="raylib twitch channel" width="84" height="84"/></a>
+                        <a href="https://www.twitter.com/raysan5" target="_blank"><img class="icon" src="images/networks/twitter.png" title="raysan5 Twitter" alt="raylib creator twitter" width="84" height="84"/></a>
+                        <a href="https://www.reddit.com/r/raylib/" target="_blank"><img class="icon" src="images/networks/reddit.png" title="raylib Reddit" alt="raylib reddit channel" width="84" height="84"/></a>
+                        <a href="https://www.youtube.com/c/raylib" target="_blank"><img class="icon" src="images/networks/youtube.png" title="raylib YouTube" alt="raylib youtube channel" width="84" height="84"/></a>
+                        <a href="https://raylib.handmade.network/" target="_blank"><img class="icon" src="images/networks/hmn.png" title="raylib HMN" alt="raylib handmade.network project" width="84" height="84"/></a>
+                        <a href="https://github.com/raysan5/raylib" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib on GitHub" width="84" height="84"/></a>
+                    </div>
+                </div>
+                <br>
                 <strong>raylib contributions</strong>
                 <br>
-                <p>I'm working hard on raylib but my resources are limited. If you enjoy raylib and want to help/contribute</p>
+                <p>I'm working hard on raylib but my resources are limited. If you enjoy raylib and want to help, consider a small donation or contributing to the project on GitHub. Thanks!</p>
                 <br>
                 <div style="display: flex;">
                     <div id="bindings" style="margin: 0 auto;">
-                        <!--<a href="#"><img src="images/bindings/bind_cpp.png" title="windows" style="margin-right:8px;" alt="cpp raylib binding" width="84" height="84"/></a>-->
-                        <a href="https://github.com/ChrisDill/Raylib-cs" target="_blank"><img class="icon" src="images/bindings/bind_csharp.png" title="raylib-cs" alt="c-sharp raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/gen2brain/raylib-go" target="_blank"><img class="icon" src="images/bindings/bind_go.png" title="raylib-go" alt="go raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/overdev/raylib-py" target="_blank"><img class="icon" src="images/bindings/bind_python.png" title="raylib-py" alt="python raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/D3nX/raylib-ruby-ffi" target="_blank"><img class="icon" src="images/bindings/bind_ruby.png" title="raylib-ruby" alt="ruby raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/raysan5/raylib-lua" target="_blank"><img class="icon" src="images/bindings/bind_lua.png" title="raylib-lua" alt="lua raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/deltaphc/raylib-rs" target="_blank"><img class="icon" src="images/bindings/bind_rust.png" title="raylib-rs" alt="rust raylib binding" width="84" height="84"/></a>
-                        <a href="https://github.com/kevinw/raylib-odin" target="_blank"><img class="icon" src="images/bindings/bind_odin.png" title="raylib-odin" alt="odin raylib binding" width="84" height="84"/></a>
+                        <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=JB5CMEX9HXFKY&currency_code=EUR&source=url" target="_blank"><img class="icon" src="images/contribute/paypal.png" title="PayPal" alt="PayPal donation" width="84" height="84"/></a>
+                        <a href="https://www.patreon.com/raylib" target="_blank"><img class="icon" src="images/contribute/patreon.png" title="Patreon" alt="Patreon contributor" width="84" height="84"/></a>
+                        <a href="https://ko-fi.com/raysan" target="_blank"><img class="icon" src="images/contribute/kofi.png" title="Ko-fi" alt="Ko-fi donation" width="84" height="84"/></a>
+                        <a href="https://raysan5.itch.io/raylib" target="_blank"><img class="icon" src="images/contribute/itchio.png" title="itch.io" alt="raylib on itch.io" width="84" height="84"/></a>
+                        <a href="https://github.com/raysan5/raylib" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib on GitHub" width="84" height="84"/></a>
                     </div>
                 </div>
                 <br>
@@ -144,10 +157,6 @@
                 <br>
                 <a href="images/raylib_architecture_v2.0.png"><img src="images/raylib_architecture_v2.0.png" alt="raylib architechture" width="800" /></a>
                 <br>
-                <br>
-                <p>Wanna see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">CHECK CHEATSHEET</a></p>
-                <p>raylib is open-source and free to use. <a class="simplelink" href="license.html" target="_self">View license</a>.</p>
-                <br>
             </div>
 
             <div class="footer">
diff --git a/license.html b/license.html
index b5b82be..a362734 100644
--- a/license.html
+++ b/license.html
@@ -32,23 +32,23 @@
                 <a id="logo" href="index.html"></a>
                 <div id="social">
                     <a id="discord" href="https://discord.gg/VkzNHUE" target="_blank"></a>
-                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
-                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
-                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
-                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
                     <a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
+                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
                     <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
                     <a id="facebook" href="https://www.facebook.com/raylibgames" target="_blank"></a>
-                    <a id="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
-                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
+                    <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
                     <a id="youtube" href="https://www.youtube.com/c/raylib" target="_blank"></a>
+                    <a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
+                    <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
+                    <a id="kofi" href="https://ko-fi.com/raysan" target="_blank"></a>
+                    <a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
                 </div>
                 <div class="menu">
                     <a href="index.html">about</a>
                     <a href="examples.html">examples</a>
                     <a href="games.html">games</a>
-                    <a href="helpme.html">helpme!</a>
-                    <a id="forum" href="https://www.reddit.com/r/raylib/">reddit</a>
+                    <a href="cheatsheet/cheatsheet.html">cheatsheet</a>
+                    <div id="active">license</div>
                 </div>
             </div>
 
@@ -60,7 +60,7 @@
                 source software. It is reproduced in its entirety below.</p>
                 <br>
                 <div id="licensebox">
-                    <p>Copyright (c) 2013-2016 Ramon Santamaria (@raysan5)</p>
+                    <p>Copyright (c) 2013-2019 Ramon Santamaria (@raysan5)</p>
                     <p>This software is provided "as-is", without any express or implied warranty. In no event 
                     will the authors be held liable for any damages arising from the use of this software.</p>
                     <p>Permission is granted to anyone to use this software for any purpose, including commercial