1
0
mirror of https://github.com/minio/docs.git synced 2025-07-28 19:42:10 +03:00

New design implementation

Additional fixups
This commit is contained in:
Rushan
2020-11-21 12:21:22 +04:00
committed by ravindk89
parent 0a47beb252
commit 78108c0b40
28 changed files with 7536 additions and 333 deletions

4
.gitignore vendored
View File

@ -11,3 +11,7 @@ venv
# ignore pycache
__pycache__
# ignore node
node_modules

57
gulpfile.js Normal file
View File

@ -0,0 +1,57 @@
'use strict';
var gulp = require ('gulp');
var $ = require ('gulp-load-plugins') ();
var connect = require('gulp-connect');
var paths = {
scss: {
dir: 'source/_static/scss',
main: 'source/_static/scss/main.scss',
files: 'source/_static/scss/**/*.scss'
},
css: {
dir: 'source/_static/css',
main: 'source/_static/scss/main.css',
files: 'source/_static/scss/**/*.css',
dist: 'build/html/_static/css'
},
dist: 'build/html'
}
// Compile SCSS
function handleStyle() {
}
gulp.task('handleStyle', function() {
return gulp.src (paths.scss.main)
.pipe($.sass ())
.pipe($.autoprefixer())
.pipe(gulp.dest (paths.css.dir))
.pipe($.cssmin())
.pipe($.rename({
suffix: '.min'
}))
.pipe(gulp.dest (paths.css.dir))
.pipe(gulp.dest (paths.css.dist))
.pipe(connect.reload());
});
gulp.task('connect', function() {
connect.server({
root: paths.dist,
livereload: true
});
});
// Watch
gulp.task('watch', function () {
gulp.watch(paths.scss.files, gulp.series('handleStyle'))
});
// Build
gulp.task('default', gulp.series('connect', 'watch'));

6007
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

34
package.json Normal file
View File

@ -0,0 +1,34 @@
{
"name": "minio-documentation",
"version": "1.0.0",
"description": "Official MinIO documentation",
"main": "index.rst",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/minio/docs.git"
},
"author": "Ravind Kumar",
"license": "Apache-2.0",
"bugs": {
"url": "https://github.com/minio/docs/issues"
},
"homepage": "https://github.com/minio/docs#readme",
"devDependencies": {
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-connect": "^5.7.0",
"gulp-cssmin": "^0.2.0",
"gulp-load-plugins": "^2.0.4",
"gulp-rename": "^2.0.0",
"gulp-sass": "^4.1.0",
"gulp-watch": "^5.0.1",
"gulp-webserver": "^0.9.1",
"node-sass": "^4.14.1"
},
"browserslist": [
"last 2 versions"
]
}

526
source/_static/css/main.css Normal file
View File

