Merge branch 'master' of https://github.com/raysan5/raylib.com

5 files changed, 27 insertions, 23 deletions

diff --git a/cheatsheet/raylib_textures.c b/cheatsheet/raylib_textures.c
index edb1eb8..98c4c6a 100644
--- a/cheatsheet/raylib_textures.c
+++ b/cheatsheet/raylib_textures.c
@@ -103,8 +103,8 @@
     int ColorToInt(Color color);                                                                       // Returns hexadecimal value for a Color
     Vector4 ColorNormalize(Color color);                                                               // Returns Color normalized as float [0..1]
     Color ColorFromNormalized(Vector4 normalized);                                                     // Returns Color from normalized values [0..1]
-    Vector3 ColorToHSV(Color color);                                                                   // Returns HSV values for a Color
-    Color ColorFromHSV(float hue, float saturation, float value);                                      // Returns a Color from HSV values
+    Vector3 ColorToHSV(Color color);                                                                   // Returns HSV values for a Color, hue [0..360], saturation/value [0..1]
+    Color ColorFromHSV(float hue, float saturation, float value);                                      // Returns a Color from HSV values, hue [0..360], saturation/value [0..1]
     Color ColorAlpha(Color color, float alpha);                                                        // Returns color with alpha applied, alpha goes from 0.0f to 1.0f
     Color ColorAlphaBlend(Color dst, Color src, Color tint);                                           // Returns src alpha-blended into dst color with tint
     Color GetColor(int hexValue);                                                                      // Get Color structure from hexadecimal value
diff --git a/common/games.css b/common/games.css
index cc66fe9..f019f60 100644
--- a/common/games.css
+++ b/common/games.css
@@ -3,7 +3,7 @@
 
 #filter_menu { width: 820px; height: 80px; margin-left: 2px; }
 
-.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; width:130px; text-align:center; }
+.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; width:150px; text-align:center; }
 #sample { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:3px solid #898888; }
 #game { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:3px solid #e66666; }
 #user { cursor:pointer; background-color:#bedce8; color:#417794; border:3px solid #5d9cbd; }
