@ -1,3 +1,3 @@ | |||
--- | |||
template: main.html | |||
template: overrides/home.html | |||
--- |
@ -0,0 +1,74 @@ | |||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||
<svg | |||
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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||
inkscape:version="1.0 (4035a4fb49, 2020-05-01)" | |||
sodipodi:docname="logo-only.svg" | |||
width="28.463171mm" | |||
height="11.871326mm" | |||
id="svg44668" | |||
version="1.0"> | |||
<sodipodi:namedview | |||
inkscape:current-layer="layer1" | |||
inkscape:window-maximized="0" | |||
inkscape:window-y="20" | |||
inkscape:window-x="1920" | |||
inkscape:cy="2.5940999" | |||
inkscape:cx="113.53289" | |||
inkscape:zoom="2.56" | |||
fit-margin-bottom="0" | |||
fit-margin-right="0" | |||
fit-margin-left="0" | |||
fit-margin-top="0" | |||
units="mm" | |||
showgrid="false" | |||
id="namedview9" | |||
inkscape:window-height="1060" | |||
inkscape:window-width="1920" | |||
inkscape:pageshadow="2" | |||
inkscape:pageopacity="0" | |||
guidetolerance="10" | |||
gridtolerance="10" | |||
objecttolerance="10" | |||
borderopacity="1" | |||
bordercolor="#666666" | |||
pagecolor="#000000" /> | |||
<defs | |||
id="defs44670" /> | |||
<metadata | |||
id="metadata44673"> | |||
<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" | |||
transform="translate(43.855353,-507.20684)"> | |||
<path | |||
style="font-style:normal;font-weight:normal;font-size:143.387px;font-family:'Linux Libertine';display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||
d="m 43.947247,507.20684 c -6.4742,0 -10.95134,2.26637 -14.36904,6.09875 1.6463,0.88251 3.98727,2.32078 6.00635,3.37287 2.14885,-1.91168 4.47263,-3.55768 8.36269,-3.55768 3.91786,0 7.3323,1.39185 9.33294,4.15825 2.00056,2.76639 3.46519,6.85869 3.46519,12.28991 0,5.40594 -0.54058,9.49824 -2.54113,12.28992 -2.00065,2.76654 -4.95306,4.15824 -8.87092,4.15824 -16.00044,-1.19595 -15.30824,-23.18636 -23.23995,-33.21966 -3.16584,-3.6801 -7.47507,-5.4979 -12.9829593,-5.4982 -6.1771579,1.5e-4 -11.124792,2.0381 -14.831059,6.09876 l 6.05254903,3.18806 c 2.21347107,-2.2334 5.03190897,-3.32659 8.45509197,-3.32659 3.5003783,0 6.1860873,1.07692 8.0392673,3.23418 5.94962,7.76871 8.1452,23.34589 13.44498,28.64567 3.57997,3.58001 6.4123,6.15021 11.59688,6.69932 0.01091,0.003 0.03533,-0.003 0.0462,0 0.90297,0.23005 3.98736,0.32231 4.57407,0.13868 6.48813,0 9.19555,-1.92203 12.61332,-5.72913 3.41764,-3.83239 4.62021,-9.39519 4.62027,-16.67925 -6e-5,-7.25863 -2.14507,-12.80058 -5.59053,-16.63297 -3.41771,-3.83223 -7.71002,-5.72913 -14.18421,-5.72913 z m -70.246597,0.45641 c -5.392955,0.0516 -9.593541,2.37149 -13.121696,6.17933 -3.379346,3.64728 -4.75904,8.76314 -4.370612,15.86504 0.07987,1.47538 0,14.73489 0,21.3863 1.905103,0 4.397476,0 6.006349,0 0.04299,-6.98096 -0.0924,-7.3945 -0.0924,-21.3863 -1.5e-5,-5.40593 0.815814,-9.87436 3.834823,-12.56713 2.557012,-2.28086 4.902749,-3.55443 9.072552,-3.33576 4.188078,0.21985 8.019605,3.07156 9.802555,6.82588 2.506936,5.27878 0.760563,17.68905 7.5066293,25.15555 3.7834744,3.95924 11.0703835,6.28356 17.7880327,6.28356 2.34217,-1.4e-4 4.757219,-0.27337 7.253819,-0.83164 2.5223,-0.533 3.11899,-0.89538 5.82154,-1.98679 l -6.00635,-3.18792 c -0.91629,0.0222 -6.232129,0.52901 -6.191159,0.41576 -8.4610642,0.59035 -12.9599773,-3.12242 -14.8310613,-5.54433 -0.854757,-1.10635 -1.653123,-2.32078 -2.402538,-4.52786 -0.290567,-1.18116 -0.556103,-2.39958 -0.739243,-3.69622 -0.4717854,-3.34004 -0.6962344,-6.94104 -1.2936754,-10.3494 -0.597397,-3.4082 -2.2383993,-6.22428 -4.2830123,-8.68182 -3.104155,-3.73081 -8.246655,-6.0161 -13.754548,-6.01625 z m 23.0736517,19.13353 c 0.173013,1.8314 0.02132,3.66694 1.155068,5.49819 H 15.809807 l 3.419,-2.77216 -4.52786,-2.72603 z" | |||
id="path44662" /> | |||
<text | |||
xml:space="preserve" | |||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:0%;font-family:'Linux Biolinum O';-inkscape-font-specification:'Linux Biolinum O';fill:#ffffff;fill-opacity:1;stroke:none" | |||
x="154.44046" | |||
y="111.77184" | |||
id="text2818" | |||
transform="translate(-46.55321,504.50721)"><tspan | |||
id="tspan2820" | |||
x="154.44046" | |||
y="111.77184" | |||
style="font-size:40px;line-height:1.25"> </tspan></text> | |||
</g> | |||
</svg> |
@ -0,0 +1,41 @@ | |||
* { | |||
--md-primary-fg-color: #A14D4B; | |||
--md-accent-fg-color: #F0AD4E; | |||
} | |||
.md-header { | |||
height: 3rem; | |||
} | |||
.md-header-nav__button, .md-logo { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.md-header-nav__button.md-logo img { | |||
width: auto; | |||
height: 100%; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.md-header-nav__title { | |||
margin: 0; | |||
line-height: 3rem; | |||
} | |||
.md-footer-nav__inner, .md-footer-nav__link--prev, .md-footer-nav__link--next { | |||
padding: 0; | |||
} | |||
.md-footer-nav__direction { | |||
padding: 0 1rem; | |||
margin-top: .1rem; | |||
font-size: .6rem; | |||
line-height: 1rem; | |||
} | |||
.md-footer-nav__title{ | |||
font-size: .8rem; | |||
flex-grow: 1; | |||
} | |||
.md-footer-meta__inner, .md-footer-copyright, .md-footer-social { | |||
max-width: 50%; | |||
padding: 0; | |||
} | |||
@ -0,0 +1,28 @@ | |||
<!-- | |||
Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com> | |||
Permission is hereby granted, free of charge, to any person obtaining a copy | |||
of this software and associated documentation files (the "Software"), to | |||
deal in the Software without restriction, including without limitation the | |||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or | |||
sell copies of the Software, and to permit persons to whom the Software is | |||
furnished to do so, subject to the following conditions: | |||
The above copyright notice and this permission notice shall be included in | |||
all copies or substantial portions of the Software. | |||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE | |||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS | |||
IN THE SOFTWARE. | |||
--> | |||
{% extends "base.html" %} | |||
{% block extrahead %} | |||
<link rel="stylesheet" href="{{ 'assets/stylesheets/extra.css' | url }}" /> | |||
{% endblock %} | |||
@ -0,0 +1,197 @@ | |||
<!-- | |||
Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com> | |||
Permission is hereby granted, free of charge, to any person obtaining a copy | |||
of this software and associated documentation files (the "Software"), to | |||
deal in the Software without restriction, including without limitation the | |||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or | |||
sell copies of the Software, and to permit persons to whom the Software is | |||
furnished to do so, subject to the following conditions: | |||
The above copyright notice and this permission notice shall be included in | |||
all copies or substantial portions of the Software. | |||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE | |||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS | |||
IN THE SOFTWARE. | |||
--> | |||
{% extends "main.html" %} | |||
<!-- Render hero under tabs --> | |||
{% block tabs %} | |||
{{ super() }} | |||
<!-- Additional styles for landing page --> | |||
<style> | |||
/* Application header should be static for the landing page */ | |||
.md-header { | |||
position: initial; | |||
} | |||
/* Remove spacing, as we cannot hide it completely */ | |||
.md-main__inner { | |||
margin: 0; | |||
} | |||
/* Hide main content for now */ | |||
.md-content { | |||
display: none; | |||
} | |||
/* Gradient background + blob */ | |||
.tx-container { | |||
padding-top: 1rem; | |||
background: | |||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom, | |||
linear-gradient( | |||
to bottom, | |||
var(--md-primary-fg-color), | |||
var(--md-accent-fg-color) 99%, | |||
white 99% | |||
); | |||
} | |||
/* Set inverted text color on hero */ | |||
.tx-hero { | |||
margin: 0 .8rem; | |||
color: var(--md-primary-bg-color); | |||
} | |||
/* Make main headline thicker */ | |||
.tx-hero h1 { | |||
margin-bottom: 1rem; | |||
color: currentColor; | |||
font-weight: 700; | |||
} | |||
/* Ensure that blob doesn't overlap buttons */ | |||
.tx-hero__content { | |||
padding-bottom: 6rem; | |||
} | |||
/* Adjust spacing of buttons and invert them */ | |||
.tx-hero .md-button { | |||
margin-top: .5rem; | |||
margin-right: .5rem; | |||
color: var(--md-primary-bg-color); | |||
} | |||
/* Invert primary button */ | |||
.tx-hero .md-button--primary { | |||
background-color: var(--md-primary-bg-color); | |||
color: hsla(280deg, 37%, 48%, 1); | |||
border-color: var(--md-primary-bg-color); | |||
} | |||
/* Invert hover and focus button states */ | |||
.tx-hero .md-button:hover, | |||
.tx-hero .md-button:focus { | |||
background-color: var(--md-accent-fg-color); | |||
color: var(--md-default-bg-color); | |||
border-color: var(--md-accent-fg-color); | |||
} | |||
/* [mobile portrait -]: Adjust headline */ | |||
@media screen and (max-width: 30em) { | |||
/* Make main headline smaller */ | |||
.tx-hero h1 { | |||
font-size: 1.4rem; | |||
} | |||
} | |||
/* [tablet landscape +]: Display content and image next to each other */ | |||
@media screen and (min-width: 60em) { | |||
/* Hide table of contents */ | |||
.md-sidebar--secondary { | |||
display: none; | |||
} | |||
/* Use flex layout to align items */ | |||
.tx-hero { | |||
display: flex; | |||
align-items: stretch; | |||
} | |||
/* Increase bottom spacing and set dimensions */ | |||
.tx-hero__content { | |||
max-width: 19rem; | |||
margin-top: 3.5rem; | |||
padding-bottom: 14vw; | |||
} | |||
/* Swap with teaser and set dimensions */ | |||
.tx-hero__image { | |||
width: 38rem; | |||
order: 1; | |||
transform: translateX(4rem); | |||
} | |||
} | |||
/* [screen +]: Adjust spacing */ | |||
@media screen and (min-width: 76.25em) { | |||
/* Hide navigation */ | |||
.md-sidebar--primary { | |||
display: none; | |||
} | |||
/* Ensure the image aligns with the repository information */ | |||
.tx-hero__image { | |||
transform: translateX(8rem); | |||
} | |||
} | |||
</style> | |||
<!-- Hero for landing page --> | |||
<section class="tx-container"> | |||
<div class="md-grid md-typeset"> | |||
<div class="tx-hero"> | |||
<!-- Hero image --> | |||
<div class="tx-hero__image"> | |||
<img | |||
src="assets/images/illustration.png" | |||
alt="" | |||
width="1659" | |||
height="1200" | |||
draggable="false" | |||
> | |||
</div> | |||
<!-- Hero content --> | |||
<div class="tx-hero__content"> | |||
<h1>Neo</h1> | |||
<p>{{ config.site_description }}</p> | |||
<a | |||
href="{{ page.next_page.url | url }}" | |||
title="{{ page.next_page.title | striptags }}" | |||
class="md-button md-button--primary" | |||
> | |||
Quickguide | |||
</a> | |||
<a | |||
href="{{ config.repo_url }}" | |||
title="{{ lang.t('source.link.title') }}" | |||
class="md-button" | |||
> | |||
Git-Repo anzeigen | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
{% endblock %} | |||
<!-- Content --> | |||
{% block content %}{% endblock %} | |||
<!-- Application footer --> | |||
{% block footer %}{% endblock %} |
@ -0,0 +1,82 @@ | |||
<!-- | |||
Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com> | |||
Permission is hereby granted, free of charge, to any person obtaining a copy | |||
of this software and associated documentation files (the "Software"), to | |||
deal in the Software without restriction, including without limitation the | |||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or | |||
sell copies of the Software, and to permit persons to whom the Software is | |||
furnished to do so, subject to the following conditions: | |||
The above copyright notice and this permission notice shall be included in | |||
all copies or substantial portions of the Software. | |||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE | |||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS | |||
IN THE SOFTWARE. | |||
--> | |||
{% import "partials/language.html" as lang with context %} | |||
<!-- Application footer --> | |||
<footer class="md-footer"> | |||
<!-- Link to previous and/or next page --> | |||
{% if page.previous_page or page.next_page %} | |||
<div class="md-footer-nav"> | |||
<nav | |||
class="md-footer-nav__inner md-grid" | |||
aria-label="{{ lang.t('footer.title') }}" | |||
> | |||
<!-- Link to previous page --> | |||
{% if page.previous_page %} | |||
<a | |||
href="{{ page.previous_page.url | url }}" | |||
title="{{ page.previous_page.title | striptags }}" | |||
class="md-footer-nav__link md-footer-nav__link--prev" | |||
rel="prev" | |||
> | |||
<div class="md-footer-nav__button md-icon"> | |||
{% include ".icons/material/arrow-left.svg" %} | |||
</div> | |||
<div class="md-footer-nav__title"> | |||
<div class="md-ellipsis"> | |||
<span class="md-footer-nav__direction"> | |||
{{ lang.t("footer.previous") }} | |||
</span> | |||
{{ page.previous_page.title }} | |||
</div> | |||
</div> | |||
</a> | |||
{% endif %} | |||
<!-- Link to next page --> | |||
{% if page.next_page %} | |||
<a | |||
href="{{ page.next_page.url | url }}" | |||
title="{{ page.next_page.title | striptags }}" | |||
class="md-footer-nav__link md-footer-nav__link--next" | |||
rel="next" | |||
> | |||
<div class="md-footer-nav__title"> | |||
<div class="md-ellipsis"> | |||
<span class="md-footer-nav__direction"> | |||
{{ lang.t("footer.next") }} | |||
</span> | |||
{{ page.next_page.title }} | |||
</div> | |||
</div> | |||
<div class="md-footer-nav__button md-icon"> | |||
{% include ".icons/material/arrow-right.svg" %} | |||
</div> | |||
</a> | |||
{% endif %} | |||
</nav> | |||
</div> | |||
{% endif %} | |||
</footer> |
@ -0,0 +1,78 @@ | |||
<!-- | |||
Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com> | |||
Permission is hereby granted, free of charge, to any person obtaining a copy | |||
of this software and associated documentation files (the "Software"), to | |||
deal in the Software without restriction, including without limitation the | |||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or | |||
sell copies of the Software, and to permit persons to whom the Software is | |||
furnished to do so, subject to the following conditions: | |||
The above copyright notice and this permission notice shall be included in | |||
all copies or substantial portions of the Software. | |||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE | |||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS | |||
IN THE SOFTWARE. | |||
--> | |||
<!-- Application header --> | |||
<header class="md-header" data-md-component="header"> | |||
<!-- Top-level navigation --> | |||
<nav class="md-header-nav md-grid" aria-label="{{ lang.t('header.title') }}"> | |||
<!-- Link to home --> | |||
<a | |||
href="{{ config.site_url | default(nav.homepage.url, true) | url }}" | |||
title="{{ config.site_name }}" | |||
class="md-header-nav__button md-logo" | |||
aria-label="{{ config.site_name }}" | |||
> | |||
{% include "partials/logo.html" %} | |||
</a> | |||
<!-- Button to open drawer --> | |||
<label class="md-header-nav__button md-icon" for="__drawer"> | |||
{% include ".icons/material/menu" ~ ".svg" %} | |||
</label> | |||
<!-- Header title --> | |||
<div class="md-header-nav__title" data-md-component="header-title"> | |||
{% if config.site_name == page.title %} | |||
<div class="md-header-nav__ellipsis md-ellipsis"> | |||
{{ config.site_name }} | |||
</div> | |||
{% else %} | |||
<div class="md-header-nav__ellipsis"> | |||
<span class="md-header-nav__topic md-ellipsis"> | |||
{{ config.site_name }} | |||
</span> | |||
<span class="md-header-nav__topic md-ellipsis"> | |||
{% if page and page.meta and page.meta.title %} | |||
{{ page.meta.title }} | |||
{% else %} | |||
{{ page.title }} | |||
{% endif %} | |||
</span> | |||
</div> | |||
{% endif %} | |||
</div> | |||
<!-- Button to open search dialogue --> | |||
{% if "search" in config["plugins"] %} | |||
<label class="md-header-nav__button md-icon" for="__search"> | |||
{% include ".icons/material/magnify.svg" %} | |||
</label> | |||
<!-- Search interface --> | |||
{% include "partials/search.html" %} | |||
{% endif %} | |||
<!-- removed repository containing source --> | |||
</nav> | |||
</header> |