Link to blackbox exporter on index.html

Author: sdarwin

Diff for: group_vars/web/web.yml

@@ -4,6 +4,7 @@ port_mapping:
   prometheus: 9090
   alertmanager: 9093
   node: 9100
+  blackbox: 9115
 
 # TODO(paulfantom): reenable when https://github.com/caddy-ansible/caddy-ansible/issues/13 is fixed
 caddy_update: false

Diff for: playbooks/files/index.html

@@ -80,6 +80,21 @@ <h1>Prometheus</h1>
           </div>
         </div>
       </div>    
+      <div class="row">
+        <div class="col-6 my-4">
+          <div class="card text-center text-white bg-secondary">
+            <div class="card-header">
+              <a href="https://github.com/prometheus/blackbox_exporter" class="text-white">Blackbox exporter <i class="fab fa-github"></i></a>
+            </div>
+            <div class="card-body">
+              <a href="https://galaxy.ansible.com/cloudalchemy/blackbox-exporter"><img src="https://img.shields.io/badge/ansible%20role-cloudalchemy.blackbox_exporter-blue.svg" alt="Blackbox exporter ansible role"/></a><br>
+            </div>
+            <div class="card-footer">
+              <a href="https://blackbox.demo.do.prometheus.io" class="btn btn-dark">Open demo</a>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="row">
         <div class="col-lg-12 my-12">
           <div class="card text-center text-white bg-secondary">