PG-2488 - Add Kapa AI (18)

_resource/overrides/main.html

@@ -32,11 +32,6 @@
   </div>
 {% endblock %}
 
-{% block scripts %}
-<script src="https://cmp.osano.com/Azqe5vTyLOSbN3OuT/49ad85b5-0418-4794-ab81-7599dddd534c/osano.js"></script>
-{{ super() }}
-{% endblock %}
-
                {% block extrahead %}
                {{ super() }}
                  {% set title = config.site_name %}

_resourcepdf/overrides/main.html

@@ -33,8 +33,8 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="https://cmp.osano.com/Azqe5vTyLOSbN3OuT/49ad85b5-0418-4794-ab81-7599dddd534c/osano.js"></script>
 {{ super() }}
+<script src="https://cmp.osano.com/Azqe5vTyLOSbN3OuT/49ad85b5-0418-4794-ab81-7599dddd534c/osano.js"></script>
 {% endblock %}
 
                {% block extrahead %}

docs/css/kapa.css

@@ -0,0 +1,64 @@
+button#ask-percona-ai {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    gap: 0.45rem;
+
+    /* Match MkDocs Material search field */
+    height: 1.8rem;
+    padding: 0 0.9rem;
+    margin-left: 0.5rem;
+
+    border: none;
+    border-radius: 0.1rem;
+
+    background: #05469F;
+    color: #B8C8E2;
+
+    box-shadow: var(--md-shadow-z1);
+
+    cursor: pointer;
+
+    font-family: inherit;
+    font-size: 0.8rem;
+    font-weight: 400;
+    line-height: 1;
+
+    white-space: nowrap;
+
+    transition:
+        background-color 0.25s ease,
+        box-shadow 0.25s ease;
+}
+
+button#ask-percona-ai:hover {
+    background: #2E73DC;
+}
+
+button#ask-percona-ai:focus-visible {
+    outline: none;
+    box-shadow:
+        0 0 0 0.1rem rgba(46, 115, 220, 0.35),
+    var(--md-shadow-z2);
+}
+
+button#ask-percona-ai .percona-star,
+button#ask-percona-ai .percona-text {
+    color: inherit;
+}
+
+button#ask-percona-ai .percona-star {
+    font-size: 0.85rem;
+    line-height: 1;
+}
+
+@media screen and (max-width: 768px) {
+    button#ask-percona-ai {
+        padding: 0 0.75rem;
+    }
+
+    button#ask-percona-ai .percona-text {
+        display: none;
+    }
+}