From 1badbe58a1e706dc56342afbdccea15025c0b455 Mon Sep 17 00:00:00 2001
From: Anastasia Alexandrova <anastasia.alexandrova@percona.com>
Date: Thu, 29 Feb 2024 15:01:22 +0100
Subject: [PATCH] HD-22392 Added Osano cookie consent (#205)

modified:   _resource/overrides/main.html
	modified:   docs/index.md
	new file:   docs/js/consent.js
	modified:   mkdocs-base.yml
---
 _resource/overrides/main.html |  5 +++
 docs/css/osano.css            | 64 +++++++++++++++++++++++++++++++++++
 docs/js/consent.js            |  6 ++++
 mkdocs-base.yml               | 11 ++----
 4 files changed, 78 insertions(+), 8 deletions(-)
 create mode 100644 docs/css/osano.css
 create mode 100644 docs/js/consent.js

diff --git a/_resource/overrides/main.html b/_resource/overrides/main.html
index 131a0842..8bc9ac5e 100644
--- a/_resource/overrides/main.html
+++ b/_resource/overrides/main.html
@@ -6,6 +6,11 @@
 {# Import the theme's layout. #}
 {% extends "base.html" %}
 
+{% block scripts %}
+<script src="https://cmp.osano.com/Azqe5vTyLOSbN3OuT/49ad85b5-0418-4794-ab81-7599dddd534c/osano.js"></script>
+{{ super() }}
+{% endblock %}
+
 {%- macro relbar2 () %}
 <div class="md-relbar2__inner md-grid">
 <div class="md-content">
diff --git a/docs/css/osano.css b/docs/css/osano.css
new file mode 100644
index 00000000..1bbf6fe5
--- /dev/null
+++ b/docs/css/osano.css
@@ -0,0 +1,64 @@
+.osano-cm-dialog--type_bar {
+color: #000;
+background: #fff;
+box-shadow: 0 0 0 100vmax rgba(0,0,0,0.66)
+}
+
+
+.osano-cm-dialog {
+background: var(--md-default-bg-color);
+color: var(--md-typeset-color);	
+}
+
+.osano-cm-save {
+	background: var(--md-accent-bg-color);
+}
+
+.osano-cm-button {
+background-color: unset;
+border-color: var(--md-accent-fg-color);
+color: var(--md-accent-fg-color);
+border-radius: 10rem;
+}
+
+.osano-cm-button:focus, .osano-cm-button:hover {
+background-color: var(--md-accent-fg-color);
+border-color: var(--md-accent-fg-color);
+color: var(--md-accent-bg-color);
+}
+
+.osano-cm-dialog__close:hover {
+stroke: #ebebeb;
+}
+
+.osano-cm-link {
+	color: var(--md-typeset-a-color);
+}
+
+.osano-cm-link:hover, .osano-cm-link:active {
+    --webkit-tap-highlight-color: transparent;
+    color: var(--md-typeset-a-color);
+}
+
+.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch, .osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch, .osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {
+background-color: var(--md-accent-fg-color);
+border-color: var(--md-accent-fg-color);
+}
+
+.osano-cm-toggle__input:checked + .osano-cm-toggle__switch {
+background-color: var(--md-accent-fg-color);
+border-color: var(--md-accent-fg-color);
+}
+
+.osano-cm-toggle__switch {
+background-color: var(--md-footer-bg-color);
+}
+
+
+.osano-cm-disclosure__toggle:hover, .osano-cm-disclosure__toggle:active, .osano-cm-expansion-panel__toggle:hover, .osano-cm-expansion-panel__toggle:active {
+color: var(--md-typeset-a-color);
+}
+
+.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle {
+color: var(--md-typeset-a-color);
+}
\ No newline at end of file
diff --git a/docs/js/consent.js b/docs/js/consent.js
new file mode 100644
index 00000000..b6f8a8ac
--- /dev/null
+++ b/docs/js/consent.js
@@ -0,0 +1,6 @@
+var consent = __md_get("__consent")
+if (consent && consent.custom) {
+  /* The user accepted the cookie */
+} else {
+  /* The user rejected the cookie */
+}
\ No newline at end of file
diff --git a/mkdocs-base.yml b/mkdocs-base.yml
index d7e1eddd..b5c88322 100644
--- a/mkdocs-base.yml
+++ b/mkdocs-base.yml
@@ -62,11 +62,14 @@ extra_css:
   - css/percona.css
   - css/nocopy.css
   - css/extra.css
+  - css/osano.css
   - css/design.css
 
+
 extra_javascript:
   - js/version-select.js
   - js/promptremover.js
+  - ja/consent.js
 
 markdown_extensions:
   abbr: {}
@@ -148,14 +151,6 @@ extra:
   version:
     provider: mike
   homepage: https://docs.percona.com
-  consent:
-    title: Cookie consent
-    description: >- 
-      We use cookies to recognize your repeated visits and preferences, as well
-      as to measure the effectiveness of our documentation and whether users
-      find what they're searching for. With your consent, you're helping us to
-      make our documentation better. Read more about <a class="reference external" href="https://www.percona.com/20180524-cookie-policy" target="_blank">Percona Cookie Policy</a>.
-
 
 nav:
   - Home: