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

@@ -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">

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);
+}

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 */
+}

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: