[gtk-web/new-website: 160/180] added alt tag for images

[Emmanuele Bassi <ebassi src gnome org>]

commit 85506c111ff5cf7569b8167607b18cc5de8402b7
Author: ravgeetdhillon <ravgeetdhillon gmail com>
Date:   Wed Aug 14 19:27:02 2019 +0530

    added alt tag for images

 collections/_pages/community.html |  6 +++---
 collections/_pages/docs.html      | 14 +++++++-------
 collections/_pages/features.html  | 11 ++++++-----
 collections/_pages/index.html     |  4 ++--
 4 files changed, 18 insertions(+), 17 deletions(-)
---
diff --git a/collections/_pages/community.html b/collections/_pages/community.html
index 2cb14ec..7448512 100644
--- a/collections/_pages/community.html
+++ b/collections/_pages/community.html
@@ -27,7 +27,7 @@ team_main_heading_description: These are the people who apply their best of skil
         <span class="text-muted lead">{{ page.page_main_heading_description | markdownify }}</span>
       </div>
       <div class="col-md-7 d-none d-md-flex justify-content-center flex-column">
-        <img src="{{ '/assets/img/wall-community.svg' | prepend: site.url }}" class="img-fluid" />
+        <img src="{{ '/assets/img/wall-community.svg' | prepend: site.url }}" class="img-fluid" alt="GTK 
Community Wallpaper" />
       </div>
     </div>
   </div>
@@ -50,7 +50,7 @@ team_main_heading_description: These are the people who apply their best of skil
                 {% cycle 'blog-blog1.png', 'blog-blog2.png', 'blog-blog3.png' %}
               {% endcapture %}
               {% assign imgname = imgname | strip %}
-              <img src="{{ '/assets/img/' | append: imgname | prepend: site.url }}" class="img-fluid w-100">
+              <img src="{{ '/assets/img/' | append: imgname | prepend: site.url }}" class="img-fluid w-100"  
alt="{{ blog.title }}" />
             </div>
             <div class="py-3 px-3 h-100 bg-white d-flex flex-column">
               <h6>{{ blog.title }}</h6>
@@ -151,7 +151,7 @@ team_main_heading_description: These are the people who apply their best of skil
       {% for member in members %}
       <div class="col-lg-2 col-md-3 col-sm-4 col-2 py-3">
         <div class="d-flex justify-content-center align-items-center py-2">
-          <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="img-fluid rounded-circle w-75 
border img-thumbnail">
+          <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="img-fluid rounded-circle w-75 
border img-thumbnail" alt="{{ member.name }}" />
         </div>
         <div class="d-flex flex-column align-items-center">
           <span class="text-primary text-center text-secondary">{{ member.name }}</span>
diff --git a/collections/_pages/docs.html b/collections/_pages/docs.html
index 05ac7bd..82f06ee 100644
--- a/collections/_pages/docs.html
+++ b/collections/_pages/docs.html
@@ -18,7 +18,7 @@ page_main_heading_description: Find out all the things you need to work with GTK
         <span class="text-info lead">{{ page.page_main_heading_description }}</span>
       </div>
       <div class="col-md-7 d-none d-md-flex justify-content-center align-items-center flex-column">
-        <img src="{{ '/assets/img/wall-docs.svg' | prepend: site.url }}" class="img-fluid w-75" />
+        <img src="{{ '/assets/img/wall-docs.svg' | prepend: site.url }}" class="img-fluid w-75" alt="GTK 
Docs Wallpaper" />
       </div>
     </div>
   </div>
@@ -127,32 +127,32 @@ page_main_heading_description: Find out all the things you need to work with GTK
     </div>
     <div class="row d-flex justify-content-center py-5 mx-auto">
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Emmanuele Bassi</strong></span>
         <span class="small text-muted">Endless Mobile</span>
       </div>
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Matthias Clasen</strong></span>
         <span class="small text-muted">Red Hat</span>
       </div>
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Behdad Esfahbod</strong></span>
         <span class="small text-muted">Google</span>
       </div>
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Emmanuele Bassi</strong></span>
         <span class="small text-muted">Endless Mobile</span>
       </div>
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Matthias Clasen</strong></span>
         <span class="small text-muted">Red Hat</span>
       </div>
       <div class="col d-flex flex-column align-items-center text-center">
