Add an animated Prometheus Operator logo.

I've spent some time learning and experimenting with rive.app today.
The result is an animated Prometheus Operator logo which I'm proposing to add.

It's probably easiest to review with Netlify's preview.

Author: metalmatze

layouts/index.html

@@ -2,7 +2,7 @@
 <section class="section container-fluid mt-n3 pb-3">
     <div class="row justify-content-center">
         <div class="col-lg-12 text-center">
-            <img src="{{ .Site.BaseURL | absURL }}/logo.svg" alt="Prometheus Operator Logo" height="200">
+            <canvas id="logo" width="250" height="250"></canvas>
             <h1 class="mt-0">{{ .Title }}</h1>
         </div>
         <div class="col-lg-9 col-xl-8 text-center">
@@ -15,6 +15,15 @@ <h1 class="mt-0">{{ .Title }}</h1>
             </p>
         </div>
     </div>
+    <script src="https://unpkg.com/@rive-app/canvas@1.0.102"></script>
+    <script>
+      new rive.Rive({
+        src: "{{ .Site.BaseURL | absURL }}/logo.riv",
+        canvas: document.getElementById("logo"),
+        autoplay: true,
+        stateMachines: 'logo',
+      })
+    </script>
 </section>
 {{ end }}