Update architecture and open-graph

5 files changed, 10 insertions, 3 deletions

diff --git a/examples.html b/examples.html
index fcb298a..d5b0768 100644
--- a/examples.html
+++ b/examples.html
@@ -14,6 +14,7 @@
         <!-- Open Graph metatags for sharing -->
         <meta property="og:title" content="raylib - examples"/>
         <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
+        <meta property="og:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming." />
         <meta property="og:url" content="https://www.raylib.com" />
         <meta property="og:site_name" content="raylib"/>
         <meta property="og:description" content="Check the full set of raylib examples... they are amazing!"/>
diff --git a/games.html b/games.html
index 53eb4d4..1b9bd8d 100644
--- a/games.html
+++ b/games.html
@@ -14,6 +14,7 @@
         <!-- Open Graph metatags for sharing -->
         <meta property="og:title" content="raylib - games collection"/>
         <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
+        <meta property="og:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming." />
         <meta property="og:url" content="https://www.raylib.com" />
         <meta property="og:site_name" content="raylib"/>
         <meta property="og:description" content="Check the this collection of raylib games... they are amazing!"/>
diff --git a/images/raylib_architecture_v5.0.png b/images/raylib_architecture_v5.0.png
new file mode 100644
index 0000000..8767091
--- /dev/null
+++ b/images/raylib_architecture_v5.0.png
diff --git a/index.html b/index.html
index 9dea84d..34ddfc9 100644
--- a/index.html
+++ b/index.html
@@ -14,17 +14,21 @@
 
         <!-- metatags for sharing -->
         <meta property="og:title" content="raylib"/>
+        <meta property="og:image:type" content="image/png">
+        <meta property="og:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming." />
         <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
         <meta property="og:url" content="https://www.raylib.com" />
         <meta property="og:site_name" content="raylib"/>
         <meta property="og:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming."/>
 
-        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@raysan5" />
         <meta name="twitter:title" content="raylib" />
         <meta name="twitter:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming." />
         <meta name="twitter:image" content="https://www.raylib.com/common/img/raylib_logo_card.png" />
+        <meta name="twitter:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming.">
         <meta name="twitter:url" content="https://www.raylib.com" />
+        
         <link rel="stylesheet" href="common/main.css">
         <link rel="shortcut icon" href="favicon.ico" />
     </head>
@@ -234,7 +238,7 @@
                 <h2 id="architecture"><a class="anchor-link" href="#architecture"></a>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 class="architecture-image-container" href="images/raylib_architecture_v4.5.png" target="_blank"><img src="images/raylib_architecture_v4.5.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
+                <a class="architecture-image-container" href="images/raylib_architecture_v5.0.png" target="_blank"><img src="images/raylib_architecture_v5.0.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
                 <br>
             </div>
 
diff --git a/license.html b/license.html
index 2536256..934dc4c 100644
--- a/license.html
+++ b/license.html
@@ -14,9 +14,10 @@
         <!-- Open Graph metatags for sharing -->
         <meta property="og:title" content="raylib - license"/>
         <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
+        <meta property="og:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming." />
         <meta property="og:url" content="https://www.raylib.com" />
         <meta property="og:site_name" content="raylib"/>
-        <meta property="og:description" content="raylib zlib/libpng license... it is free, open-source and can be used in commercial projects at no cost!"/>
+        <meta property="og:description" content="raylib zlib/libpng license... it is free, open-source and can be used in commercial projects"/>
 
         <link rel="stylesheet" href="common/main.css">
         <link rel="icon" href="favicon.ico" />