HD-22392 Added Osano cookie consent

new file:   documentation/_resource/.icons/percona/logo.svg
	new file:   documentation/_resource/overrides/main.html
	new file:   documentation/_resource/overrides/partials/copyright.html
	new file:   documentation/docs/css/osano.css
	new file:   documentation/docs/js/consent.js
	new file:   documentation/docs/js/promptremover.js
	modified:   documentation/mkdocs.yml
	new file:   documentation/snippets/services-banner.md
pull/209/head
Anastasia Alexadrova 2 years ago
parent 665b580519
commit 977f88daff
  1. 3
      documentation/_resource/.icons/percona/logo.svg
  2. 28
      documentation/_resource/overrides/main.html
  3. 14
      documentation/_resource/overrides/partials/copyright.html
  4. 206
      documentation/docs/css/osano.css
  5. 6
      documentation/docs/js/consent.js
  6. 44
      documentation/docs/js/promptremover.js
  7. 39
      documentation/mkdocs.yml
  8. 14
      documentation/snippets/services-banner.md

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3996 14.148C21.9082 12.5083 22.7289 9.16368 21.2109 6.53493C20.4502 5.21636 19.2207 4.27206 17.7497 3.87776C16.3868 3.51187 14.9634 3.6615 13.7106 4.29444L12 1.33337L8.44934 7.48295L0.242432 21.6959H23.7576L19.3996 14.148ZM17.3474 5.38416C18.4167 5.66894 19.3064 6.35548 19.8606 7.31143C20.9499 9.19582 20.384 11.5859 18.6176 12.7931L14.4917 5.64797C15.3806 5.22055 16.3831 5.12734 17.3474 5.38416ZM12 4.45432L21.0533 20.135H15.7562L9.35029 9.04341L11.9995 4.45478L12 4.45432ZM2.94667 20.135L8.44888 10.6071L13.9511 20.135H2.94667Z"/>
</svg>

After

Width:  |  Height:  |  Size: 619 B

@ -0,0 +1,28 @@
{#-
This file was automatically generated - do not edit
-#}
{% extends "base.html" %}
{% 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 %}
{% if page and page.meta and page.meta.title %}
{% set title = title ~ " - " ~ page.meta.title %}
{% elif page and page.title and not page.is_homepage %}
{% set title = title ~ " - " ~ page.title %}
{% endif %}
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:image" content="https://docs.percona.com/pg-stat-monitor/_images/pg_stat_monitor.png">
<meta property="og:url" content="https://docs.percona.com/pg-stat-monitor/">
{% endblock %}

@ -0,0 +1,14 @@
{#-
This file was automatically generated - do not edit
-#}
<div class="md-copyright">
<div class="md-copyright__highlight">
<a href='https://percona.com' target='_blank'>Percona LLC and/or its affiliates, </a> &copy; {{ build_date_utc.strftime('%Y') }} — <a href="#" onclick="Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')">Cookie Preferences</a>
</div>
{% if not config.extra.generator == false %}
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
{% endif %}
</div>

@ -0,0 +1,206 @@
/* General styling */
.osano-cm-window {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-size: 20px;
}
.osano-cm-dialog--type_bar {
justify-content: center;
color: #000;
background: #fff;
box-shadow: 0 0 0 100vmax rgba(0,0,0,0.66)
}
.osano-cm-dialog {
font-size: 0.75em;
padding: 2em 1em;
color: var(--md-typeset-color);
background: var(--md-footer-bg-color--dark);
}
.osano-cm-header,
.osano-cm-info-dialog-header {
background: var(--md-default-bg-color);
}
.osano-cm-link,
.osano-cm-disclosure__toggle,
.osano-cm-expansion-panel__toggle {
color: var(--md-typeset-a-color);
}
.osano-cm-link:hover,
.osano-cm-link:active,
.osano-cm-disclosure__toggle:hover,
.osano-cm-disclosure__toggle:active,
.osano-cm-disclosure__toggle:focus,
.osano-cm-expansion-panel__toggle:hover,
.osano-cm-expansion-panel__toggle:active,
.osano-cm-expansion-panel__toggle:focus {
color: var(--md-accent-fg-color);
}
.osano-cm-drawer-links {
display: inline-block;
}
.osano-cm-link.osano-cm-storage-policy {
margin-right: 0.5em;
}
.osano-cm-description {
font-weight: 400;
}
.osano-cm-info {
color: var(--md-typeset-color);
background: var(--md-default-bg-color);
box-shadow: unset;
}
.osano-cm-dialog--hidden,
.osano-cm-info-dialog--hidden {
transition-delay: 0ms, 0ms;
}
.osano-cm-disclosure {
padding-top: 0;
}
.osano-cm-disclosure--collapse {
border-color: var(--md-default-fg-color--lightest);
}
/* Closing button */
.osano-cm-dialog__close,
.osano-cm-dialog__close:hover,
.osano-cm-dialog__close:focus,
.osano-cm-dialog__close:focus:hover {
color: var(--md-typeset-color);
stroke: var(--md-typeset-color);
border-color: transparent;
outline: initial;
}
.osano-cm-dialog__close:focus {
background-color: var(--md-default-fg-color--lightest);
}
.osano-cm-close {
padding: 0.25em;
margin: 0.5em;
stroke-width: 2px;
border-width: 2px;
opacity: 0.4;
}
.osano-cm-close:focus,
.osano-cm-close:hover {
stroke-width: 2px;
opacity: 1;
}
.osano-cm-info-dialog-header__close:focus {
background-color: var(--md-typeset-color);
}
/* Switch buttons */
.osano-cm-toggle__switch {
background-color: var(--md-default-fg-color--lightest);
transition: all 0.1s ease-out;
}
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch {
background-color: var(--md-default-fg-color--light);
border-color: transparent;
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch {
background-color: var(--md-default-fg-color--lightest);
border-color: transparent;
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch::before {
border-color: var(--md-accent-fg-color);
}
.osano-cm-toggle__input:focus:hover + .osano-cm-toggle__switch {
background-color: var(--md-default-fg-color--light);
border-color: transparent;
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch {
background-color: var(--md-primary-fg-color);
border-color: var(--md-primary-fg-color);
}
.osano-cm-toggle__input:checked:hover + .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:focus + .osano-cm-toggle__switch,
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch {
background-color: var(--md-primary-fg-color);
border-color: var(--md-primary-fg-color);
}
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch::before {
border-color: var(--md-accent-fg-color);
}
.osano-cm-toggle__input:checked:focus:hover + .osano-cm-toggle__switch {
background-color: var(--md-accent-fg-color);
border-color: var(--md-accent-fg-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 {
opacity: 0.3;
cursor: not-allowed;
}
.osano-cm-toggle__input + .osano-cm-toggle__switch::after {
background-color: var(--md-default-bg-color) !important;
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch::before {
border-color: transparent;
}
.osano-cm-list {
gap: 0.75em;
}
/* CTA Buttons */
.osano-cm-dialog__buttons {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 0.5em 0.75em;
}
.osano-cm-button {
font-family: var(--fHeading);
flex: 1 1 20em;
color: var(--md-primary-fg-color);
background-color: transparent;
border-width: 2px;
border-color: var(--md-primary-fg-color);
border-radius: 20em;
}
.osano-cm-button:hover {
color: var(--md-accent-fg-color);
background-color: transparent;
border-color: var(--md-accent-fg-color);
}
/* Widget */
.osano-cm-widget {
display: none;
opacity: 0.5;
border-radius: 10em;
bottom: 3em;
}
.osano-cm-widget:focus {
outline-offset: 0.125em;
outline-color: var(--md-default-fg-color--lighter);
outline-width: 0.1875em;
}
.osano-cm-widget__outline {
fill: transparent;
stroke: var(--md-typeset-color);
}
.osano-cm-widget__dot {
fill: var(--md-typeset-color);
}
/* Media conditions */
@media screen and (min-width: 768px) {
.osano-cm-dialog--type_bar .osano-cm-dialog__content {
max-width: 50em;
}
.osano-cm-dialog--type_bar .osano-cm-dialog__buttons {
max-width: 20em;
}
}

@ -0,0 +1,6 @@
var consent = __md_get("__consent")
if (consent && consent.custom) {
/* The user accepted the cookie */
} else {
/* The user rejected the cookie */
}

@ -0,0 +1,44 @@
document.addEventListener("DOMContentLoaded", function(){
// get collection of code blocks:
const collection = document.getElementsByClassName("highlight");
for (let i = 0; i < collection.length; i++) {
const commandElement=collection.item(i);
let commandButtonElement = commandElement.getElementsByTagName("button");
// read the prompt string from an attribute of the code block:
let promptString = commandElement.getAttribute("data-prompt");
if (!promptString) continue;
let commandCodeElement = commandElement.getElementsByTagName("code");
let commandCodeElementString = commandCodeElement.item(0).textContent;
let trueCommand = commandCodeElementString;
if (commandCodeElementString.startsWith(promptString)) {
// remove the first occurrence of the prompt:
trueCommand = commandCodeElementString.substring(promptString.length, commandCodeElementString.length).trim();
}
// remove other occurrencies in case of a multi-line string:
trueCommand = trueCommand.replaceAll("\n"+promptString, "\n").replace(/^[^\S\r\n]+/gm, "");
// CHECK IF THERE IS A SECOND PROMPT:
promptString = commandElement.getAttribute("data-prompt-second");
if (promptString) {
if (trueCommand.startsWith(promptString)) {
trueCommand = trueCommand.substring(promptString.length, trueCommand.length).trim();
}
trueCommand = trueCommand.replaceAll("\n"+promptString, "\n").replace(/^[^\S\r\n]+/gm, "");
}
// CHECK IF THERE IS A THIRD PROMPT:
promptString = commandElement.getAttribute("data-prompt-third");
if (promptString) {
if (trueCommand.startsWith(promptString)) {
trueCommand = trueCommand.substring(promptString.length, trueCommand.length).trim();
}
trueCommand = trueCommand.replaceAll("\n"+promptString, "\n").replace(/^[^\S\r\n]+/gm, "");
}
// attach the updated command as an attribute to the button where clipboard.js will find it:
commandButtonElement.item(0).setAttribute("data-clipboard-text", trueCommand);
}
});

@ -18,7 +18,7 @@ theme:
name: material
logo: _images/percona-logo.svg
favicon: _images/percona-favicon.ico
# custom_dir: _resource/overrides
custom_dir: _resource/overrides
font:
text: Roboto
@ -56,16 +56,19 @@ extra_css:
- https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css
- css/percona.css
- css/design.css
- css/osano.css
extra_javascript:
- js/version-select.js
- js/promptremover.js
- js/consent.js
markdown_extensions:
- attr_list
- toc:
permalink: True
- admonition
- md_in_html
- footnotes
- def_list # https://michelf.ca/projects/php-markdown/extra/#def-list
- meta
@ -78,13 +81,19 @@ markdown_extensions:
- pymdownx.tabbed:
alternate_style: true
- pymdownx.tilde
- pymdownx.superfences
- pymdownx.details
- pymdownx.highlight:
linenums: false
- pymdownx.snippets:
base_path: ["snippets"]
auto_append:
- services-banner.md
- pymdownx.emoji:
emoji_index: !!python/name:material.extensions.emoji.twemoji
emoji_generator: !!python/name:material.extensions.emoji.to_svg
options:
custom_icons:
- _resource/.icons
plugins:
@ -109,14 +118,24 @@ plugins:
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>.
analytics:
provider: google
property: G-J4J70BNH0G
feedback:
title: Was this page helpful?
ratings:
- icon: material/emoticon-happy-outline
name: This page was helpful
data: 1
note: >-
Thanks for your feedback!
- icon: material/emoticon-sad-outline
name: This page could be improved
data: 0
note: >-
Thank you for your feedback! Help us improve by using our
<a href="https://docs.google.com/forms/d/1bkWACehjqlwA0AKf-qTJcXvYbOSYgze8iTPXjntqmNo/edit" target="_blank" rel="noopener">
feedback form</a>.
nav:
- Home: index.md

@ -0,0 +1,14 @@
<div data-banner markdown>
## Get expert help { .title }
If you need assistance, visit the community forum for comprehensive and free database knowledge, or contact our Percona Database Experts for professional support and services.
<div class="actions" markdown>
[:material-forum-outline: Community Forum](https://forums.percona.com/c/postgresql/25?utm_campaign=Doc%20pages) [:percona-logo: Get a Percona Expert](https://www.percona.com/about/contact)
<img referrerpolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid=b95a2b04-c5c7-47f9-bb4e-b7fc13c3ab0d" />
</div></div>
Loading…
Cancel
Save