Skip to content
Snippets Groups Projects
Commit 96c0b632 authored by Christopher Krawietz's avatar Christopher Krawietz
Browse files

added dev lotti animation icon

parent 741ba7c3
No related branches found
No related tags found
No related merge requests found
...@@ -15,8 +15,8 @@ module.exports = { ...@@ -15,8 +15,8 @@ module.exports = {
* ref:https://v1.vuepress.vuejs.org/config/#head * ref:https://v1.vuepress.vuejs.org/config/#head
*/ */
head: [ head: [
['link', { rel: 'icon', href: '/logo.png' }], ['link', { rel: 'icon', href: '/img/logo.png' }],
['link', { rel: 'manifest', href: '/manifest.json' }], ['link', { rel: 'manifest', href: '/manifest.json', crossOrigin: 'use-credentials' }],
['meta', { name: 'theme-color', content: '#3A78B8' }], ['meta', { name: 'theme-color', content: '#3A78B8' }],
['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }], ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }], ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
...@@ -138,9 +138,36 @@ module.exports = { ...@@ -138,9 +138,36 @@ module.exports = {
smoothScroll: true, smoothScroll: true,
navbar: false, navbar: false,
displayAllHeaders: false, displayAllHeaders: false,
sidebar: { sidebar: [
'/components/': ['', 'links', 'buttons', 'text-styles'], {
title: 'Komponenten',
collapsable: false,
children: [
{
title: 'Einstieg',
path: '/components/',
},
'components/links',
'components/buttons',
'components/text-styles',
],
},
{
title: 'Projekte',
collapsable: false,
children: [
{
title: 'ITVSH Komponenten',
collapsable: false,
children: ['projects/itvsh/'],
},
{
title: 'SH Hüttenerberge',
collapsable: false,
children: ['projects/itvsh/'],
}, },
sidebarDepth: 2, ],
},
],
}, },
}; };
...@@ -4,11 +4,13 @@ ...@@ -4,11 +4,13 @@
* https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements * https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements
*/ */
import './theme/styles/sass/screen.scss'; import './theme/styles/sass/screen.scss';
export default ({ export default ({
Vue, // the version of Vue being used in the VuePress app Vue, // the version of Vue being used in the VuePress app
options, // the options for the root Vue instance options, // the options for the root Vue instance
router, // the router instance for the app router, // the router instance for the app
siteData // site metadata siteData, // site metadata
}) => { }) => {
Vue.use(require('vue-moment')); Vue.use(require('vue-moment'));
} Vue.use('LottieAnimation');
};
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="63" viewBox="0 0 57 63">
<g fill="none" fill-rule="evenodd">
<path fill="#008CCF" d="M34.0156 62.3633H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#003064" d="M42.5195 51.0244h-19.842c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h19.842c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#1EAE9C" d="M14.1738 51.0244H2.8348c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h11.339c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#D62F87" d="M48.1895 39.6856h-5.67c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h5.67c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#008CCF" d="M34.0156 39.6856H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#7A6FAC" d="M25.5117 28.3477H2.8347c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h22.677c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#3A78B8" d="M53.8584 17.0088h-14.173c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h14.173c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#1EAE9C" d="M31.1816 17.0088h-5.67c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h5.67c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#008CCF" d="M17.0078 17.0088H2.8348c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h14.173c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
<path fill="#1EAE9C" d="M34.0156 5.6699H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
</g>
</svg>
{"v":"5.7.4","fr":30,"ip":0,"op":180,"w":1080,"h":1080,"nm":"Development-code","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[540,711,0],"to":[0,-3.173,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":1,"s":[540,539.951,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[540,539.951,0],"to":[0,0,0],"ti":[0,28.575,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":31,"s":[540,368.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[540,368.5,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":61,"s":[540,196.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":87,"s":[540,196.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[540,196.5,0],"to":[0,-28.583,0],"ti":[0,28.583,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":91,"s":[540,25,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[540,25,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":121,"s":[540,-146,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":150,"s":[540,-146,0],"to":[0,-28.167,0],"ti":[0,28.167,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":151,"s":[540,-315,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[540,-315,0],"to":[0,171,0],"ti":[0,-171,0]},{"t":181,"s":[540,711,0]}],"ix":2,"l":2},"a":{"a":0,"k":[50,221,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Zeile 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,3.085],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Zeile 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.172,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.597,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[47.022,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- C","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Zeile 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[11.339,2.835],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[11.339,-2.835],[14.173,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.477999997606,0.435000011968,0.675,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[14.424,25.763],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Zeile 4","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.838999968884,0.184000007779,0.528999956916,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[45.605,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Zeile 5","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[5.67,2.835],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[5.67,-2.835],[8.504,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.755,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[9.921,2.835],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[9.921,-2.835],[12.756,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[32.849,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Zeile 6","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,59.778],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 6","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":3,"nm":"Null 2","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":0,"s":[540,1398,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[540,1398,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":31,"s":[540,1226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[540,1226,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":61,"s":[540,1055,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[540,1055,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":91,"s":[540,884,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[540,884,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":121,"s":[540,712,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":150,"s":[540,712,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":151,"s":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":180,"s":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"t":181,"s":[540,540,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Zeile 12","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.554,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.554,-2.827],[-12.719,0.008]],"c":true}]},{"t":25,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,3.085],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[6]},{"t":11,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Zeile 13","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":35,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-7.043,2.843],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[-7.043,-2.827],[-4.208,0.008]],"c":true}]},{"t":42,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.172,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100.045,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[0]},{"t":39,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- A ","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":42,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-2.647,2.843],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[-2.647,-2.827],[0.188,0.008]],"c":true}]},{"t":48,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.597,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":42,"s":[0]},{"t":44,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":48,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-7.049,2.843],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[-7.049,-2.827],[-4.214,0.008]],"c":true}]},{"t":56,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[47.022,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":48,"s":[0]},{"t":51,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- C","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":180,"st":30,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"Zeile 14","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":66,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-11.351,2.843],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[-11.351,-2.827],[-8.516,0.008]],"c":true}]},{"t":86,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[11.339,2.835],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[11.339,-2.835],[14.173,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.477999997606,0.435000011968,0.675,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[14.424,25.763],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":61,"s":[0]},{"t":72,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":61,"op":180,"st":61,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Zeile 15","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":96,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.554,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.554,-2.827],[-12.719,0.008]],"c":true}]},{"t":110,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":91,"s":[0]},{"t":102,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":110,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-2.647,2.843],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[-2.647,-2.827],[0.188,0.008]],"c":true}]},{"t":116,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.838999968884,0.184000007779,0.528999956916,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[45.605,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":109,"s":[0]},{"t":112,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":91,"op":180,"st":91,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Zeile 16","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":126,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-5.725,2.843],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[-5.725,-2.827],[-2.89,0.008]],"c":true}]},{"t":133,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[5.67,2.835],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[5.67,-2.835],[8.504,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.755,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"t":130,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":133,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-9.895,2.843],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[-9.895,-2.827],[-7.06,0.008]],"c":true}]},{"t":146,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[9.921,2.835],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[9.921,-2.835],[12.756,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[32.849,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":132,"s":[0]},{"t":135,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":121,"op":180,"st":121,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"Zeile 17","parent":8,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":152,"s":[0]},{"t":163,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":157,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.62,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.62,-2.827],[-12.785,0.008]],"c":true}]},{"t":177,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,59.778],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 6","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":152,"op":180,"st":152,"bm":0}],"markers":[{"tm":150,"cm":"1","dr":0}]}
\ No newline at end of file
{
"name": "ITVSH - Design System",
"short_name": "DS",
"lang": "de-DE",
"start_url": "/",
"display": "standalone",
"theme_color": "#003064",
"icons": [
{
"src": "/icons/android-chrome-192x192.png"
},
{
"src": "/icons/android-chrome-512x512.png",
"sizes": "512x512"
}
]
}
<template> <template>
<section class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null"> <section class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null">
<header class="hero"> <div class="u-background--gradient-itvsh-10 u-paddingTop--r4 u-paddingBottom--r4">
<div class="u-container">
<section class="u-limitWidth-12 u-align-center">
<div class="GridCol1Main-row u-row">
<div class="GridCol1Main-col u-col u-stack--2">
<lottie-animation class="u-align-center" :path="$withBase('./img/development.json')" :speed="0.8" :width="256"/>
</div>
</div>
</section>
</div>
</div>
<div class="u-background--white u-paddingTop--r4 u-paddingBottom--r4">
<div class="u-container">
<section class="u-limitWidth-6 u-align-center">
<div class="GridCol1Main-row u-row">
<div class="GridCol1Main-col u-col u-stack--2">
<h1 v-if="data.heroText !== null" id="main-title" class="Base-h1"> <h1 v-if="data.heroText !== null" id="main-title" class="Base-h1">
{{ data.heroText || $title || 'Hello' }} {{ data.heroText || $title }}
</h1> </h1>
<p v-if="data.tagline !== null" class="Base-p description"> <p v-if="data.tagline !== null" class="Base-p description">
{{ data.tagline || $description || 'Welcome to your VuePress site' }} {{ data.tagline || $description }}
</p> </p>
<p v-if="data.actionText && data.actionLink" class="Base-p action"> <p v-if="data.actionText && data.actionLink" class="Base-p">
<NavLink class="action-button Base-button" :item="actionLink"/> <a :href="data.actionLink" class="Base-button Base-button--large"><span class="Base-button-icon"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" class="u-scalingInlineSVG" style="padding-bottom: 100%;"><path d="M290.132 34l-34.06 34.06 163.722 163.72H0v48.175h419.794L256.072 443.677l34.06 34.06L512 255.868z"/></svg></span>{{data.actionText}}</a>
</p> </p>
</header> </div>
</div>
</section>
</div>
</div>
<div class="u-background--gradient-itvsh-10 u-paddingTop--r2 u-paddingBottom--r2 u-marginBottom--r4">
<div class="u-container">
<section class="u-limitWidth-12 u-align-center">
<div v-if="data.features && data.features.length" class="GridCol3Even-row u-row"> <div v-if="data.features && data.features.length" class="GridCol3Even-row u-row">
<div v-for="(feature, index) in data.features" :key="index" class="GridCol3Even-col u-col"> <div v-for="(feature, index) in data.features" :key="index" class="GridCol3Even-col u-col">
<h2>{{ feature.title }}</h2> <h2 class="Base-h2 u-marginBottom--r1">{{ feature.title }}</h2>
<p>{{ feature.details }}</p> <p class="Base-p u-marginBottom--r1">{{ feature.details }}</p>
<a class="Base-iconLink-page" :href="feature.link">{{feature.linkText}}</a>
</div> </div>
</div> </div>
</section>
<Slot class="theme-content"/>
<div v-if="data.footer" class="footer">
{{ data.footer }}
</div> </div>
</div>
<Slot class="theme-content"/>
</section> </section>
</template> </template>
<script> <script>
import NavLink from '@parent-theme/components/NavLink.vue' import NavLink from '@parent-theme/components/NavLink.vue'
import LottieAnimation from 'lottie-vuejs/src/LottieAnimation.vue';
export default { export default {
name: 'Home', name: 'Home',
components: {NavLink}, components: {NavLink, LottieAnimation},
computed: { computed: {
data() { data() {
......
<template> <template>
<div class="theme-container" :class="pageClasses" @touchstart="onTouchStart" @touchend="onTouchEnd"> <div class="theme-container" :class="pageClasses" @touchstart="onTouchStart" @touchend="onTouchEnd">
<div class="u-container"> <div class="SectionMain-default u-container" v-if="!$page.frontmatter.home">
<div class="u-limitWidth-12 u-align-center"> <div class="u-limitWidth-12 u-align-center">
<div class="GridCol2MainAside-row u-row" v-if="!$page.frontmatter.home"> <div class="GridCol2MainAside-row u-row">
<div class="GridCol2MainAside-col-aside u-col u-stack--2"> <div class="GridCol2MainAside-col-aside u-col u-stack--2">
<SearchBox/> <SearchBox/>
<Sidebar :items="sidebarItems" @toggle-sidebar="toggleSidebar"> <Sidebar :items="sidebarItems" @toggle-sidebar="toggleSidebar">
...@@ -27,9 +27,9 @@ ...@@ -27,9 +27,9 @@
</Page> </Page>
</div> </div>
</div> </div>
<Home v-if="$page.frontmatter.home" />
</div> </div>
</div> </div>
<Home v-if="$page.frontmatter.home" />
</div> </div>
</template> </template>
<script> <script>
......
...@@ -46,6 +46,6 @@ $rfs-breakpoint: 1670; ...@@ -46,6 +46,6 @@ $rfs-breakpoint: 1670;
$mobile-break: md; $mobile-break: md;
$header-height-mobile: 72px; $header-height-mobile: 70px;
$header-height-desktop: 100px; $header-height-desktop: 100px;
$header-height-scroll: 114px; $header-height-scroll: 114px;
...@@ -6,9 +6,12 @@ ...@@ -6,9 +6,12 @@
position: relative; position: relative;
z-index: functions.z(constants.$z-main, main); z-index: functions.z(constants.$z-main, main);
padding-top: constants.$header-height-mobile; padding-top: constants.$header-height-mobile;
margin-top: constants.$gutter-width*2;
@include mixins.respond-to(constants.$mobile-break) { @include mixins.respond-to(constants.$mobile-break) {
padding-top: constants.$header-height-desktop; padding-top: constants.$header-height-desktop;
} }
} }
.SectionMain-default {
margin-top: constants.$gutter-width*2;
}
--- ---
home: true home: true
heroText: Dokumentation Design System SH heroText: Dokumentation zum Design System SH
tagline: Dokumentation zum Design System des ITVSH tagline: Die Developer-Platform für digitalen Produkte von Kommunen, Behörden und Institutionen.
actionText: Zu den Komponenten actionText: Zu den Komponenten
actionLink: /components/ actionLink: /components/
features: features:
- title: Feature 1 Title - title: Digital Design System SH
details: Feature 1 Description details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- title: Feature 2 Title link: https://www.design-system.sh/
details: Feature 2 Description linkText: Digital Design System SH
- title: Feature 3 Title - title: Komponenten & Code-Snippets
details: Feature 3 Description details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
footer: Made by Christopher Krawietz with ❤️ link: /components/
linkText: Kommunale Kompnenten
- title: Weiterentwickeln
details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
link: https://www.design-system.sh/mitmachen
linkText: Mitmachen und Weiterentwickeln
--- ---
--- ---
sidebarDepth: 0
title: Komponenten title: Komponenten
tagline: Dokumentation zum Design System des ITVSH tagline: Dokumentation zum Design System des ITVSH
--- ---
......
---
sidebarDepth: 0
title: ITVSH Komponenten
---
# Test Projekt
## Et multa caeno
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment