diff --git a/assets/main.scss b/assets/main.scss index 9a61b15..47b2c88 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -142,6 +142,41 @@ body { } } +.person-list { + display: flex; + flex-wrap: wrap; + gap: 20px; +} + +.person { + width: calc(50% - 10px); + height: 80px; + // margin: 10px 25px 10px 0; + display: flex; + + > .image { + flex: 60px 0 0; + } + > .content { + flex: 1px 1 0; + margin-left: 10px; + } + > .content-vorstand { + display: flex; + flex-direction: column; + justify-content: space-evenly; + + > .role { + font-weight: bold; + } + > .name { + img { + margin: 0 10px 0 0; + } + } + } +} + @font-face{ font-family: 'Open Sans Condensed'; font-style: normal; diff --git a/content/page/club/vorstand/_index.md b/content/page/club/vorstand/_index.md index 63d0da5..f633fd5 100644 --- a/content/page/club/vorstand/_index.md +++ b/content/page/club/vorstand/_index.md @@ -10,3 +10,8 @@ menu: Ein jeder Club benötigt einen Vorstand, der die Vereinsführung übernimmt und der als Ansprechpartner zu erreichen ist. +{{< tsc/person-list >}} + {{< tsc/vorstand name="Anja" role="Abteilungsleiter" img="foo" mail="foo" >}} + {{< tsc/vorstand name="Frank" img="foo2" role="abc" >}} + {{< tsc/vorstand name="Frank" img="foo2" role="abc" >}} +{{< /tsc/person-list >}} diff --git a/themes/tsc_vfl/layouts/partials/tsc/end-person.html b/themes/tsc_vfl/layouts/partials/tsc/end-person.html new file mode 100644 index 0000000..04f5b84 --- /dev/null +++ b/themes/tsc_vfl/layouts/partials/tsc/end-person.html @@ -0,0 +1 @@ + diff --git a/themes/tsc_vfl/layouts/partials/tsc/start-person.html b/themes/tsc_vfl/layouts/partials/tsc/start-person.html new file mode 100644 index 0000000..df32704 --- /dev/null +++ b/themes/tsc_vfl/layouts/partials/tsc/start-person.html @@ -0,0 +1,8 @@ +