-        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;">
+        <img src="{{ '/assets/img/avatar.png' | prepend: site.url }}" class="pb-2 img-fluid rounded-circle" 
style="max-width: 100px;" alt="GTK Team Member" />
         <span class="small"><strong>Behdad Esfahbod</strong></span>
         <span class="small text-muted">Google</span>
       </div>
diff --git a/collections/_pages/features.html b/collections/_pages/features.html
index ca97e81..983719b 100644
--- a/collections/_pages/features.html
+++ b/collections/_pages/features.html
@@ -11,7 +11,8 @@ page_main_heading_description: Thanks to all the hardwork by the community, new
 {% include navbar.html %}
 
 <body>
-<section class="d-flex flex-column align-items-center bg-no-repeat bg-center" style="background: url('{{ 
'/assets/img/wall-gtk-features.png' | prepend: site.url }}')">
+{% assign back_img = '/assets/img/wall-gtk-features.png' | prepend: site.url %}
+<section class="d-flex flex-column align-items-center bg-no-repeat bg-center" style="background: url('{{ 
back_img }}');"  alt="GTK Features Wallpaper" />
   <div class="container">
     <div class="row d-flex justify-content-center pt-4 pb-6">
       <div class="col-md-10 col-lg-7 main-heading text-center">
@@ -34,7 +35,7 @@ page_main_heading_description: Thanks to all the hardwork by the community, new
           <a href="https://wiki.gnome.org/HowDoI/HiDpi/"; class="btn btn-primary btn-sm">Enable Hi-DPI 
Support in GTK Apps</a>
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/games-4k.png' | prepend: site.url }}" class="img-fluid w-100 shadow">
+        <img src="{{ '/assets/img/games-4k.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
@@ -45,7 +46,7 @@ page_main_heading_description: Thanks to all the hardwork by the community, new
           <span class="text-muted">GTK uses UTF-8 encoding for all of the text. This ensures that you can 
develop the app in your native language or any other language around the world.</span>
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/characters.png' | prepend: site.url }}" class="img-fluid w-100 shadow">
+        <img src="{{ '/assets/img/characters.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
@@ -56,7 +57,7 @@ page_main_heading_description: Thanks to all the hardwork by the community, new
           <span class="text-muted">In GTK, pointer and touch events are handled indistinctly, making your 
apps work on touchscreens out of the box.</span>
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/gestures.png' | prepend: site.url }}" class="img-fluid w-100 shadow">
+        <img src="{{ '/assets/img/gestures.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
@@ -67,7 +68,7 @@ page_main_heading_description: Thanks to all the hardwork by the community, new
           <span class="text-muted">The internal logic of the Vulkan renderer has been reworked to use 
textures instead of cairo surfaces for intermediate results and thus avoid more cairo fallbacks.</span>
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/performance.png' | prepend: site.url }}" class="img-fluid w-100 shadow">
+        <img src="{{ '/assets/img/performance.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
     </div>
   </div>
diff --git a/collections/_pages/index.html b/collections/_pages/index.html
index 49ba907..3df94a5 100644
--- a/collections/_pages/index.html
+++ b/collections/_pages/index.html
@@ -122,7 +122,7 @@ news_and_events_list:
     </div>
     <div class="row mt-4">
       <div class="col-8 mx-auto">
-        <img src="{{ '/assets/img/wall-usecases.svg' | prepend: site.url }}" class="w-100 img-fluid" 
style="height:100%;" />
+        <img src="{{ '/assets/img/wall-usecases.svg' | prepend: site.url }}" class="w-100 img-fluid" 
style="height:100%;" alt="GTK Usecases Wallpaper" />
       </div>
     </div>
     <br>
@@ -249,7 +249,7 @@ news_and_events_list:
     <div class="row py-4 px-3">
       {% assign back_img = '/assets/img/wall-gtk-symbolics.png' | prepend: site.url %}
       <div class="col-md-6 bg-no-repeat bg-center d-flex justify-content-center align-items-center py-4 
rounded" style="background: url('{{ back_img }}');">
-        <img src="{{ '/assets/img/logo-gtk.png' | prepend: site.url }}" class="img-fluid w-100" 
style="max-width:200px">
+        <img src="{{ '/assets/img/logo-gtk.png' | prepend: site.url }}" class="img-fluid w-100" 
style="max-width:200px"  alt="GTK Logo" />
       </div>
       <div class="col-md-6 py-3 py-md-0 px-0 px-md-3">
         {% assign development = page.development_section %}