Update webpage, added links

1 files changed, 31 insertions, 22 deletions

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">