Reviewed index to add a new section with learning materials

1 files changed, 17 insertions, 3 deletions

diff --git a/index.html b/index.html
index f88101a..2c9baeb 100644
--- a/index.html
+++ b/index.html
@@ -65,9 +65,23 @@
                 <br>
                 <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. Do you want to see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">Check raylib cheatsheet</a></p>
+                <p><strong>NOTE for ADVENTURERS:</strong> raylib is a programming library to enjoy videogames programming; no fancy interface, no visual helpers, no gui tools or editors... just coding in pure spartan-programmers way. Are you ready to enjoy coding?</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 pure spartan-programmers way. Are you ready to learn? <a class="simplelink" href="examples.html" target="_self">Jump to raylib code examples!</a></p>
+                <h2>raylib learning resources</h2>
+                <br>
+                <p>raylib does not provide the tipical API documentation or a big set of tutorials. The library is designed to be minimalistic and be learned just from a cheatsheet with all required functionality and a big collection of examples to see how to use that functionality. <strong>Best way to learn to code is reading code.</strong></p>
+                <br>
+                <div style="display: flex;">
+                    <div id="platforms" style="margin: 0 auto;">
+                        <a href="https://www.raylib.com/cheatsheet/cheatsheet.html" target="_blank"><img class="icon" src="images/learning/cheatsheet.png" title="raylib cheatsheet" alt="raylib cheatsheet" width="112" height="112"/></a>
+                        <a href="https://github.com/raysan5/raylib/blob/master/src/raylib.h" target="_blank"><img class="icon" src="images/learning/header.png" title="raylib header" alt="raylib header" width="112" height="112"/></a>
+                        <a href="https://github.com/raysan5/raylib/blob/master/FAQ.md" target="_blank"><img class="icon" src="images/learning/faq.png" title="raylib FAQ" alt="raylib FAQ" width="112" height="112"/></a>
+                        <a href="https://github.com/raysan5/raylib/wiki" target="_blank"><img class="icon" src="images/learning/wiki.png" title="raylib Wiki" alt="raylib Wiki" width="112" height="112"/></a>
+                        <a href="https://github.com/raysan5/raylib/tree/master/examples" target="_blank"><img class="icon" src="images/learning/examples.png" title="raylib examples" alt="raylib examples" width="112" height="112"/></a>
+                        <a href="https://github.com/raysan5/raylib-games" target="_blank"><img class="icon" src="images/learning/games.png" title="raylib games" alt="raylib games" width="112" height="112"/></a>
+                    </div>
+                </div>
+                <p>A part from those materials, there are plenty of tutorials created by the amazing raylib community. It's highly recommended to join the friendly<a href="https://discord.gg/raylib" target="_blank">raylib Discord Community</a> to stay up to date of latest raylib news and ask for help when required!</p>
                 <br>
                 <h2>raylib awards</h2>
                 <br>
@@ -211,7 +225,7 @@
                 <h2>raylib architecture</h2>
                 <br>
                 <p>raylib is a highly modular library. Everything is contained within a small number of well defined, specific and self-contained modules, named accordingly to its primary functionality. Note that some of those modules can be used in <strong>standalone mode</strong>, independently of raylib library.</p>
-                <a href="images/raylib_architecture_v4.0.png"><img src="images/raylib_architecture_v4.0.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
+                <a href="images/raylib_architecture_v4.2.png"><img src="images/raylib_architecture_v4.2.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
                 <br>
             </div>