From ac4c0b59446bdb0eade7bdd8d721ff45395e3e3e Mon Sep 17 00:00:00 2001 From: Veikka Kähkönen Date: Wed, 25 Oct 2017 19:59:57 +0300 Subject: Add dynamic layout for Hallitus page --- _layouts/hallitus.html | 43 ++++++++++++++++++++++++++++++++++ _sass/_contacts.scss | 38 +++++++++++++++++++++++++++++++ css/main.scss | 3 ++- kilta/hallitus.md | 62 ++------------------------------------------------ 4 files changed, 85 insertions(+), 61 deletions(-) create mode 100644 _layouts/hallitus.html create mode 100644 _sass/_contacts.scss diff --git a/_layouts/hallitus.html b/_layouts/hallitus.html new file mode 100644 index 0000000..8a5ed85 --- /dev/null +++ b/_layouts/hallitus.html @@ -0,0 +1,43 @@ +--- +layout: page +--- + +
+ {{ content }} + +
+
+ {% if site.data.hallitus.people[0] %} + {% assign i = 0 %} + {% for person in site.data.hallitus.people %} + {% assign columnI = i | modulo: 2 %} + {% if columnI == 0 %} +
+ {% endif %} +
+
+ +

{{ person.post_name }}

+

{{ person.person_name }}

+
+ {% assign email_tokens = person.email | split: '@' %} + {{ email_tokens[0] }}
+ {{ person.phone }}
+ @{{ person.username }}
+
+
+
+
+ {{ person.description }} +
+
+
+ {% if columnI == 1 %} +
+ {% endif %} + {% assign i = i | plus: 1 %} + {% endfor %} + {% endif %} +
+
+
diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss new file mode 100644 index 0000000..173c93f --- /dev/null +++ b/_sass/_contacts.scss @@ -0,0 +1,38 @@ +$contact-internal-vgap: 4px; +$contact-vspacing: 2em; + +.contact { + text-align: center; +} + +.contact h3 { + margin-top: 0.2em; + margin-bottom: 0; +} + +.contact h4 { + margin-top: $contact-internal-vgap; + margin-bottom: 0; +} + +.contact-inline { + display: inline-block; + width: $content-width/2.2; + margin: 0 0 $contact-vspacing 0; + padding: 0 1em 0 1em; +} + +.contact-inline-section { + margin-top: $contact-internal-vgap; +} + +.contact-inline-spacer { + border-top: 3px solid $brand-color; + width: 20%; + margin-left: auto; + margin-right: auto; +} + +.img-circle { + border-radius: 50%; +} diff --git a/css/main.scss b/css/main.scss index 6d7ed9c..737a708 100644 --- a/css/main.scss +++ b/css/main.scss @@ -145,5 +145,6 @@ $font-serif: 'Sintony', sans-serif; "layout", "as-theme", "special", - "syntax-highlighting" + "syntax-highlighting", + "contacts" ; diff --git a/kilta/hallitus.md b/kilta/hallitus.md index 8c4b2d1..71f3000 100644 --- a/kilta/hallitus.md +++ b/kilta/hallitus.md @@ -1,63 +1,5 @@ --- -layout: page +layout: hallitus title: Hallitus --- - -
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id venenatis risus. Nulla gravida laoreet ligula, quis varius augue finibus a. Aliquam rutrum sodales enim, eget eleifend justo auctor viverra. Donec pharetra, mauris non scelerisque mattis, elit ante maximus nunc, ornare commodo nulla ante vel tortor. Curabitur metus nisl
-
-
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-

Puheenjohtaja

- -

Titta Saari

- titta.saari@as.fi
puhelinumero -
-
-
\ No newline at end of file +Hallituksen jäsenten sähköpostiosoitteet ovat muotoa hallitusvirka@as.fi. Koko hallituksen tavoittaa sähköpostiosoitteesta hallitus ät as.fi. -- cgit v1.3