diff --git a/common/main.css b/common/main.css
index e6667a8..7e4a27b 100644
--- a/common/main.css
+++ b/common/main.css
@@ -21,6 +21,8 @@
 body{background-color:#f5f5f5;}
 a{text-decoration: none; color:black;}
 p a:hover{text-decoration: none; color:gray;}
+h1{font-family: Courier New, Verdana, Arial; font-weight: bold; font-size: 18px; line-height:24px;}
+h2{font-family: Courier New, Verdana, Arial; font-weight: bold; font-size: 18px; line-height:24px;}
 
 .page{width:880px; margin:0 auto;}
 
diff --git a/games.html b/games.html
index 74951c7..7149c50 100644
--- a/games.html
+++ b/games.html
@@ -61,11 +61,11 @@
             </div>
 
             <div class="content">
-                <p>Games are organized in two categories:</p>
+                <p>raylib games are organized in two categories:</p>
                 <br>
                 <div id="filter_menu">
-                    <div class="filter legendButton" id="sample" data-filter=".fsample">sample games</div>
-                    <div class="filter legendButton" id="game" data-filter=".fgame">full games</div> 
+                    <div class="filter legendButton" id="sample" data-filter=".fsample">template games</div>
+                    <div class="filter legendButton" id="game" data-filter=".fgame">sample games</div> 
                     <!--<div class="filter legendButton" id="user" data-filter=".fuser">users games</div>-->
                 </div>
 
diff --git a/index.html b/index.html
index 1a676f9..20ec31f 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -60,28 +60,29 @@
             </div>
 
             <div class="content">
-                <strong>raylib is a simple and easy-to-use library to enjoy videogames programming.</strong>
+                <h1>raylib is a simple and easy-to-use library to enjoy videogames programming.</h1>
                 <br>
                 <br>
                 <!--<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. Do you want to see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">Check cheatsheet</a></p>
+                <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>
                 <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>
+                <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 raylib code examples!</a></p>
+                <br>
+                <h2>raylib awards</h2>
                 <br>
-                <strong>raylib awards</strong>
                 <p>raylib has received several recognitions in the last years and many people has written about the library. Here there are the main awards received from <strong>Google</strong> and <strong>Epic Games</strong>.</p>
                 <br>
                 <div style="display: flex;">
                     <div id="platforms" style="margin: 0 auto;">
-                        <a href="https://opensource.googleblog.com/2019/04/google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2019.png" alt="raylib Epic MegaGrant Recipient - Fall 2020" width="220" /></a>
-                        <a href="https://www.unrealengine.com/en-US/blog/epic-megagrants-fall-2020-update"><img src="images/Epic_MegaGrants_2020.png" alt="raylib Epic MegaGrant Recipient - Fall 2020" width="220" /></a>
-                        <a href="https://opensource.googleblog.com/2021/04/announcing-first-group-of-google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2021.png" alt="raylib Epic MegaGrant Recipient - Fall 2020" width="220" /></a>
+                        <a href="https://opensource.googleblog.com/2019/04/google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2019.png" title="raylib Google Open Source Peer Bonus - 2019" alt="raylib Google Open Source Peer Bonus - 2019" width="220" /></a>
+                        <a href="https://www.unrealengine.com/en-US/blog/epic-megagrants-fall-2020-update"><img src="images/Epic_MegaGrants_2020.png" title="raylib Epic MegaGrant Recipient - Fall 2020" alt="raylib Epic MegaGrant Recipient - Fall 2020" width="220" /></a>
+                        <a href="https://opensource.googleblog.com/2021/04/announcing-first-group-of-google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2021.png" title="raylib Google Open Source Peer Bonus - 2021" alt="raylib Google Open Source Peer Bonus - 2021" width="220" /></a>
                     </div>
                 </div>
                 <br>
-                <strong>raylib supported platforms</strong>
+                <h2>raylib supported platforms</h2>
                 <br>
                 <p>raylib supports multiple target platforms, it has been tested in the following platforms but, technically, any platform that supports C language and OpenGL graphics is valid for raylib or can be very easily ported to.</p>
                 <br>
@@ -98,7 +99,7 @@
                     </div>
                 </div>
                 <br>
-                <strong>raylib language bindings</strong>
+                <h2>raylib language bindings</h2>
                 <br>
                 <p>You can code using raylib in multiple languages! Some raylib users have created raylib bindings to multiple languages. Here's a list of the bindings I'm aware of</p>
                 <br>
@@ -116,7 +117,7 @@
                     </div>
                 </div>
                 <br>
-                <strong>raylib technologies tools</strong>
+                <h2>raylib technologies tools</h2>
                 <br>
                 <p>raylib is the base technology for <a class="simplelink" href="https://www.raylibtech.com" target="_blank">raylib technologies</a> tools! Several multiplatform portable standalone user-friendly tools have been developed using raylib and <a class="simplelink" href="https://github.com/raysan5/raygui" target="_blank">raygui</a>. Check them out!</p>
                 <br>
@@ -132,7 +133,7 @@
                     </div>
                 </div>
                 <br>
-                <strong>raylib community</strong>
+                <h2>raylib community</h2>
                 <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>
@@ -148,21 +149,21 @@
                     </div>
                 </div>
                 <br>
-                <strong>raylib contributions</strong>
+                <h2>raylib contributions</h2>
                 <br>
                 <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="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://github.com/sponsors/raysan5" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib on GitHub" width="84" height="84"/></a>
+                        <a href="https://github.com/sponsors/raysan5" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib GitHub Sponsors" 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>
                     </div>
                 </div>
                 <br>
-                <strong>raylib features</strong>
+                <h2>raylib features</h2>
                 <br>
                 <div class="list">
                     - <strong>NO external dependencies</strong>, all required libraries included with raylib<br>
@@ -185,9 +186,10 @@
                 </div>
                 <br>
                 <br>
-                <strong>raylib architecture</strong>
+                <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>.</p>
-                <a href="images/raylib_architecture_v3.7.png"><img src="images/raylib_architecture_v3.7.png" alt="raylib architecture" width="800" /></a>
+                <a href="images/raylib_architecture_v3.7.png"><img src="images/raylib_architecture_v3.7.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
                 <br>
             </div>