Skip to content
Snippets Groups Projects
Commit ecd84068 authored by Alexander Tolstoy's avatar Alexander Tolstoy
Browse files

Merge branch '14-04' into 'main' 

New Mkdocs theme upload

See merge request picodata/picodata/docs!5
parents fdc5211d 70171f5e
No related branches found
No related tags found
1 merge request!5New Mkdocs theme upload
Pipeline #3803 passed
Stage: build
Stage: pack
Stage: upload
Stage: deploy
Hide whitespace changes
Inline Side-by-side
docs/assets/favicon.png 0 → 100644
NaN GiB (NaN%)
View file @ ecd84068
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
docs/assets/logo.svg 0 → 100644
NaN GiB (NaN%)
View file @ ecd84068
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
docs/extra/style.css 0 → 100644
+ 291
− 0
View file @ ecd84068
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
:root {
--bg: linear-gradient(353.02deg, #DEEEF9 15.65%, #E0EFF9 41.41%, #D2EAFB 66.24%, #E8F3FB 94.82%);
--shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 4px 24px rgba(0, 0, 0, 0.08);
--red: #ED453A;
--btn-gray-bg: transparent;
--btn-gray-border: rgba(43, 45, 44, 0.1);
--btn-gray-hover-bg: rgba(43, 45, 44, 0.12);
--btn-gray-hover-border: rgba(43, 45, 44, 0.08);
--btn-red-bg: #ED453A;
--btn-red-border: #ED453A;
--btn-red-hover-bg: #D74137;
--btn-red-hover-border: #D74137;
--md-primary-fg-color: var(--red);
--md-accent-fg-color: var(--red);
--md-primary-bg-color: #1f1e1e;
--md-default-fg-color--light: #1f1e1e;
}
html {
background: var(--bg);
height: auto;
}
body {
background: transparent;
min-height: 100vh;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
border-radius: 26px;
font-size: 15px;
color: var(--black);
background-color: transparent;
border: 1px solid transparent;
line-height: 1.2em;
padding: 0 32px;
height: 52px;
text-decoration: none;
text-align: center;
box-sizing: border-box
}
.btn.sm {
font-weight: 400;
height: 36px;
border-radius: 18px;
padding: 0 25px
}
.btn.lg {
height: 56px
}
.btn.red {
background: var(--btn-red-bg);
border-color: var(--btn-red-border);
color: #fff
}
.btn.red:hover {
background: var(--btn-red-hover-bg);
border-color: var(--btn-red-hover-border)
}
.btn.gray {
background: var(--btn-gray-bg);
border-color: var(--btn-gray-border);
color: var(--black)
}
.btn.gray:hover {
background: var(--btn-gray-hover-bg);
border-color: var(--btn-gray-hover-border)
}
.btn:disabled,.btn.disabled {
background-color: var(--gray);
border-color: var(--gray);
pointer-events: none
}
.header-site {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 0 .8rem;
font-size: 17px;
font-weight: 500;
z-index: 9;
}
.header-site:hover {
z-index: 11;
}
.header-site__wrapper {
display: none;
flex-direction: row;
align-items: center;
}
@media(min-width: 540px) {
.header-site__wrapper {
display: flex;
}
}
.md-header,
.md-tabs {
background-color: transparent;
}
.md-search {
z-index: 10;
}
.md-tabs__link--active {
color: var(--red) !important;
}
.md-header {
transition: transform .25s cubic-bezier(.1,.7,.1,1),
box-shadow .25s,
background-color .25s;
}
.md-header[data-md-state="shadow"] {
background-color: white;
}
@media screen and (max-width: 76.1875em) {
.md-nav--primary .md-nav__title[for=__drawer] {
background-color: rgba(0,0,0,.15);
}
}
@media screen and (min-width: 60em) {
.md-search__form {
background-color:rgba(0,0,0,.26);
border-radius: .1rem;
height: 1.8rem
}
.md-search__form:hover {
background-color: white;
color: inherit;
}
}
@media(min-width: 992px) {
.header-site {
height: 80px;
}
}
@media(min-width: 1400px) {
.header-site {
padding: 0 60px;
}
}
.header-site nav {
margin: 0 32px 0 0;
}
.header-site nav ul {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
}
@media(min-width: 992px) {
.header-site nav ul {
display: flex;
}
}
.header-site nav ul li {
position: relative;
margin: 0 0 0 32px;
}
.header-site nav ul li a {
display: block;
color: inherit;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all .35s ease-in-out;
}
.header-site nav ul li a:hover {
color: var(--red)
}
.header-site nav ul > li ul {
flex-direction: column;
visibility: hidden;
opacity: 0;
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 0px);
transition: visibility .35s ease-in-out,opacity .35s ease-in-out;
list-style-type: none;
margin: 10px 0 0;
padding: 8px;
border-radius: 12px;
background: #fff;
box-shadow: var(--shadow);
z-index: 200;
}
.header-site nav ul > li ul:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 10px;
z-index: 1
}
.header-site nav ul > li ul li {
display: flex;
margin: 0
}
.header-site nav ul > li ul li a {
display: flex;
justify-content: space-between;
flex: 1;
font-size: 13px;
padding: 10px 12px;
border-radius: 8px;
line-height: 100%;
text-decoration: none;
color: inherit;
white-space: nowrap
}
.header-site nav ul > li:hover > ul {
visibility: visible;
opacity: 1
}
.md-logo {
display: none !important;
}
.md-header__title {
margin-left: 0.6rem !important;
}
.md-header__topic {
font-family: "Montserrat", sans-serif;
}
/* .md-header__topic, */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
font-weight: 700 !important;
line-height: 1.2em;
letter-spacing: -0.02em !important;;
}
.md-header__topic,
h4,
h5,
h6 {
font-weight: 600 !important;
}
\ No newline at end of file
docs/sharding.png
-9.90 KiB (-13%)
View file @ ecd84068
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
mkdocs.yml
+ 13
− 1
View file @ ecd84068
......@@ -5,7 +5,19 @@ nav:
- Преимущества: benefits.md
- Установка и первые шаги: install.md
- Услуги: services.md
theme: readthedocs
theme:
name: material
custom_dir: overrides
font:
text: Inter
logo: assets/logo.svg
favicon: assets/favicon.png
language: ru
features:
- navigation.tabs
extra_css:
- extra/style.css
plugins:
- search:
lang:
......
overrides/partials/header.html 0 → 100644
+ 86
− 0
View file @ ecd84068
{% set class = "md-header" %}
{% if "navigation.tabs.sticky" in features %}
{% set class = class ~ " md-header--lifted" %}
{% endif %}
<header class="{{ class }}" data-md-component="header">
{% include "site-header.html" %}
<nav class="md-header__inner md-grid" aria-label="{{ lang.t('header.title') }}">
<a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" title="{{ config.site_name | e }}" class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
{% include "partials/logo.html" %}
</a>
<label class="md-header__button md-icon" for="__drawer">
{% include ".icons/material/menu" ~ ".svg" %}
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
{{ config.site_name }}
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
{% if page and page.meta and page.meta.title %}
{{ page.meta.title }}
{% else %}
{{ page.title }}
{% endif %}
</span>
</div>
</div>
</div>
{% if not config.theme.palette is mapping %}
<form class="md-header__option" data-md-component="palette">
{% for option in config.theme.palette %}
{% set primary = option.primary | replace(" ", "-") | lower %}
{% set accent = option.accent | replace(" ", "-") | lower %}
<input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" {% if option.toggle %} aria-label="{{ option.toggle.name }}" {% else %} aria-hidden="true" {% endif %} type="radio" name="__palette" id="__palette_{{ loop.index }}">
{% if option.toggle %}
<label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
</label>
{% endif %}
{% endfor %}
</form>
{% endif %}
{% if config.extra.alternate %}
<div class="md-header__option">
<div class="md-select">
{% set icon = config.theme.icon.alternate or "material/translate" %}
<button class="md-header__button md-icon" aria-label="{{ lang.t('select.language.title') }}">
{% include ".icons/" ~ icon ~ ".svg" %}
</button>
<div class="md-select__inner">
<ul class="md-select__list">
{% for alt in config.extra.alternate %}
<li class="md-select__item">
<a href="{{ alt.link | url }}" hreflang="{{ alt.lang }}" class="md-select__link">
{{ alt.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}
{% if "search" in config["plugins"] %}
<label class="md-header__button md-icon" for="__search">
{% include ".icons/material/magnify.svg" %}
</label>
{% include "partials/search.html" %}
{% endif %}
{% if config.repo_url %}
<div class="md-header__source">
{% include "partials/source.html" %}
</div>
{% endif %}
</nav>
{% if "navigation.tabs.sticky" in features %}
{% if "navigation.tabs" in features %}
{% include "partials/tabs.html" %}
{% endif %}
{% endif %}
</header>
\ No newline at end of file
overrides/site-header.html 0 → 100644
+ 64
− 0
View file @ ecd84068
<div class="header-site">
<div class="header-site__logo">
<a href="https://picodata.io">
<img src="https://picodata.io/wp-content/themes/picodata/assets/images/logo.svg" alt="Picodata">
</a>
</div>
<div class="header-site__wrapper">
<nav>
<ul>
<li>
<a href="https://picodata.io/picodata/">Продукты</a>
<ul>
<li>
<a href="https://picodata.io/picodata/">Picodata</a>
</li>
<li>
<a target="_blank" rel="noopener" href="https://stroppy.io/">Stroppy</a>
</li>
</ul>
</li>
<li>
<a href="https://picodata.io/services/">Услуги</a>
<ul>
<li>
<a href="/services/#support">Поддержка 24×7</a>
</li>
<li>
<a href="/services/#smart_start">Смарт Старт</a>
</li>
<li>
<a href="/services/#dba_saas">DBA as a service</a>
</li>
<li>
<a href="/services/#education">Тренинги</a>
</li>
</ul>
</li>
<li class="current-menu-item">
<a href=".">Документация</a>
<ul>
<li class="active">
<a href=".">Picodata</a>
</li>
</ul>
</li>
<li>
<a href="https://picodata.io/about/">О компании</a>
<ul class="sub-menu">
<li>
<a href="https://picodata.io/construction/">Блог</a>
</li>
<li>
<a href="https://picodata.io/construction/">Новости</a>
</li>
<li>
<a href="https://picodata.io/about/contacts/">Контакты</a>
</li>
</ul>
</li>
</ul>
</nav>
<a href="https://picodata.io/download/" class="btn sm red">Скачать</a>
</div>
</div>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment