From 96c0b632df4b0370b8067f9545352fcf9314919e Mon Sep 17 00:00:00 2001
From: Christopher Krawietz <krawietz@new-communication.de>
Date: Fri, 26 Mar 2021 15:20:16 +0100
Subject: [PATCH] added dev lotti animation icon
---
package.json | 1 +
src/.vuepress/config.js | 39 +++++++++--
src/.vuepress/enhanceApp.js | 14 ++--
src/.vuepress/public/img/dev-icon.svg | 14 ++++
src/.vuepress/public/img/development.json | 1 +
src/.vuepress/public/manifest.json | 17 +++++
src/.vuepress/theme/components/Home.vue | 66 ++++++++++++-------
src/.vuepress/theme/layouts/Layout.vue | 6 +-
.../styles/sass/abstracts/_constants.scss | 2 +-
.../styles/sass/layout/_SectionMain.scss | 5 +-
src/README.md | 23 ++++---
src/components/README.md | 1 +
src/projects/README.md | 7 ++
13 files changed, 148 insertions(+), 48 deletions(-)
create mode 100644 src/.vuepress/public/img/dev-icon.svg
create mode 100755 src/.vuepress/public/img/development.json
create mode 100644 src/.vuepress/public/manifest.json
create mode 100644 src/projects/README.md
diff --git a/package.json b/package.json
index 6a467f2..1bb3cb4 100755
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
"@vuepress/plugin-last-updated": "^1.8.2",
"@vuepress/plugin-medium-zoom": "^1.8.2",
"@vuepress/plugin-pwa": "^1.8.2",
+ "lottie-vuejs": "^0.4.0",
"vuepress-plugin-smooth-scroll": "^0.0.10"
},
"devDependencies": {
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index c3fa915..e7a3847 100755
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -15,8 +15,8 @@ module.exports = {
* ref：https://v1.vuepress.vuejs.org/config/#head
*/
head: [
- ['link', { rel: 'icon', href: '/logo.png' }],
- ['link', { rel: 'manifest', href: '/manifest.json' }],
+ ['link', { rel: 'icon', href: '/img/logo.png' }],
+ ['link', { rel: 'manifest', href: '/manifest.json', crossOrigin: 'use-credentials' }],
['meta', { name: 'theme-color', content: '#3A78B8' }],
['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
@@ -138,9 +138,36 @@ module.exports = {
smoothScroll: true,
navbar: false,
displayAllHeaders: false,
- sidebar: {
- '/components/': ['', 'links', 'buttons', 'text-styles'],
- },
- sidebarDepth: 2,
+ sidebar: [
+ {
+ 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/'],
+ },
+ ],
+ },
+ ],
},
};
diff --git a/src/.vuepress/enhanceApp.js b/src/.vuepress/enhanceApp.js
index d1d635b..5390b02 100755
--- a/src/.vuepress/enhanceApp.js
+++ b/src/.vuepress/enhanceApp.js
@@ -4,11 +4,13 @@
* https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements
*/
import './theme/styles/sass/screen.scss';
+
export default ({
- Vue, // the version of Vue being used in the VuePress app
- options, // the options for the root Vue instance
- router, // the router instance for the app
- siteData // site metadata
+ Vue, // the version of Vue being used in the VuePress app
+ options, // the options for the root Vue instance
+ router, // the router instance for the app
+ siteData, // site metadata
}) => {
- Vue.use(require('vue-moment'));
-}
+ Vue.use(require('vue-moment'));
+ Vue.use('LottieAnimation');
+};
diff --git a/src/.vuepress/public/img/dev-icon.svg b/src/.vuepress/public/img/dev-icon.svg
new file mode 100644
index 0000000..c1fcdef
--- /dev/null
+++ b/src/.vuepress/public/img/dev-icon.svg
@@ -0,0 +1,14 @@
+<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>
diff --git a/src/.vuepress/public/img/development.json b/src/.vuepress/public/img/development.json
new file mode 100755
index 0000000..cb018b3
--- /dev/null
+++ b/src/.vuepress/public/img/development.json
@@ -0,0 +1 @@
+{"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
diff --git a/src/.vuepress/public/manifest.json b/src/.vuepress/public/manifest.json
new file mode 100644
index 0000000..6d0c20d
--- /dev/null
+++ b/src/.vuepress/public/manifest.json
@@ -0,0 +1,17 @@
+{
+ "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"
+ }
+ ]
+}
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
index ab988a7..4b4366e 100644
--- a/src/.vuepress/theme/components/Home.vue
+++ b/src/.vuepress/theme/components/Home.vue
@@ -1,41 +1,63 @@
<template>
+
<section class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null">
- <header class="hero">
- <h1 v-if="data.heroText !== null" id="main-title" class="Base-h1">
- {{ data.heroText || $title || 'Hello' }}
- </h1>
-
- <p v-if="data.tagline !== null" class="Base-p description">
- {{ data.tagline || $description || 'Welcome to your VuePress site' }}
- </p>
-
- <p v-if="data.actionText && data.actionLink" class="Base-p action">
- <NavLink class="action-button Base-button" :item="actionLink"/>
- </p>
- </header>
-
- <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">
- <h2>{{ feature.title }}</h2>
- <p>{{ feature.details }}</p>
+ <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">
+ {{ data.heroText || $title }}
+ </h1>
- <Slot class="theme-content"/>
+ <p v-if="data.tagline !== null" class="Base-p description">
+ {{ data.tagline || $description }}
+ </p>
- <div v-if="data.footer" class="footer">
- {{ data.footer }}
+ <p v-if="data.actionText && data.actionLink" class="Base-p">
+ <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>
+ </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-for="(feature, index) in data.features" :key="index" class="GridCol3Even-col u-col">
+ <h2 class="Base-h2 u-marginBottom--r1">{{ feature.title }}</h2>
+ <p class="Base-p u-marginBottom--r1">{{ feature.details }}</p>
+ <a class="Base-iconLink-page" :href="feature.link">{{feature.linkText}}</a>
+ </div>
+ </div>
+ </section>
+ </div>
+ </div>
+ <Slot class="theme-content"/>
</section>
</template>
<script>
import NavLink from '@parent-theme/components/NavLink.vue'
+import LottieAnimation from 'lottie-vuejs/src/LottieAnimation.vue';
export default {
name: 'Home',
- components: {NavLink},
+ components: {NavLink, LottieAnimation},
computed: {
data() {
diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue
index e743ead..d13160b 100644
--- a/src/.vuepress/theme/layouts/Layout.vue
+++ b/src/.vuepress/theme/layouts/Layout.vue
@@ -1,9 +1,9 @@
<template>
<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="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">
<SearchBox/>
<Sidebar :items="sidebarItems" @toggle-sidebar="toggleSidebar">
@@ -27,9 +27,9 @@
</Page>
</div>
</div>
- <Home v-if="$page.frontmatter.home" />
</div>
</div>
+ <Home v-if="$page.frontmatter.home" />
</div>
</template>
<script>
diff --git a/src/.vuepress/theme/styles/sass/abstracts/_constants.scss b/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
index b989a32..cf28fdf 100755
--- a/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
+++ b/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
@@ -46,6 +46,6 @@ $rfs-breakpoint: 1670;
$mobile-break: md;
-$header-height-mobile: 72px;
+$header-height-mobile: 70px;
$header-height-desktop: 100px;
$header-height-scroll: 114px;
diff --git a/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss b/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
index 68f837d..3a5cb7d 100755
--- a/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
+++ b/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
@@ -6,9 +6,12 @@
position: relative;
z-index: functions.z(constants.$z-main, main);
padding-top: constants.$header-height-mobile;
- margin-top: constants.$gutter-width*2;
@include mixins.respond-to(constants.$mobile-break) {
padding-top: constants.$header-height-desktop;
}
}
+
+.SectionMain-default {
+ margin-top: constants.$gutter-width*2;
+}
diff --git a/src/README.md b/src/README.md
index 3f13543..c267843 100755
--- a/src/README.md
+++ b/src/README.md
@@ -1,15 +1,20 @@
---
home: true
-heroText: Dokumentation Design System SH
-tagline: Dokumentation zum Design System des ITVSH
+heroText: Dokumentation zum Design System SH
+tagline: Die Developer-Platform für digitalen Produkte von Kommunen, Behörden und Institutionen.
actionText: Zu den Komponenten
actionLink: /components/
features:
-- title: Feature 1 Title
- details: Feature 1 Description
-- title: Feature 2 Title
- details: Feature 2 Description
-- title: Feature 3 Title
- details: Feature 3 Description
-footer: Made by Christopher Krawietz with ❤️
+- title: Digital Design System SH
+ 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/
+ linkText: Digital Design System SH
+- title: Komponenten & Code-Snippets
+ 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: /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
---
diff --git a/src/components/README.md b/src/components/README.md
index cbad2a8..bd98c83 100644
--- a/src/components/README.md
+++ b/src/components/README.md
@@ -1,4 +1,5 @@
---
+sidebarDepth: 0
title: Komponenten
tagline: Dokumentation zum Design System des ITVSH
---
diff --git a/src/projects/README.md b/src/projects/README.md
new file mode 100644
index 0000000..a3f200d
--- /dev/null
+++ b/src/projects/README.md
@@ -0,0 +1,7 @@
+---
+sidebarDepth: 0
+title: ITVSH Komponenten
+---
+# Test Projekt
+
+## Et multa caeno
--
GitLab