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

6
.gitignore vendored
View File

@ -10,4 +10,8 @@ venv
# ignore pycache # ignore pycache
__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 button = document.querySelector('.sphinxsidebarbutton');
const sidebarwrapper = document.querySelector('.sphinxsidebarwrapper'); const sidebarwrapper = document.querySelector('.sphinxsidebarwrapper');
function expando() { const sidebarToggle = document.querySelector('.sidebar-toggle');
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";
}
}
button.addEventListener( "click", expando );
function toggleSidebar() {
document.body.classList.toggle('sidebar-toggled');
}
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,81 +6,112 @@
{# Override content block #} {# Override content block #}
{%- macro miniosidebar() %} {%- macro miniosidebar() %}
{%- if render_sidebar %} {%- if render_sidebar %}
<div class="sphinxsidebarwrapper" role="navigation"> <nav
{%- block sidebarlogo %} class="docs"
{%- if logo %} role="navigation"
<p class="logo"><a href="{{ pathto(master_doc)|e }}"> >
<img class="logo" src="{{ pathto('_static/' + logo, 1)|e }}" alt="Logo"/> {%- block sidebarlogo %}
</a></p> {%- if logo %}
{%- endif %} <p class="logo">
{%- endblock %} <a href="{{ pathto(master_doc)|e }}">
{%- if sidebars != None %} <img
{#- new style sidebar: explicitly include/exclude templates #} class="logo"
{%- for sidebartemplate in sidebars %} src="{{ pathto('_static/' + logo, 1)|e }}"
{%- include sidebartemplate %} alt="Logo"
{%- endfor %} />
{%- else %} </a>
{#- old style sidebars: using blocks -- should be deprecated #} </p>
{%- block sidebartoc %} {%- endif %}
{%- include "localtoc.html" %} {%- endblock %}
{%- endblock %}
{%- block sidebarrel %} {%- if sidebars != None %}
{%- include "relations.html" %} {#- new style sidebar: explicitly include/exclude templates #}
{%- endblock %} {%- for sidebartemplate in sidebars %}
{%- block sidebarsourcelink %} {%- include sidebartemplate %}
{%- include "sourcelink.html" %} {%- endfor %}
{%- endblock %} {%- else %}
{%- if customsidebar %} {#- old style sidebars: using blocks -- should be deprecated #}
{%- include customsidebar %} {%- block sidebartoc %}
{%- endif %} {%- include "localtoc.html" %}
{%- block sidebarsearch %} {%- endblock %}
{%- include "searchbox.html" %}
{%- endblock %} {%- block sidebarrel %}
{%- endif %} {%- include "relations.html" %}
</div> {%- endblock %}
{%- endif %}
{%- block sidebarsourcelink %}
{%- include "sourcelink.html" %}
{%- endblock %}
{%- if customsidebar %}
{%- include customsidebar %}
{%- endif %}
{%- block sidebarsearch %}
{%- include "searchbox.html" %}
{%- endblock %}
{%- endif %}
</nav>
{%- endif %}
{%- endmacro %} {%- endmacro %}
{%- block header %} {%- block header %}
<nav class="navigation"> <header class="header">
<a href="https://min.io"> <i class="sidebar-toggle"></i>
<img class="logo" src="{{ pathto('_static/docs-logo.svg',1) }}" alt="Logo"/> <a
class="logo"
href="https://min.io"
>
<img
src="{{ pathto('_static/img/docs-logo.svg',1) }}"
alt="Logo"
/>
</a> </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 %} {%- endblock %}
{%- block content %} {%- block content %}
<section class="content">
<div class="left column"> <aside class="sidebar">
<button class="sphinxsidebarbutton button-collapse">Collapse x</button> <div>
{{ miniosidebar() }} <h3>
</div> <a class="index-link" href="{{ pathto('index') }}">{{ shorttitle}} </a>
<div class="flexwrapper"> </h3>
<div class="center column"> {{ miniosidebar() }}
<div class="body"> </div>
{% block alertbar -%} </aside>
<div class="alert alert-info"> <div class="content__main">
{% block alertbar -%}
<div class="admonition important">
<span class="alert-message"> <span class="alert-message">
<p>Welcome to the upcoming version of the MinIO Documentation! <p>Welcome to the upcoming version of the MinIO Documentation!
The content of these pages may change at any time. The content of these pages may change at any time.
If you can't find what you're looking for, check our If you can't find what you're looking for, check our
<a href="https://docs.min.io"> legacy documentation</a>. <a href="https://docs.min.io"> legacy documentation</a>.
Thank you for your patience. Thank you for your patience.
</p> </p>
</span> </span>
</div> </div>
{% endblock %} {% endblock %}
{% block body %} {% endblock %} {% block body %} {% endblock %}
<div class="footer"> <div class="footer">
&copy;{{ copyright }} &copy;{{ copyright }}
</div>
</div>
</div> </div>
<div class="right column">
<div id=localtoc class=localtoc></div>
</div> </div>
<div class="content__right">
<div id=localtoc></div>
</div>
</div> </div>
{%- endblock %} {%- endblock %}

View File

@ -1,11 +1,5 @@
{%- if pagename != "search" and builder != "singlehtml" %} {%- if pagename != "search" and builder != "singlehtml" %}
<div id="searchbox" style="display: none" role="search"> <form class="search" action="{{ pathto('search') }}" method="get" role="search">
<div class="searchformwrapper"> <input type="text" class="search__text" id="docs-search" name="q" aria-labelledby="searchlabel" placeholder="Search Documentation" />
<form class="search" action="{{ pathto('search') }}" method="get"> </form>
<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>
{%- endif %} {%- endif %}

View File

@ -88,21 +88,23 @@ html_favicon = '_static/favicon.png'
html_sidebars = { html_sidebars = {
'**' : [ '**' : [
'searchbox.html', 'searchbox.html',
'navigation.html', 'navigation.html'
] ]
} }
html_theme_options = { html_theme_options = {
'fixed_sidebar' : 'true', '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, # 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, # relative to this directory. They are copied after the builtin static files,
# so a file named "default.css" will overwrite the builtin "default.css". # so a file named "default.css" will overwrite the builtin "default.css".
html_static_path = ['_static'] html_static_path = ['_static']
html_css_files = ['css-style.css'] html_css_files = ['css/main.min.css']
html_js_files = ['js/main.js'] html_js_files = ['js/main.js']