Sponsors: add new sponsor DotcomMonitor, add titles to all sponsors (#…

…679)

src/assets/less/pages/sponsors.less

@@ -269,6 +269,14 @@
 							height: 40px;
 						}
 					}
+
+					&.dotcom-monitor {
+						height: 25px;
+
+						@media (min-width: 576px) {
+							height: 30px;
+						}
+					}
 				}
 
 				.sp-text {

src/views/pages/sponsors.html

@@ -218,15 +218,15 @@ <h3 class="sp-header bronze-header" id="bronze">BRONZE</h3>
 
 			<div class="sp-row row-bronze">
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="Clever Cloud">
 						<a target="_blank" rel="noopener noreferrer" href="https://www.clever-cloud.com">
 							<img class="sp-img" width="231" height="60" src="{{@shared.assetsHost}}/img/sponsors/clever-cloud.png" srcset="{{@shared.assetsHost}}/img/sponsors/[email protected] 2x" loading="lazy">
 						</a>
 					</div>
 				</div>
 
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="Prebid">
 						<a target="_blank" rel="noopener noreferrer" href="https://prebid.org">
 							{{! filename is "pb" because "prebid" keyword is commonly blocked by ad blockers }}
 							<img class="sp-img" width="201" height="60" src="{{@shared.assetsHost}}/img/sponsors/pb.png" srcset="{{@shared.assetsHost}}/img/sponsors/[email protected] 2x" loading="lazy">
@@ -235,36 +235,50 @@ <h3 class="sp-header bronze-header" id="bronze">BRONZE</h3>
 				</div>
 
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="SpeedCurve">
 						<a target="_blank" rel="noopener noreferrer" href="https://www.speedcurve.com">
 							<img class="sp-img" width="265" height="60" src="{{@shared.assetsHost}}/img/sponsors/speedcurve.png" srcset="{{@shared.assetsHost}}/img/sponsors/[email protected] 2x" loading="lazy">
 						</a>
 					</div>
 				</div>
 
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="PackageCloud">
 						<a target="_blank" rel="noopener noreferrer" href="https://packagecloud.io">
 							<img class="sp-img packagecloud" width="223" height="30" src="{{@shared.assetsHost}}/img/sponsors/packagecloud.png" srcset="{{@shared.assetsHost}}/img/sponsors/[email protected] 2x" loading="lazy">
 						</a>
 					</div>
 				</div>
 
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="BairesDev">
 						<a target="_blank" rel="noopener noreferrer" href="https://www.bairesdev.com/sponsoring-open-source-projects/">
 							<img class="sp-img" width="223" height="60" src="{{@shared.assetsHost}}/img/sponsors/bairesdev.svg" loading="lazy">
 						</a>
 					</div>
 				</div>
 
 				<div class="sp-item">
-					<div class="sp">
+					<div class="sp" title="Route4Me">
 						<a target="_blank" rel="noopener noreferrer" href="https://route4me.com/">
 							<img class="sp-img" width="250" height="60" src="{{@shared.assetsHost}}/img/sponsors/route_4_me.svg" alt="Route Planner and Route Optimizer" loading="lazy">
 						</a>
 					</div>
 				</div>
+
+				<div class="sp-item">
+					<div class="sp"
+						title="Dotcom-Monitor is a trusted leader in website and network monitoring, providing a comprehensive suite of tools to keep digital assets secure, optimized, and available 24/7. With over two decades of experience, Dotcom-Monitor serves thousands of organizations globally.">
+						<a target="_blank" rel="noopener noreferrer" href="https://www.dotcom-monitor.com/sponsoring-open-source-projects/">
+							<img class="sp-img dotcom-monitor"
+								width="245"
+								height="25"
+								src="{{@shared.assetsHost}}/img/sponsors/dotcom-monitor.svg"
+								alt="Advanced Website Monitoring Solutions"
+								loading="lazy">
+						</a>
+					</div>
+				</div>
 			</div>
 
 			<div class="be-a-sp">