Adding title to sponsor images and adjusting sizes

[deploy site]

Author: diemol

website_and_docs/layouts/partials/bronze-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Bronze Level Sponsors</h2>
   {{ range .Data.sponsors.bronze.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}"/>
+      <img class="w-100 shadow-1-strong rounded backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}

website_and_docs/layouts/partials/development-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Development Partners</h2>
   {{ range .Data.sponsors.development.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}" />
+      <img class="w-100 shadow-1-strong rounded selenium-backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}

website_and_docs/layouts/partials/gold-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Gold Level Sponsors</h2>
   {{ range .Data.sponsors.gold.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}"/>
+      <img class="w-100 shadow-1-strong rounded backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}

website_and_docs/layouts/partials/platinum-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Platinum Level Sponsors</h2>
   {{ range .Data.sponsors.platinum.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}"/>
+      <img class="w-100 shadow-1-strong rounded backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}

website_and_docs/layouts/partials/selenium-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Selenium Level Sponsors</h2>
   {{ range .Data.sponsors.selenium.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}"/>
+      <img class="w-100 shadow-1-strong rounded selenium-backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}

website_and_docs/layouts/partials/silver-level-sponsors.html

@@ -6,7 +6,11 @@ <h2 class="selenium text-center">Silver Level Sponsors</h2>
   {{ range .Data.sponsors.silver.item }}
   <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 align-self-center px-5 py-3">
     <a href="{{ .url }}" class="border-0">
-      <img class="w-100 shadow-1-strong rounded selenium-backer-logo" src="{{ .logo }}" alt="{{ .name }}"/>
+      <img class="w-100 shadow-1-strong rounded backer-logo"
+           src="{{ .logo }}"
+           alt="{{ .name }}"
+           title="{{ .name }}"
+      />
     </a>
   </div>
   {{ end }}