inculude images in download page

This commit is contained in:
Ulli Kehrle 2021-01-13 20:54:40 +01:00
parent f2a8c407cf
commit 0571a9852e
Signed by: hrnz
GPG Key ID: 06E88726998AB3C7
4 changed files with 112 additions and 7 deletions

View File

@ -1,12 +1,109 @@
<style>
.fullwidth {
display:flex;
justify-content:center;
flex-wrap:wrap-reverse;
}
.drittel {
min-width: 15rem;
flex: 1 1 15rem;
margin: 0 0.5em 0;
}
.drittel .tabbed-set {
max-width: 535px;
margin: auto;
}
.drittel .tabbed-set label {
padding: 1em 0.5em 1em;
}
.drittel .md-button {
display: block;
margin: auto;
width: 100%;
max-width: 535px;
text-align: center;
}
</style>
# Download / Installation # Download / Installation
## Windows ## Windows
[NeoVars herunterladen](//dl.neo-layout.org/neo20.exe){: .md-button .md-button--primary} <div class="fullwidth" style="display:flex">
[BoneVars herunterladen](//dl.neo-layout.org/bone20.exe){: .md-button .md-button--primary} <div class="drittel">
[NeoQwertzVars herunterladen](//dl.neo-layout.org/neoqwertz20.exe){: .md-button .md-button--primary} <div class="tabbed-set kb-box" data-tabs="1:6"> <!-- Neo Bild<<<-->
<input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Ebene 1</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%201.embed.svg" /></p>
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Ebene 2</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%202.embed.svg" /></p>
</div>
<input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><label for="__tabbed_1_3">Ebene 3</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%203.embed.svg" /></p>
</div>
<input id="__tabbed_1_4" name="__tabbed_1" type="radio" /><label for="__tabbed_1_4">Ebene 4</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%204.embed.svg" /></p>
</div>
<input id="__tabbed_1_5" name="__tabbed_1" type="radio" /><label for="__tabbed_1_5">Ebene 5</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%205.embed.svg" /></p>
</div>
<input id="__tabbed_1_6" name="__tabbed_1" type="radio" /><label for="__tabbed_1_6">Ebene 6</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo%20ebene%206.embed.svg" /></p>
</div>
</div><!--Neo>>>-->
Für eine korrekte Funkton muss in Windows das deutsche Qwertz-Layout eingestellt sein. <a class="md-button md-button--primary" href="//dl.neo-layout.org/neo20.exe">NeoVars herunterladen</a>
</div>
<div class="drittel">
<div class="tabbed-set kb-box" data-tabs="2:6"> <!-- NeoQwertz Bild<<<-->
<input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Ebene 1</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%201.embed.svg" /></p>
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Ebene 2</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%202.embed.svg" /></p>
</div>
<input id="__tabbed_2_3" name="__tabbed_2" type="radio" /><label for="__tabbed_2_3">Ebene 3</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%203.embed.svg" /></p>
</div>
<input id="__tabbed_2_4" name="__tabbed_2" type="radio" /><label for="__tabbed_2_4">Ebene 4</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%204.embed.svg" /></p>
</div>
<input id="__tabbed_2_5" name="__tabbed_2" type="radio" /><label for="__tabbed_2_5">Ebene 5</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%205.embed.svg" /></p>
</div>
<input id="__tabbed_2_6" name="__tabbed_2" type="radio" /><label for="__tabbed_2_6">Ebene 6</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20neo_qwertz%20ebene%206.embed.svg" /></p>
</div>
</div><!--NeoQwertz >>>-->
<a class="md-button md-button--primary" href="//dl.neo-layout.org/neoqwertz20.exe">NeoQwertzVars herunterladen</a>
</div>
<div class="drittel">
<div class="tabbed-set kb-box" data-tabs="3:6"> <!--Bone-Bild <<<-->
<input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Ebene 1</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%201.embed.svg" /></p>
</div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Ebene 2</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%202.embed.svg" /></p>
</div>
<input id="__tabbed_3_3" name="__tabbed_3" type="radio" /><label for="__tabbed_3_3">Ebene 3</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%203.embed.svg" /></p>
</div>
<input id="__tabbed_3_4" name="__tabbed_3" type="radio" /><label for="__tabbed_3_4">Ebene 4</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%204.embed.svg" /></p>
</div>
<input id="__tabbed_3_5" name="__tabbed_3" type="radio" /><label for="__tabbed_3_5">Ebene 5</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%205.embed.svg" /></p>
</div>
<input id="__tabbed_3_6" name="__tabbed_3" type="radio" /><label for="__tabbed_3_6">Ebene 6</label><div class="tabbed-content">
<p><img alt="Image" src="/Layouts/de%20bone%20ebene%206.embed.svg" /></p>
</div>
</div> <!-- Bone >>>-->
<a class="md-button md-button--primary" href="//dl.neo-layout.org/bone20.exe">BoneVars herunterladen</a>
</div>
</div>
Für eine korrekte Funktion muss in Windows das deutsche Qwertz-Layout eingestellt sein.
Es gibt auch andere Treiber, die gewisse Vor- und Nachteile haben. Es gibt auch andere Treiber, die gewisse Vor- und Nachteile haben.
Mehr Informationen dazu finden sich [hier](/Benutzerhandbuch/Installation/) Mehr Informationen dazu finden sich [hier](/Benutzerhandbuch/Installation/)

View File

@ -83,6 +83,9 @@ html {
} }
.md-typeset__scrollwrap { .md-typeset__scrollwrap {
overflow-x: visible; overflow-x: visible;
position:relative; position: relative;
z-index: 1; z-index: 1;
} }
.md-content {
overflow: visible;
}

View File

@ -26,7 +26,12 @@
{{ super() }} {{ super() }}
<link rel="stylesheet" href="{{ 'assets/stylesheets/extra.css' | url }}" /> <link rel="stylesheet" href="{{ 'assets/stylesheets/extra.css' | url }}" />
{% if page.parent == None %} {% if page.parent == None %}
<style>@media screen and (min-width:76.25em){.md-sidebar{visibility:hidden; width:6rem;}.md-content__inner{margin-left:0.8rem;}.md-content{max-width:calc(100% - 12rem);}}</style> <style>@media screen and (min-width:76.25em){
.md-sidebar{visibility:hidden; width:8rem;}
.md-content__inner{margin-left: 1.2rem!important; margin-right:0.5rem !important;}
.md-content{max-width:calc(100% - 16rem);}
.fullwidth{margin: 0 -8.8rem 0 -8.8rem;}
}</style>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

View File

@ -127,7 +127,7 @@
<a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button"> Git-Repo anzeigen </a> <a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button"> Git-Repo anzeigen </a>
</div> </div>
<div class="home-column"> <div class="home-column">
<div class="tabbed-set kb-box" data-tabs="1:6"> <!-- NeoQwertz Bild<<<--> <div class="tabbed-set kb-box" data-tabs="1:6"> <!-- Neo Bild<<<-->
<input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Ebene 1</label><div class="tabbed-content"> <input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Ebene 1</label><div class="tabbed-content">
<p><img alt="Image" src="Layouts/de%20neo%20ebene%201.embed.svg" /></p> <p><img alt="Image" src="Layouts/de%20neo%20ebene%201.embed.svg" /></p>
</div> </div>