@ -0,0 +1,526 @@
@font-face {
font-family: "Mark";
src: url("../fonts/Mark-Regular.woff2") format("woff2"), url("../fonts/Mark-Regular.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "Mark";
src: url("../fonts/Mark-Medium.woff2") format("woff2"), url("../fonts/Mark-Medium.woff") format("woff");
font-weight: 500;
font-style: normal; }
html {
line-height: 1.35;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
main {
display: block; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
pre {
font-family: monospace, monospace;
font-size: .9em; }
a {
background-color: transparent;
text-decoration: none; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; }
b,
strong {
font-weight: bold; }
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: .9em; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button[disabled] {
cursor: default; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
padding: 0.35em 0.75em 0.625em; }
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
address {
font-style: normal;
color: inherit;
margin: 0; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
*:focus, *:active {
outline: none; }
html {
font-size: 16px; }
body {
all: unset;
font-family: "Mark", sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #4b4b4b;
background-color: #F9F9F9;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
a {
color: #0045ec;
text-decoration: none; }
a:hover {
color: #0036b9;
text-decoration: none; }
h1, h2, h3, h4, h5 {
color: #1C1C1C; }
h1 > a.toc-backref, h2 > a.toc-backref, h3 > a.toc-backref, h4 > a.toc-backref, h5 > a.toc-backref {
color: #1C1C1C; }
div.admonition > p.admonition-title {
font-weight: bold;
font-family: "Mark", sans-serif;
font-size: 1.2rem; }
div.admonition.warning {
background-color: #FFF2F2;
border: none;
border-left: 4px solid #E54253; }
div.admonition.important {
background-color: #FFF9E6;
border: none;
border-left: 4px solid #EDBC39; }
div.admonition.note {
background-color: #EDF9FF;
border: none;
border-left: 4px solid #2592EF; }
dl.minio {
margin: 10px 0 10px 0; }
div.footer {
width: auto;
margin: 0px; }
.align-default {
text-align: left; }
table.docutils {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none; }
table.docutils > thead tr th {
border: none;
border-bottom: 1px solid #e6e6e6;
font-size: 1rem;
color: #C72C48; }
table.docutils > tbody tr td {
border: none;
border-bottom: 1px solid #e6e6e6; }
table.docutils > tbody tr td > p {
font-size: .90rem; }
.xref {
color: #C72C48; }
@media (min-width: 1200px) {
.content, .header {
padding: 0 4rem; } }
@media (max-width: 1199px) {
.content, .header {
padding: 0 1.5rem; } }
.content {
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: calc(100vh - 5rem); }
.content__main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding: 1.5rem 3rem;
background-color: #ffffff;
-ms-flex-item-align: start;
align-self: flex-start; }
.content__right {
-ms-flex-negative: 0;
flex-shrink: 0;
position: sticky;
top: 0;
max-width: 200px; }
.header {
height: 5rem;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 100%;
z-index: 10;
-ms-flex-negative: 0;
flex-shrink: 0;
display: flex;
align-items: center; }
.logo {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.logo > img {
height: 1.05rem; }
.nav {
margin-left: auto; }
.nav > a {
font-size: 0.95rem;
line-height: 100%;
padding: 0.4rem 1.2rem 0.55rem;
border-radius: 0.2rem; }
.nav > a, .nav > a:hover {
color: #4b4b4b; }
.nav > a:not(:last-child) > span {
position: relative; }
.nav > a:not(:last-child) > span::after {
content: '';
height: 1px;
width: 100%;
background-color: #4b4b4b;
bottom: -10px;
-webkit-transform: translateY(0);
transform: translateY(0);
left: 0;
position: absolute;
opacity: 0;
-webkit-transition: opacity 250ms, -webkit-transform 250ms;
transition: opacity 250ms, -webkit-transform 250ms;
transition: opacity 250ms, transform 250ms;
transition: opacity 250ms, transform 250ms, -webkit-transform 250ms;
pointer-events: none; }
.nav > a:not(:last-child).active > span::after, .nav > a:not(:last-child):hover > span::after {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
opacity: 1; }
.nav > a:last-child {
border: 1px solid #C72C48;
-webkit-transition: background-color 300ms, color 300ms;
transition: background-color 300ms, color 300ms; }
.nav > a:last-child:hover {
background-color: #C72C48;
color: #ffffff; }
.sidebar-toggle {
position: relative;
width: 40px;
height: 40px;
margin: 0 1rem 0 -0.35rem;
cursor: pointer;
border-radius: 0.2rem;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
-ms-flex-negative: 0;
flex-shrink: 0; }
@media (min-width: 992px) {
.sidebar-toggle {
display: none; } }
.sidebar-toggle:hover {
background-color: rgba(199, 44, 72, 0.075); }
.sidebar-toggle::before, .sidebar-toggle::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
-webkit-transition: opacity 250ms, -webkit-transform 250ms;
transition: opacity 250ms, -webkit-transform 250ms;
transition: opacity 250ms, transform 250ms;
transition: opacity 250ms, transform 250ms, -webkit-transform 250ms; }
.sidebar-toggle::before {
background-image: url(../img/icons/menu.svg);
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sidebar-toggle::after {
background-image: url(../img/icons/arrow-back.svg);
opacity: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25); }
.sidebar-toggled .sidebar-toggle::before {
opacity: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25); }
.sidebar-toggled .sidebar-toggle::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sidebar {
width: 18rem;
position: sticky;
position: -webkit-sticky;
top: 0;
background-color: #F9F9F9;
overflow-y: auto;
padding: 1.5rem 1.5rem 1.5rem 0;
-webkit-transition: opacity 400ms, -webkit-transform 300ms;
transition: opacity 400ms, -webkit-transform 300ms;
transition: opacity 400ms, transform 300ms;
transition: opacity 400ms, transform 300ms, -webkit-transform 300ms;
z-index: 9; }
@media (max-width: 991px) {
.sidebar {
position: fixed;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
height: 100%;
padding: 6.5rem 1.5rem 1.5rem;
-webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);
opacity: 0; } }
.index-link {
color: #1C1C1C;
font-size: .8rem;
text-transform: uppercase; }
.index-link:hover {
color: #1C1C1C; }
.sidebar-toggled .sidebar {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.search {
margin-bottom: 1rem; }
.search__text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #F0F0F0;
height: 2.65rem;
border-radius: 0.2rem;
background-color: #ffffff;
color: #555555;
font-size: 0.85rem;
width: 100%;
padding: 0 1rem 0.1rem 2.6rem;
background: url(../img/icons/search.svg) no-repeat center left 1rem;
background-color: #ffffff; }
.search__text:focus {
border-color: #cacaca; }
.docs ul {
list-style: none;
padding: 0;
font-size: .95rem; }
.docs ul > li > a, .docs ul > li > a > code {
all: unset; }
.docs ul > li > a:hover {
border: 0;
cursor: pointer; }
.docs > ul {
margin: 0; }
.docs > ul > li > a {
color: #1C1C1C;
padding: 0.5rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.docs > ul > li > a:hover {
color: #000000; }
.docs > ul > li.current > a {
color: #C72C48;
font-weight: 500; }
.docs > ul > li > ul {
margin: 0 0 0.5rem; }
.docs > ul > li > ul > li > a {
font-size: 0.85rem;
color: #494949;
display: block;
padding: 0.4rem 0; }
.docs > ul > li > ul > li > a:hover {
color: black; }
.docs > ul > li > ul > li > a.current {
color: black;
font-weight: 500; }
div#localtoc {
font-size: 13px;
margin-left: 20px; }
#table-of-contents {
background: none;
border-style: none; }
#table-of-contents ul {
list-style: none;
margin: 10px 0px 10px 0px; }
#table-of-contents ul > li {
list-style: none;
margin: 10px 0px 10px 0px; }
#table-of-contents ul > li > p a.reference {
text-decoration: none;
border-bottom: none;
color: #1C1C1C; }
#table-of-contents ul > li > ul {
margin: 10px 0px 10px 10px; }

1
source/_static/css/main.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,227 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="docs-logo.svg"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
id="svg8"
version="1.1"
viewBox="0 0 600 80"
height="80"
width="600">
<defs
id="defs2">
<linearGradient
id="Glacier"
osb:paint="solid">
<stop
style="stop-color:#edf7f7;stop-opacity:1;"
offset="0"
id="stop924" />
</linearGradient>
<linearGradient
id="Meridian"
osb:paint="solid">
<stop
style="stop-color:#132742;stop-opacity:1;"
offset="0"
id="stop918" />
</linearGradient>
<linearGradient
id="Nautical"
osb:paint="solid">
<stop
style="stop-color:#00303f;stop-opacity:1;"
offset="0"
id="stop912" />
</linearGradient>
<linearGradient
id="French_Raspberry"
osb:paint="solid">
<stop
style="stop-color:#c72c48;stop-opacity:1;"
offset="0"
id="stop847" />
</linearGradient>
<linearGradient
id="Midnight"
osb:paint="solid">
<stop
style="stop-color:#081c3a;stop-opacity:1;"
offset="0"
id="stop841" />
</linearGradient>
<rect
x="200"
y="650"
width="150"
height="50"
id="rect837" />
<linearGradient
inkscape:collect="always"
xlink:href="#Midnight"
id="linearGradient851"
x1="100"
y1="675"
x2="150"
y2="675"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-50)" />
<linearGradient
inkscape:collect="always"
xlink:href="#Nautical"
id="linearGradient916"
x1="100"
y1="675"
x2="150"
y2="675"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#Meridian"
id="linearGradient922"
x1="150"
y1="675"
x2="200"
y2="675"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#Glacier"
id="linearGradient928"
x1="200"
y1="675"
x2="250"
y2="675"
gradientUnits="userSpaceOnUse" />
<style
id="style1106">.cls-1{fill:#c72c48;}</style>
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="0"
inkscape:window-x="5760"
inkscape:window-height="2119"
inkscape:window-width="1920"
units="px"
showgrid="true"
inkscape:document-rotation="0"
inkscape:current-layer="g1133"
inkscape:document-units="px"
inkscape:cy="-116.65714"
inkscape:cx="263.68744"
inkscape:zoom="1.979899"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base">
<inkscape:grid
spacingy="10"
spacingx="10"
id="grid10"
type="xygrid" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1">
<rect
style="fill:url(#French_Raspberry);fill-opacity:1"
id="rect831"
width="50"
height="50"
x="0"
y="650" />
<rect
style="fill:url(#linearGradient851);fill-opacity:1"
id="rect833"
width="50"
height="50"
x="50"
y="650" />
<rect
y="650"
x="100"
height="50"
width="50"
id="rect833-1"
style="fill:url(#linearGradient916);fill-opacity:1" />
<rect
y="650"
x="150"
height="50"
width="50"
id="rect833-9"
style="fill:url(#linearGradient922);fill-opacity:1" />
<rect
style="fill:url(#linearGradient928);fill-opacity:1"
id="rect833-9-9"
width="50"
height="50"
x="200"
y="650" />
<g
transform="translate(-0.6,4.9)"
id="g920">
<path
style="stroke-width:0.423287"
class="st1"
d="M 40.257704,15.543585 C 38.268257,12.24195 36.27881,8.9403151 34.247035,5.6810088 33.188819,3.9878627 32.130602,2.2947166 31.072386,0.60157047 30.9454,0.3899272 30.776085,0.22061259 30.649099,0.00896932 28.74431,-2.9117077 24.97706,-4.8588258 21.252138,-2.9963651 c -3.259306,1.5661602 -4.656152,5.502725 -3.089991,8.8043599 0,0.042329 0.04233,0.042329 0.04233,0.084657 0.63493,1.227531 1.693146,2.2857473 2.666705,3.3439636 3.005335,3.2169776 6.137655,6.3069696 9.100661,9.5239476 3.555607,3.809578 3.343963,9.777919 -0.465615,13.291197 -0.804245,0.761916 -1.777804,1.396845 -2.83602,1.820132 -0.08466,0 -0.126986,0 -0.211643,0 V 18.972206 C 21.167481,21.723568 16.384343,25.406161 12.40545,29.85067 6.1831378,36.792569 2.500545,45.469943 1.4,51.776912 l 10.116548,-5.164096 c 3.386292,-1.693146 6.730256,-3.386292 10.243534,-5.164095 v 28.91047 L 26.416234,75.1 V 38.909002 c 0,0 0.08466,-0.04233 0.465615,-0.253972 1.396846,-0.677259 2.793691,-1.439175 4.10588,-2.285748 6.26464,-4.40218 7.788472,-12.994896 3.386292,-19.259537 -0.423287,-0.592601 -0.846573,-1.142873 -1.354517,-1.650817 -3.47095,-3.640264 -6.984228,-7.2382 -10.412849,-10.8784641 -1.015887,-1.0582164 -0.973559,-2.4127333 0,-3.3439636 0.973559,-0.93123041 2.328076,-0.8465731 3.343964,0.2116432 l 1.439174,1.4815029 c 1.142874,1.2275309 2.285747,2.4550619 3.47095,3.6825928 2.920677,3.0899917 5.883682,6.1376548 8.804359,9.1853178 0.126986,0.169315 0.33863,0.296301 0.507944,0.423286 l 0.169315,-0.126985 c 0.08466,-0.169315 0,-0.380958 -0.08466,-0.550273 z M 21.887068,35.988324 c -0.04233,0.253972 -0.211643,0.465616 -0.423286,0.550273 -1.862461,0.973559 -3.724922,1.947118 -5.587383,2.920677 L 9.0614862,42.972552 C 12.024492,36.75024 16.426672,31.332173 21.844739,27.141636 c 0.04233,0.08466 0.08466,0.126986 0.08466,0.169315 0,2.878348 0,5.799025 -0.04233,8.677373 z"
id="path908" />
<g
transform="matrix(3.2860646,0,0,3.2860646,66.04,-5.31)"
id="g1133">
<rect
class="cls-1"
x="52.75"
y="0.41"
width="9.1099997"
height="23.629999"
id="rect1112" />
<path
class="cls-1"
d="m 41.71,0.74 -18.49,9.92 a 0.91,0.91 0 0 1 -0.85,0 L 3.88,0.74 A 2.78,2.78 0 0 0 2.56,0.41 v 0 A 2.41,2.41 0 0 0 0,2.64 V 24 H 9.1 V 13.84 a 0.93,0.93 0 0 1 1,-0.81 1,1 0 0 1 0.37,0.13 l 10.36,5.57 a 3.63,3.63 0 0 0 3.33,0 L 35.1,13.09 a 0.92,0.92 0 0 1 1.25,0.34 1,1 0 0 1 0.12,0.35 V 24 h 9.1 V 2.64 A 2.41,2.41 0 0 0 43.06,0.41 v 0 a 2.78,2.78 0 0 0 -1.35,0.33 z"
id="path1114" />
<path
class="cls-1"
d="M 107.28,0.41 H 98 V 11.17 A 0.93,0.93 0 0 1 97,12 1.26,1.26 0 0 1 96.67,11.9 L 72.76,0.68 A 2.73,2.73 0 0 0 71.57,0.41 v 0 A 2.41,2.41 0 0 0 69,2.64 V 24 h 9.16 V 13.27 a 0.91,0.91 0 0 1 1,-0.8 0.75,0.75 0 0 1 0.33,0.1 l 24,11.2 a 2.86,2.86 0 0 0 1.19,0.26 v 0 a 2.41,2.41 0 0 0 2.54,-2.23 z"
id="path1116" />
<path
class="cls-1"
d="M 114.44,24 V 0.41 h 4.19 V 24 Z"
id="path1118" />
<path
class="cls-1"
d="M 143.29,24.47 C 132,24.47 124,19.76 124,12.23 124,4.7 132.07,0 143.29,0 c 11.22,0 19.32,4.7 19.32,12.23 0,7.53 -7.9,12.24 -19.32,12.24 z m 0,-21.34 c -8.38,0 -14.84,3.22 -14.84,9.1 0,5.88 6.46,9.1 14.84,9.1 8.38,0 14.89,-3.17 14.89,-9.1 0,-5.93 -6.5,-9.1 -14.89,-9.1 z"
id="path1120" />
</g>
</g>
</g>
<style
type="text/css"
id="style902">
.st0{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st1{fill:#C72C48;}
</style>
</svg>

Before

Width:  |  Height:  |  Size: 8.2 KiB

View File

@ -0,0 +1 @@
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 162.612 24.465"><path d="M52.751.414h9.108v23.63h-9.108zM41.711.74l-18.488 9.92a.919.919 0 0 1-.856 0L3.879.74A2.808 2.808 0 0 0 2.558.414h-.023A2.4 2.4 0 0 0 0 2.641v21.376h9.1V13.842a.918.918 0 0 1 1.385-.682l10.361 5.568a3.634 3.634 0 0 0 3.336.028l10.933-5.634a.917.917 0 0 1 1.371.69v10.205h9.1V2.641A2.4 2.4 0 0 0 43.055.414h-.023a2.808 2.808 0 0 0-1.321.326zm65.564-.326h-9.237v10.755a.913.913 0 0 1-1.338.706L72.762.675a2.824 2.824 0 0 0-1.191-.261h-.016a2.4 2.4 0 0 0-2.535 2.227v21.377h9.163V13.275a.914.914 0 0 1 1.337-.707l24.032 11.2a2.813 2.813 0 0 0 1.188.26 2.4 2.4 0 0 0 2.535-2.227zm7.161 23.63V.414h4.191v23.63zm28.856.421c-11.274 0-19.272-4.7-19.272-12.232C124.02 4.741 132.066 0 143.292 0s19.32 4.7 19.32 12.233-7.902 12.232-19.32 12.232zm0-21.333c-8.383 0-14.84 3.217-14.84 9.1 0 5.926 6.457 9.1 14.84 9.1s14.887-3.174 14.887-9.1c0-5.883-6.504-9.1-14.887-9.1z" fill="#c72c48"/></svg>

After

Width:  |  Height:  |  Size: 978 B

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="15px" viewBox="0 0 19 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group 5</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-5" fill="#C72C48">
<path d="M2.70291892,6.43386281 L18.2083333,6.43386281 C18.6455582,6.43386281 19,6.79393055 19,7.23809562 C19,7.68226069 18.6455582,8.04232843 18.2083333,8.04232843 L2.70291892,8.04232843 L7.68479361,13.1032789 C7.99395828,13.4173526 7.99395828,13.9265635 7.68479361,14.2406375 C7.37562736,14.5547081 6.87437284,14.5547081 6.56520659,14.2406375 L0.231874098,7.80677475 C-0.077291366,7.49270109 -0.077291366,6.98349015 0.231874098,6.66941649 L6.56520659,0.235554039 C6.87437284,-0.0785180129 7.37562736,-0.0785180129 7.68479361,0.235554039 C7.99395828,0.549627699 7.99395828,1.05883864 7.68479361,1.3729123 L2.70291892,6.43386281 Z" id="Fill-3"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="15px" viewBox="0 0 22 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
<g id="Group" transform="translate(1.000000, 1.500000)" stroke="#C72C48" stroke-width="1.25">
<line x1="-1.66533454e-16" y1="6" x2="20" y2="6" id="Line"></line>
<line x1="-1.66533454e-16" y1="0.5" x2="20" y2="0.5" id="Line"></line>
<line x1="-1.66533454e-16" y1="11.5" x2="20" y2="11.5" id="Line"></line>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 692 B

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group 5</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-5" fill="#393939">
<path d="M10.8884339,10.3384631 L13.8860966,13.3361237 C14.0379662,13.4879949 14.0379662,13.7342254 13.8860966,13.8860966 C13.7342254,14.0379662 13.4879949,14.0379662 13.3361237,13.8860966 L10.3384631,10.8884339 C9.24152445,11.8568263 7.80049614,12.4444436 6.22222171,12.4444436 C2.7857837,12.4444436 -1.40000023e-07,9.65865971 -1.40000023e-07,6.22222171 C-1.40000023e-07,2.7857837 2.7857837,-1.40000023e-07 6.22222171,-1.40000023e-07 C9.65865971,-1.40000023e-07 12.4444436,2.7857837 12.4444436,6.22222171 C12.4444436,7.80049614 11.8568263,9.24152445 10.8884339,10.3384631 Z M6.22222171,11.6666658 C9.22910536,11.6666658 11.6666658,9.22910536 11.6666658,6.22222171 C11.6666658,3.21533806 9.22910536,0.777777591 6.22222171,0.777777591 C3.21533806,0.777777591 0.777777591,3.21533806 0.777777591,6.22222171 C0.777777591,9.22910536 3.21533806,11.6666658 6.22222171,11.6666658 Z" id="Fill-3"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -65,20 +65,11 @@ window.addEventListener('DOMContentLoaded', (event) => {
const button = document.querySelector('.sphinxsidebarbutton');
const sidebarwrapper = document.querySelector('.sphinxsidebarwrapper');
function expando() {
button.classList.toggle('collapsed');
leftcolumn.classList.toggle('collapsed');
centercolumn.classList.toggle('collapsed');
sidebarwrapper.classList.toggle('collapsed');
if (button.textContent == "Collapse x") {
button.textContent = "Expand x";
}
else {
button.textContent = "Collapse x";
}
const sidebarToggle = document.querySelector('.sidebar-toggle');
function toggleSidebar() {
document.body.classList.toggle('sidebar-toggled');
}
button.addEventListener( "click", expando );
sidebarToggle.addEventListener( "click", toggleSidebar );
});

View File

@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 297 348.5" style="enable-background:new 0 0 297 348.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st1{fill:#C72C48;}
</style>
<title>Bird</title>
<polygon class="st0" points="0.6,0.5 296.5,0.5 296.5,348 0.5,348 "/>
<path class="st1" d="M194,126.8c-4.7-7.8-9.4-15.6-14.2-23.3c-2.5-4-5-8-7.5-12c-0.3-0.5-0.7-0.9-1-1.4c-4.5-6.9-13.4-11.5-22.2-7.1
c-7.7,3.7-11,13-7.3,20.8c0,0.1,0.1,0.1,0.1,0.2c1.5,2.9,4,5.4,6.3,7.9c7.1,7.6,14.5,14.9,21.5,22.5c8.4,9,7.9,23.1-1.1,31.4
c-1.9,1.8-4.2,3.3-6.7,4.3c-0.2,0-0.3,0-0.5,0v-35.2c-12.5,6.5-23.8,15.2-33.2,25.7c-14.7,16.4-23.4,36.9-26,51.8l23.9-12.2
c8-4,15.9-8,24.2-12.2v68.3l11,11.2V182c0,0,0.2-0.1,1.1-0.6c3.3-1.6,6.6-3.4,9.7-5.4c14.8-10.4,18.4-30.7,8-45.5
c-1-1.4-2-2.7-3.2-3.9c-8.2-8.6-16.5-17.1-24.6-25.7c-2.4-2.5-2.3-5.7,0-7.9s5.5-2,7.9,0.5l3.4,3.5c2.7,2.9,5.4,5.8,8.2,8.7
c6.9,7.3,13.9,14.5,20.8,21.7c0.3,0.4,0.8,0.7,1.2,1l0.4-0.3C194.4,127.7,194.2,127.2,194,126.8z M150.6,175.1
c-0.1,0.6-0.5,1.1-1,1.3c-4.4,2.3-8.8,4.6-13.2,6.9l-16.1,8.3c7-14.7,17.4-27.5,30.2-37.4c0.1,0.2,0.2,0.3,0.2,0.4
C150.7,161.4,150.7,168.3,150.6,175.1L150.6,175.1z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

0
source/_static/main.css Normal file
View File

View File

@ -0,0 +1,127 @@
.sidebar {
width: $sidebar-width;
position: sticky;
position: -webkit-sticky;
top: 0;
background-color: $sidebar-bg;
overflow-y: auto;
padding: 1.5rem 1.5rem 1.5rem 0;
transition: opacity 400ms, transform 300ms;
z-index: $z-index-header - 1;
@include breakpoint-max(breakpoints(lg)) {
position: fixed;
left: 0;
transform: translate3d(-100%, 0, 0);
height: 100%;
padding: ($header-height + $content-padding-sm) $content-padding-sm $content-padding-sm;
box-shadow: 3px 0 10px rgba($black, 0.1);
opacity: 0;
}
}
.index-link {
color: $docs-item-main-color;
font-size: .8rem;
text-transform: uppercase;
&:hover {
color: $docs-item-main-color;
}
}
.sidebar-toggled {
.sidebar {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.search {
margin-bottom: 1rem;
}
.search__text {
appearance: none;
border: 1px solid $search-border-color;
height: $search-height;
border-radius: $border-radius-sm;
background-color: $white;
color: $search-color;
font-size: 0.85rem;
width: 100%;
padding: 0 1rem 0.1rem 2.6rem;
background: $search-icon no-repeat center left 1rem;
background-color: $search-bg;
&:focus {
border-color: $search-focus-border-color
}
}
.docs {
ul {
list-style: none;
padding: 0;
font-size: .95rem;
& > li {
& > a {
&, & > code {
all: unset;
}
&:hover {
border: 0;
cursor: pointer;
}
}
}
}
& > ul {
margin: 0;
& > li {
& > a {
color: $docs-item-main-color;
padding: 0.5rem 0;
display: flex;
align-items: center;
&:hover {
color: $docs-item-main-hover-color;
}
}
&.current {
& > a {
color: $docs-item-main-active-color;
font-weight: $font-weight-medium;
}
}
& > ul {
margin: 0 0 0.5rem;
& > li {
& > a {
font-size: 0.85rem;
color: $docs-item-sub-color;
display: block;
padding: 0.4rem 0;
&:hover {
color: $docs-item-sub-hover-color;
}
&.current {
color: $docs-item-sub-active-color;
font-weight: $font-weight-medium;
}
}
}
}
}
}
}

View File

@ -0,0 +1,110 @@
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&:focus,
&:active {
outline: none;
}
}
html {
font-size: $root-font-size;
}
body {
all: unset;
font-family: $font-family-base;
font-size: 1rem;
line-height: $body-line-height;
color: $body-color;
background-color: $body-bg;
font-weight: $font-weight-normal;
display: flex;
flex-direction: column;
}
a {
color: $link-color;
text-decoration: none;
&:hover {
color: $link-hover-color;
text-decoration: none;
}
}
h1, h2, h3, h4, h5 {
color: $docs-item-main-color;
& > a.toc-backref {
color: $docs-item-main-color;
}
}
div.admonition {
& > p.admonition-title {
font-weight: bold;
font-family: $font-family-base;
font-size: 1.2rem;
}
&.warning {
background-color: $docs-item-admonition-warning-body;
border: none;
border-left: 4px solid $docs-item-admonition-warning-border;
}
&.important {
background-color: $docs-item-admonition-important-body;
border: none;
border-left: 4px solid $docs-item-admonition-important-border;
}
&.note {
background-color: $docs-item-admonition-note-body;
border: none;
border-left: 4px solid $docs-item-admonition-note-border;
}
}
dl.minio {
margin: 10px 0 10px 0;
}
div.footer {
width: auto;
margin: 0px;
}
.align-default {
text-align: left;
}
table.docutils {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
& > thead tr th {
border: none;
border-bottom: 1px solid $docs-item-table-border;
font-size: 1rem;
color: $theme-red;
}
& > tbody tr td {
border: none;
border-bottom: 1px solid $docs-item-table-border;
& > p {
font-size: .90rem;
}
}
}
.xref {
color: $theme-red;
}

View File

@ -0,0 +1,15 @@
@font-face {
font-family: "Mark";
src: url("../fonts/Mark-Regular.woff2") format("woff2"),
url("../fonts/Mark-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mark";
src: url("../fonts/Mark-Medium.woff2") format("woff2"),
url("../fonts/Mark-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}

View File

@ -0,0 +1,140 @@
.header {
height: $header-height;
background-color: $header-bg;
display: flex;
align-items: center;
box-shadow: 0 0 10px rgba($black, 0.1);
width: 100%;
z-index: $z-index-header;
flex-shrink: 0;
display: flex;
align-items: center;
@extend %content-padding;
}
.logo {
flex-shrink: 0;
display: inline-flex;
& > img {
height: $logo-height;
}
}
.nav {
margin-left: auto;
& > a {
&, &:hover {
color: $nav-color;
}
font-size: 0.95rem;
line-height: 100%;
padding: 0.4rem 1.2rem 0.55rem;
border-radius: $border-radius-sm;
&:not(:last-child) {
& > span {
position: relative;
&::after {
content: '';
height: 1px;
width: 100%;
background-color: $nav-border-color;
bottom: -10px;
transform: translateY(0);
left: 0;
position: absolute;
opacity: 0;
transition: opacity 250ms, transform 250ms;
pointer-events: none;
}
}
&.active,
&:hover {
& > span {
&::after {
transform: translateY(-4px);
opacity: 1;
}
}
}
}
&:last-child {
border: 1px solid $theme-red;
transition: background-color 300ms, color 300ms;
&:hover {
background-color: $theme-red;
color: $white;
}
}
}
}
.sidebar-toggle {
position: relative;
width: 40px;
height: 40px;
margin: 0 1rem 0 -0.35rem;
cursor: pointer;
border-radius: $border-radius-sm;
transition: background-color 300ms;
flex-shrink: 0;
@include breakpoint-min(breakpoints(lg)) {
display: none;
}
&:hover {
background-color: $sidebar-toggle-hover-bg;
}
&::before,
&::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
transition: opacity 250ms, transform 250ms;
}
&::before {
background-image: $sidebar-toggle-icon;
opacity: 1;
transform: scale(1);
}
&::after {
background-image: $sidebar-toggle-collapse-icon;
opacity: 0;
transform: scale(0.25);
}
}
.sidebar-toggled {
.sidebar-toggle {
&::before {
opacity: 0;
transform: scale(0.25);
}
&::after {
opacity: 1;
transform: scale(1);
}
}
}

View File

@ -0,0 +1,35 @@
%content-padding {
@include breakpoint-min(breakpoints(xl)) {
padding: 0 $content-padding;
}
@include breakpoint-max(breakpoints(xl)) {
padding: 0 $content-padding-sm;
}
}
.content {
//height: 100%;
overflow: auto;
@extend %content-padding;
display: flex;
flex-wrap: nowrap;
height: calc(100vh - #{$header-height});
}
.content__main {
flex: 1;
min-width: 0;
padding: 1.5rem 3rem;
background-color: $content-bg;
align-self: flex-start;
}
.content__right {
flex-shrink: 0;
position: sticky;
top: 0;
max-width: 200px;
}

View File

@ -0,0 +1,18 @@
// Get theme colors
@function breakpoints($key) {
@return map-get($breakpoints, $key);
}
// Breakpoints
@mixin breakpoint-min($bp) {
@media (min-width: $bp) {
@content;
}
}
@mixin breakpoint-max($bp) {
@media (max-width: ($bp - 1)) {
@content;
}
}

View File

@ -0,0 +1,190 @@
html {
line-height: 1.35;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: .9em;
}
a {
background-color: transparent;
text-decoration: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: .9em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button[disabled] {
cursor: default;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
address {
font-style: normal;
color: inherit;
margin: 0;
}

View File

@ -0,0 +1,30 @@
div#localtoc {
font-size: 13px;
margin-left: 20px;
}
#table-of-contents {
background: none;
border-style: none;
ul {
list-style: none;
margin: 10px 0px 10px 0px;
& > {
li {
list-style: none;
margin: 10px 0px 10px 0px;
& > p a.reference {
text-decoration: none;
border-bottom: none;
color: $docs-item-main-color;
}
& > ul {
margin: 10px 0px 10px 10px;
}
}
}
}
}

View File

@ -0,0 +1,98 @@
// Colors
$white: #ffffff;
$black: #000000;
$theme-red: #C72C48;
$theme-hover-bg: rgb(245, 245, 245);
// Breakpoints
$breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
// z-index
$z-index-header: 10;
// Body
$font-family-base: 'Mark', sans-serif;
$font-family-headings: 'Mark', sans-serif;
$root-font-size: 16px;
$body-font-size: 1rem;
$body-line-height: 1.5;
$body-color: #4b4b4b;
$body-bg: #F9F9F9;
// Layout
$container-width: 95%;
$content-bg: $white;
$content-padding: 4rem;
$content-padding-sm: 1.5rem;
// Font weight
$font-weight-normal: 400;
$font-weight-medium: 500;
// Links
$link-color: #0045ec;
$link-hover-color: #0036b9;
// Header
$header-height: 5rem;
$header-bg: $white;
$logo-height: 1.05rem;
// Sidebar
$sidebar-width: 18rem;
$sidebar-bg: #F9F9F9;
// Border Radius
$border-radius: 0.4rem;
$border-radius-sm: 0.2rem;
// Search
$search-border-color: #F0F0F0;
$search-focus-border-color: darken($search-border-color, 15%);
$search-height: 2.65rem;
$search-color: #555555;
$search-icon: url(../img/icons/search.svg);
$search-bg: $white;
// Docs
$docs-item-main-color: #1C1C1C;
$docs-item-main-hover-color: $black;
$docs-item-main-active-color: $theme-red;
$docs-item-sub-color: #494949;
$docs-item-sub-hover-color: darken($docs-item-sub-color, 30%);
$docs-item-sub-active-color: $docs-item-sub-hover-color;
$docs-item-admonition-warning-body: #FFF2F2;
$docs-item-admonition-important-body: #FFF9E6;
$docs-item-admonition-note-body: #EDF9FF;
$docs-item-admonition-warning-border: #E54253;
$docs-item-admonition-important-border: #EDBC39;
$docs-item-admonition-note-border: #2592EF;
$docs-item-table-border: #e6e6e6;
// Sidebar toggle
$sidebar-toggle-collapse-icon: url(../img/icons/arrow-back.svg);
$sidebar-toggle-icon: url(../img/icons/menu.svg);
$sidebar-toggle-hover-bg: rgba($theme-red, 0.075);
// Nav
$nav-color: $body-color;
$nav-border-color: #4b4b4b;

View File

@ -0,0 +1,9 @@
@import 'includes/variables';
@import 'includes/mixins';
@import 'includes/font';
@import 'includes/normalize';
@import 'includes/base';
@import 'includes/layout';
@import 'includes/header';
@import 'includes/aside';
@import 'includes/toc'

View File

View File

@ -6,61 +6,94 @@
{# Override content block #}
{%- macro miniosidebar() %}
{%- if render_sidebar %}
<div class="sphinxsidebarwrapper" role="navigation">
{%- block sidebarlogo %}
{%- if logo %}
<p class="logo"><a href="{{ pathto(master_doc)|e }}">
<img class="logo" src="{{ pathto('_static/' + logo, 1)|e }}" alt="Logo"/>
</a></p>
{%- endif %}
{%- endblock %}
{%- if sidebars != None %}
{#- new style sidebar: explicitly include/exclude templates #}
{%- for sidebartemplate in sidebars %}
{%- include sidebartemplate %}
{%- endfor %}
{%- else %}
{#- old style sidebars: using blocks -- should be deprecated #}
{%- block sidebartoc %}
{%- include "localtoc.html" %}
{%- endblock %}
{%- block sidebarrel %}
{%- include "relations.html" %}
{%- endblock %}
{%- block sidebarsourcelink %}
{%- include "sourcelink.html" %}
{%- endblock %}
{%- if customsidebar %}
{%- include customsidebar %}
{%- endif %}
{%- block sidebarsearch %}
{%- include "searchbox.html" %}
{%- endblock %}
{%- endif %}
</div>
{%- endif %}
{%- if render_sidebar %}
<nav
class="docs"
role="navigation"
>
{%- block sidebarlogo %}
{%- if logo %}
<p class="logo">
<a href="{{ pathto(master_doc)|e }}">
<img
class="logo"
src="{{ pathto('_static/' + logo, 1)|e }}"
alt="Logo"
/>
</a>
</p>
{%- endif %}
{%- endblock %}
{%- if sidebars != None %}
{#- new style sidebar: explicitly include/exclude templates #}
{%- for sidebartemplate in sidebars %}
{%- include sidebartemplate %}
{%- endfor %}
{%- else %}
{#- old style sidebars: using blocks -- should be deprecated #}
{%- block sidebartoc %}
{%- include "localtoc.html" %}
{%- endblock %}
{%- block sidebarrel %}
{%- include "relations.html" %}
{%- endblock %}
{%- block sidebarsourcelink %}
{%- include "sourcelink.html" %}
{%- endblock %}
{%- if customsidebar %}
{%- include customsidebar %}
{%- endif %}
{%- block sidebarsearch %}
{%- include "searchbox.html" %}
{%- endblock %}
{%- endif %}
</nav>
{%- endif %}
{%- endmacro %}
{%- block header %}
<nav class="navigation">
<a href="https://min.io">
<img class="logo" src="{{ pathto('_static/docs-logo.svg',1) }}" alt="Logo"/>
<header class="header">
<i class="sidebar-toggle"></i>
<a
class="logo"
href="https://min.io"
>
<img
src="{{ pathto('_static/img/docs-logo.svg',1) }}"
alt="Logo"
/>
</a>
</nav>
<nav class="nav">
<a href="https://min.io/product/overview"><span>Product</span></a>
<a class="active" href="/"><span>Docs</span></a>
<a href="https://min.io/solutions/vmware"><span>Solutions</span></a>
<a href="https://min.io/resources"><span>Resources</span></a>
<a href="https://blog.min.io/"><span>Blog</span></a>
<a href="https://min.io/pricing"><span>Pricing</span></a>
<a href="https://min.io/download"><span>Download</span></a>
</nav>
</header>
{%- endblock %}
{%- block content %}
<div class="left column">
<button class="sphinxsidebarbutton button-collapse">Collapse x</button>
{{ miniosidebar() }}
</div>
<div class="flexwrapper">
<div class="center column">
<div class="body">
{% block alertbar -%}
<div class="alert alert-info">
<section class="content">
<aside class="sidebar">
<div>
<h3>
<a class="index-link" href="{{ pathto('index') }}">{{ shorttitle}} </a>
</h3>
{{ miniosidebar() }}
</div>
</aside>
<div class="content__main">
{% block alertbar -%}
<div class="admonition important">
<span class="alert-message">
<p>Welcome to the upcoming version of the MinIO Documentation!
The content of these pages may change at any time.
@ -70,17 +103,15 @@
</p>
</span>
</div>
{% endblock %}
{% block body %} {% endblock %}
<div class="footer">
&copy;{{ copyright }}
</div>
</div>
{% endblock %}
{% block body %} {% endblock %}
<div class="footer">
&copy;{{ copyright }}
</div>
<div class="right column">
<div id=localtoc class=localtoc></div>
</div>
<div class="content__right">
<div id=localtoc></div>
</div>
</div>
{%- endblock %}

View File

@ -1,11 +1,5 @@
{%- if pagename != "search" and builder != "singlehtml" %}
<div id="searchbox" style="display: none" role="search">
<div class="searchformwrapper">
<form class="search" action="{{ pathto('search') }}" method="get">
<input type="text" id="docs-search" name="q" aria-labelledby="searchlabel" placeholder="Search documentation" />
<input type="submit" value="{{ _('Go') }}" />
</form>
</div>
</div>
<script>$('#searchbox').show(0);</script>
<form class="search" action="{{ pathto('search') }}" method="get" role="search">
<input type="text" class="search__text" id="docs-search" name="q" aria-labelledby="searchlabel" placeholder="Search Documentation" />
</form>
{%- endif %}

View File

@ -88,21 +88,23 @@ html_favicon = '_static/favicon.png'
html_sidebars = {
'**' : [
'searchbox.html',
'navigation.html',
'navigation.html'
]
}
html_theme_options = {
'fixed_sidebar' : 'true',
'show_relbars': 'true',
'show_relbars': 'false'
}
html_short_title = "MinIO Hybrid Cloud"
# Add any paths that contain custom static files (such as style sheets) here,
# relative to this directory. They are copied after the builtin static files,
# so a file named "default.css" will overwrite the builtin "default.css".
html_static_path = ['_static']
html_css_files = ['css-style.css']
html_css_files = ['css/main.min.css']
html_js_files = ['js/main.js']