PG-328 Documentation setu and deploy on GH Pages

modified:   docs/USER_GUIDE.md
	new file:   docs/_images/PPG_links.png
	new file:   docs/_images/percona-favicon.ico
	new file:   docs/_images/percona-logo.svg
	new file:   docs/_images/percona_favicon.ico
	new file:   docs/css/percona.css
	new file:   docs/css/toctree.css
	new file:   docs/index.md
	new file:   docs/js/version-select.js
	new file:   docs/setup.md
	new file:   mkdocs.yml

docs/css/percona.css

@@ -0,0 +1,16 @@
+[data-md-color-scheme="percona-light"] {
+  --md-primary-fg-color:        #e97e03;
+  --md-primary-fg-color--light: #ECB7B7;
+  --md-primary-fg-color--dark:  #90030C;
+}
+[data-md-color-scheme="slate"] {
+    --md-primary-fg-color:        #e97e03;
+    /*
+    --md-primary-fg-color--light: #ECB7B7;
+    --md-primary-fg-color--dark:  #90030C;
+    */
+    --md-hue: 210; /* [0, 360] */
+  }
+ul li p {
+	margin: 0;
+}

docs/css/toctree.css

@@ -0,0 +1,48 @@
+.sphinxsidebarwrapper {
+    padding-right: 0 !important;
+}
+/* Turns off bullets within toctree */
+.sphinxsidebarwrapper ul {
+    list-style: none;
+}
+.sphinxsidebarwrapper>ul {
+    padding-left: 0;
+}
+.sphinxsidebarwrapper>ul>li {
+    padding: 0 0 10px 0;
+    margin: 0;
+}
+.custom-button {
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 10px;
+    margin-right: 5px;
+    margin-bottom: 0;
+    font-size: 18px;
+    font-weight: 400;
+    border: none;
+    background-color: transparent;
+    outline: none;
+}
+
+.custom-button~ul {
+    display: none;
+}
+
+.custom-button--main-active {
+    background-color: #e3e3e3
+}
+
+.custom-button.custom-button--active~ul {
+    display: block;
+}
+
+.custom-button:before {
+    content: '+';
+}
+
+.custom-button.custom-button--active:before {
+    content: '-';
+}