Skip to content
Snippets Groups Projects
Commit 94ede342 authored by minute's avatar minute
Browse files

add tweaks for new web version release

parent 7e7edb72
Branches
No related tags found
No related merge requests found
Pipeline #1939 failed
#!/bin/bash
cd source
PNGS=$(grep "\\-icon.png" *.rst | cut -d ' ' -f 3)
for DEST in $PNGS
do
ORIG=${DEST//\-icon/}
cp $ORIG $DEST
done
#cd _inkscape
#./make-pngs.sh
#cd ..
cd ..
make clean
make html
# remove alabaster css
echo "" > build/html/_static/alabaster.css
# remove printer logo from web version
mv build/html/credits.html build/html/temp.html
grep -v pinguin <build/html/temp.html >build/html/credits.html
rm build/html/temp.html
# remove image sources
rm -rf build/html/_static/illustrations
......@@ -3,7 +3,7 @@
for i in *.svg
do
target="${i/refman-//}"
target="../_static/illustrations/${target/\.svg/-callouts.png}"
target="../_static/illustrations/${target/\.svg/.png}"
echo "$i -> $target"
inkscape -o $target --export-area-page -w 1280 $i
done
......
@font-face { font-family: 'inter_light'; src: url(inter_light.ttf) }
@font-face { font-family: 'inter_regular'; src: url(inter_regular.ttf) }
@font-face { font-family: 'inter_medium'; src: url(inter_medium.ttf) }
@font-face { font-family: 'inter_bold'; src: url(inter_bold.ttf) }
body { background:#fff !important }
body a { color:black }
body a.reference { text-decoration: none;border-bottom: 2px solid black }
body a.reference:hover { text-decoration: none;border-bottom: 2px solid #eee; color:black }
body, div.body { font-family: 'inter_regular', sans-serif !important; color:black !important }
div.body h3, div.body h4, div.body h5, div.body h6 { font-family: 'inter_regular', sans-serif !important; color:black !important }
div.body h1, div.body h2 { font-family: 'inter_medium', sans-serif !important; color:black !important }
div.body ul li a, div.sphinxsidebar h3, div.sphinxsidebar h4 { font-family: 'inter_bold', sans-serif !important; color:black !important }
div.sphinxsidebar { background: white !important; }
div.sphinxsidebar li > a { background: black;color: white;border: 0;display: inline-block;padding: 2.5px 5px;line-height: 20px;margin-bottom: 1px;font-weight: bold }
div.sphinxsidebar li > a:hover { text-decoration: none; border: 0; color:#eee }
div.sphinxsidebar li.current > a { color:#000; background:#eee !important }
div.sphinxsidebar ul > li.current > ul > li a { color: #000;background: none }
div.sphinxsidebar p.caption { display:none }
div.sphinxsidebar ul li.toctree-l1 > a { font-size: 100% }
div.sphinxsidebar ul li.toctree-l2 > a { font-size: 100% }
h1.logo > a { border: 0;background-image: url(logo.svg);display: block;background-size: contain;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;margin-bottom: 30px; background-color:white }
h1.logo > a:hover { text-decoration: none; border: 0px }
@media screen and (max-width: 875px) {
div.body { min-width: auto !important; }
body { padding: 10px 20px !important; }
@import url("basic.css");
@import url("mntstyle.css");
code.literal {
display: inline-block;
}
pre {
background: #EEE;
padding: 18px;
font-family: monospace !important;
font-size: 19px;
}
code, span.pre {
background: #fff;
font-family: monospace !important;
}
dl.field-list > dt {
font-size: 19px;
line-height: 1.4em;
padding: 0;
margin-bottom: 19px;
}
dl.field-list > dd {
font-size: 19px;
line-height: 1.4em;
padding: 0;
margin-bottom: 19px;
}
div.body {
margin-bottom: 200px;
}
div.relations {
display: none;
}
div.sphinxsidebar {
position: fixed;
top: 0;
left: 0;
width: 220px;
margin: 0;
bottom: 0;
overflow-y: auto;
font-size: 14px;
line-height: 1.4em;
}
div.sphinxsidebarwrapper {
}
div.sphinxsidebarwrapper h3 {
display: none;
}
div.sphinxsidebar a {
text-decoration: none;
}
div.sphinxsidebar a:hover {
text-decoration: underline;
}
a.current {
background: #000;
color: #fff;
}
div.document {
width: 940px;
margin-left: 10px;
margin-top: 10px;
}
div.documentwrapper {
float: left;
width: 100%;
}
div.bodywrapper {
margin-left: 250px;
}
div.sphinxsidebar p.logo a,
div.sphinxsidebar h3 a,
div.sphinxsidebar p.logo a:hover,
div.sphinxsidebar h3 a:hover {
border: none;
}
div.sphinxsidebar p {
margin: 10px 0;
}
div.sphinxsidebar ul {
margin: 10px 0;
padding: 0;
color: #000;
}
div.sphinxsidebar input {
border: 1px solid #000;
}
a.headerlink {
padding: 0 4px;
text-decoration: none;
}
a.headerlink:hover {
color: #fff;
background: #000;
}
section > h1 {
margin-top: 19px;
}
section > img {
margin-bottom: 19px;
}
h1.logo > a {
border: 0;
background-image: url(logo.svg);
display: block;
background-size: contain;
background-repeat: no-repeat;
overflow: hidden;
margin-bottom: 30px;
background-color:white;
font-size: 19px;
padding-top: 80px;
}
h1.logo > a:hover {
text-decoration: none;
border: 0px
}
div.footer {
display: none;
}
ul.search li {
padding: 0 !important;
background-image: none !important;
font-size: 19px;
line-height: 1.4em;
}
@import url('https://rsms.me/inter/inter.css');
@import url('https://rsms.me/inter/inter-display.css');
* {
font-family: 'Inter', Helvetica, sans-serif !important;
box-sizing: border-box;
font-variant-numeric: tabular-nums slashed-zero;
}
nav * {
font-family: 'InterDisplay', Helvetica, sans-serif !important;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 72px;
font-weight: 800;
margin-left: 0;
margin-bottom: 18px;
margin-top: 0;
/*hyphens: auto;*/
line-height: 1.0;
}
h2 {
font-size: 36px;
font-weight: 800;
margin-top: 1em;
margin-bottom: 0.5em;
}
h3 {
font-size: 19px;
font-weight: 600;
margin-top: 1em;
margin-bottom: 1em;
}
p, section li, td, th, input {
font-size: 19px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 1em;
}
strong, b {
font-weight: 800;
}
ul {
list-style: disc;
padding-left: 20px;
}
ol {
list-style: decimal outside;
}
ul ol, ol ul, ul ul, ol ol {
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px !important;
}
section ul, section ol {
margin-bottom: 2em;
}
section ul li {
margin-bottom: 0.215em;
}
table {
margin-bottom: 2em;
}
th {
vertical-align: top;
text-align: left;
}
th {
font-weight: 800;
}
th img {
width: 100%;
}
tr {
border-bottom: 1px solid black;
}
td {
border-right: 1px solid black;
padding: 5px;
min-width: 170px;
}
td:first-child {
border-left: 1px solid black;
}
#logo {
width: 46px;
height: 24px;
position: relative;
top: 5px;
}
#wrap {
width: 66%;
margin: auto;
margin-top: 50px;
padding-left: 50px;
padding-right: 50px;
}
header {
margin-bottom: 100px;
position: fixed;
margin-left: -250px;
}
section {
clear: both;
}
section .video-key {
float: right;
margin: 0;
margin-top: -4em;
width: 50%;
}
h3 > a {
text-decoration: none;
}
section#news ul {
list-style-type: none;
}
section#news ul li {
margin-bottom: 3em;
}
date {
margin-left: 0.5em;
float: right;
font-size: 18px;
opacity: 0.5;
}
code {
display: block;
white-space: pre;
font-family: monospace;
}
.article li {
max-width: 700px;
}
.article iframe {
max-width: 700px;
width: 100%;
}
.article > date {
float: left;
margin-top: -26px;
margin-left: 0px;
font-size: 12px;
}
a {
color: black;
text-decoration-thickness: 1px;
text-decoration-color: black;
text-decoration-skip-ink: none;
text-underline-offset: 4px;
}
a.active {
color: black;
text-decoration-color: black;
font-weight: bold;
}
nav a.active {
font-weight: 800;
}
nav a.active:active {
font-weight: 800;
}
nav a:active {
font-weight: inherit;
}
nav a:hover {
text-decoration: underline;
}
a:hover {
color: black;
text-decoration-color: black;
}
a:visited {
color: black;
}
.btt {
display: none;
}
.thumbs img {
width: 217px;
margin-top: 0px;
margin-bottom: 1em;
margin-right: 1em;
}
.thumbs a:last-child img {
margin-right: 0;
}
section h1 {
max-width: 1180px;
text-wrap: balance;
}
section img {
max-width: 100%;
display: block;
}
section p {
max-width: 700px;
}
nav {
display: block;
font-size: 25px;
background-color: black;
color: white;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
}
nav ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
}
nav li {
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
display: inline-block;
}
nav a {
color: white;
}
#nav li:nth-child(2) {
padding-left: calc((100vw - 66vw) / 2 - 50px);
}
nav a:active, nav a.active, nav a:visited, nav a:hover {
color: white !important;
}
nav.subnav {
padding-left: calc((100vw - 66vw) / 2 + 28px);
font-size: 19px;
}
nav.subnav li {
padding-top: 0;
}
.button {
display: flex;
width: fit-content;
text-decoration: none;
color: black;
background-color: white;
border: 2px solid #000000;
margin-top: 20px;
}
.button:visited {
color: black;
}
#search input {
background: black;
color: white;
border: 1px solid white;
width: calc(66vw - 939px);
min-width: 120px;
background-image: url("icons/search-inactive.svg");
background-repeat: no-repeat;
background-size: 30px;
background-position: 4px 4px;
padding: 4px;
padding-left: 40px;
margin: 0 !important;
}
#icons {
position: absolute;
right: 0px;
padding-right: 10px;
}
#icons a {
font-size: 0;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: text-bottom;
margin-right: 15px;
margin-top: 5px;
background-repeat: no-repeat;
background-size: 30px;
}
#icons #account {
background-image: url("icons/user-inactive.svg");
}
#icons #cart {
background-image: url("icons/bag-inactive.svg");
}
.btt {
display: block;
text-decoration: none;
}
.breadcrumb {
margin-top: 190px;
margin-bottom: 15px;
}
.wrap-key {
width: 100%;
margin: auto;
margin-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
line-height: 0;
white-space: nowrap;
background: black;
}
.wrap-key > * {
white-space: normal;
}
.wrap-key img {
width: 100%;
}
.wrap-key h1 {
font-size: calc(6vw);
position: absolute;
top: 42%;
width: 100%;
text-align: center;
font-family: 'InterDisplay', Helvetica, sans-serif !important;
font-weight: 800;
color: white;
text-shadow: 0px 5px 17px black;
}
.wrap-key h2 {
margin-top: 0;
}
.key-left, .key-right {
width: 50%;
display: inline-block;
vertical-align: top;
}
.key-left section, .key-right section {
padding-left: 9vw;
padding-right: 9vw;
padding-top: 9vw;
line-height: normal;
}
.key-black {
background: black;
color: white;
}
.key-black * {
color: white;
text-decoration-color: white;
}
.key-black a:visited {
color: white;
text-decoration-color: white;
}
.sep {
padding-left: 5px;
padding-right: 5px;
}
.notice {
background: #ff0;
color: black;
font-size: 19px;
padding: 35px;
margin-left: -35px;
margin-top: 35px;
}
.warning {
background: #d500a9;
color: black;
font-size: 19px;
padding: 35px;
margin-left: -35px;
margin-top: 35px;
}
.positive {
background: #24ccff;
color: black;
font-size: 19px;
padding: 35px;
margin-left: -35px;
margin-top: 35px;
}
.inverted {
background: black;
color: white;
font-size: 19px;
padding: 35px;
margin-left: -35px;
margin-top: 35px;
}
select, input, textarea, button {
border: 1px solid black;
border-radius: 0;
background: white;
font-size: 19px;
padding: 6px;
color: black;
width: 430px;
}
button {
background: black !important;
color: white !important;
}
input[type=radio] {
width: auto;
}
footer {
float: left;
clear: both;
width: 100%;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
footer p {
font-size: 13px;
}
.mastodon-embed {
height: 550px;
}
.key-left iframe, .key-right iframe {
width: 100%;
height: 28vw;
}
/* special link icons */
a.download, a.electronics, a.manual, a.mechanical, a.sources, a.shop {
background-repeat: no-repeat;
background-size: 26px;
padding-left: 36px;
padding-bottom: 4px;
line-height: 36px;
}
a.download {
background-image: url(/documentation/download-icon-32x32.svg);
}
a.electronics {
background-image: url(/documentation/electronic-sources-icon-32x32.svg);
}
a.manual {
background-image: url(/documentation/manual-icon-32x32.svg);
}
a.mechanical {
background-image: url(/documentation/mechanical-parts-icon-32x32.svg);
}
a.sources {
background-image: url(/documentation/software-sources-icon-32x32.svg);
}
a.shop {
background-image: url(/documentation/shop-icon-32x32.svg);
}
a.bag {
background-image: url(/icons/bag-icon-black.svg);
background-repeat: no-repeat;
background-size: 28px;
background-position: 10px 7px;
padding: 10px 10px 10px 45px;
}
@media (max-width: 1800px) {
.key-left section, .key-right section {
padding-left: 5vw;
padding-right: 5vw;
padding-top: 5vw;
}
}
@media (max-width: 1450px) {
#wrap {
width: 90%;
}
#nav li:nth-child(2) {
padding-left: calc((100vw - 90vw) / 2 - 50px);
}
nav.subnav {
padding-left: calc((100vw - 90vw) / 2 + 28px);
}
#search, #icons {
display: none;
}
.key-left section, .key-right section {
padding-left: 3vw;
padding-right: 3vw;
padding-top: 3vw;
line-height: normal;
}
.key-left h2, .key-right h2 {
font-size: 25px;
}
}
@media (max-width: 1000px) {
#wrap {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
nav li {
display: block;
padding-bottom: 0;
}
#nav li:nth-child(2) {
padding-left: 25px;
}
#nav {
padding-bottom: 25px;
}
nav.subnav {
background-color: white;
color: black;
padding-left: 0;
}
nav.subnav a {
color: black !important;
}
nav.subnav a:visited {
color: black !important;
}
nav.subnav li {
display: inline-block;
padding-top: 25px;
}
footer p {
font-size: 9px;
}
.key-left section, .key-right section {
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.key-left, .key-right {
width: 100%;
display: block;
}
.key-left iframe, .key-right iframe {
height: 56vw;
}
}
% fill up to 140 pages for physical book printing
% \newpage\null\thispagestyle{empty}\newpage
% \newpage\null\thispagestyle{empty}\newpage
% \newpage\null\thispagestyle{empty}\newpage
% this is only needed for the online pdf version
\includepdf{_static/cover-back2x.pdf}
\end{document}
......@@ -84,8 +84,10 @@
\begin{document}\RaggedRight
% this is only needed for the online pdf version
\includepdf{_static/cover-front2x.pdf}
\frontmatter
% this is only needed for the online pdf version
\newpage
......@@ -18,10 +18,9 @@
# -- Project information -----------------------------------------------------
project = 'MNT Reform Operator Handbook'
copyright = '2020-2021, MNT Research GmbH'
author = 'Lukas F. Hartmann et al'
project = 'MNT Reform Operator Handbook, 2nd Edition'
copyright = '2020-2024, MNT Research GmbH'
author = 'MNT Research GmbH'
# -- General configuration ---------------------------------------------------
......@@ -56,6 +55,3 @@ html_theme = 'alabaster'
# 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']
def setup(app):
app.add_css_file('css/custom.css')
......@@ -196,7 +196,7 @@ We have our own Debian package called ``reform-tools``. These tools are designed
|``reform-help`` |Shows you a list of useful commands. |
+-------------------------+--------------------------------------------------------------------------------+
|``reform-migrate`` |Helps you with OS migration from SD card to NVME or eMMC flash. |
+=========================+================================================================================+
+-------------------------+--------------------------------------------------------------------------------+
More information about reform-tools:
`<https://source.mnt.re/reform/reform-tools>`_
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment