From 98cb912512215303f159b1ae4ea1d4fd829efc36 Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Tue, 17 Jan 2023 17:32:28 +0100 Subject: [PATCH] add contacts to person single --- .../sass/_theme/design-system/contacts.sass | 26 +++++++++++ assets/sass/_theme/hugo-osuny.sass | 1 + .../sass/_theme/sections/organizations.sass | 26 ----------- layouts/organizations/single.html | 6 +-- layouts/partials/persons/contact-details.html | 45 +++++++++++++++++++ layouts/persons/single.html | 2 + 6 files changed, 77 insertions(+), 29 deletions(-) create mode 100644 assets/sass/_theme/design-system/contacts.sass create mode 100644 layouts/partials/persons/contact-details.html diff --git a/assets/sass/_theme/design-system/contacts.sass b/assets/sass/_theme/design-system/contacts.sass new file mode 100644 index 00000000..cbc2e38e --- /dev/null +++ b/assets/sass/_theme/design-system/contacts.sass @@ -0,0 +1,26 @@ +.contacts-details + @include grid(2, md) + margin-top: $spacing3 + ul + @include list-reset + padding-left: 0 + li + list-style-type: none + + li + margin-top: $spacing1 + address + @extend .p + > span + @include meta + display: block + @include media-breakpoint-down(md) + width: auto + ul + ul + margin-top: $spacing1 + li + display: flex + justify-content: space-between + align-items: baseline + span + flex-shrink: 0 + margin-right: $spacing1 \ No newline at end of file diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass index 8ffa13c6..aa3da638 100644 --- a/assets/sass/_theme/hugo-osuny.sass +++ b/assets/sass/_theme/hugo-osuny.sass @@ -18,6 +18,7 @@ @import "design-system/layout" @import "design-system/a11y" @import "design-system/breadcrumb" +@import "design-system/contacts" @import "design-system/footer" @import "design-system/header" @import "design-system/hero" diff --git a/assets/sass/_theme/sections/organizations.sass b/assets/sass/_theme/sections/organizations.sass index 8ed64017..2c011009 100644 --- a/assets/sass/_theme/sections/organizations.sass +++ b/assets/sass/_theme/sections/organizations.sass @@ -34,7 +34,6 @@ .organizations margin-top: $spacing2 - .organizations__page .lead font-family: $lead-sidebar-font-family @@ -63,37 +62,12 @@ object-position: center .blocks margin-top: $spacing3 - .contacts-details - @include grid(2, md) - margin-top: $spacing3 - width: col(8) - ul - @include list-reset - padding-left: 0 - li - list-style-type: none - + li - margin-top: $spacing1 - address - @extend .p - > span - @include meta - display: block @include media-breakpoint-down(md) .document-content .logo margin-top: $spacing3 display: flex justify-content: space-between - .contacts-details - width: auto - ul + ul - margin-top: $spacing1 - li - display: flex - justify-content: space-between - align-items: baseline - @include media-breakpoint-up(md) .document-content > .container diff --git a/layouts/organizations/single.html b/layouts/organizations/single.html index f2c22b7c..3d6039cf 100644 --- a/layouts/organizations/single.html +++ b/layouts/organizations/single.html @@ -19,12 +19,12 @@ partial "H2AddId" .Content ) }} {{ end }} + + {{ partial "organizations/contact-details.html" . }} + </div> {{ partial "organizations/logo.html" . }} </div> - <div class="container"> - {{ partial "organizations/contact-details.html" . }} - </div> {{ partial "blocks/list.html" . }} </div> {{ end }} diff --git a/layouts/partials/persons/contact-details.html b/layouts/partials/persons/contact-details.html new file mode 100644 index 00000000..447c104a --- /dev/null +++ b/layouts/partials/persons/contact-details.html @@ -0,0 +1,45 @@ +{{ with .Params }} + {{ if or .website .linkedin .twitter .email .phone }} + <div class="contacts-details"> + {{ if or .website .linkedin .twitter .email .phone }} + <ul> + {{ with .website }} + <li> + <span>{{ i18n "commons.contact.website" }}</span> + <a href="{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a> + </li> + {{ end }} + + {{ with .linkedin }} + <li> + <span>LinkedIn</span> + <a href="{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a> + </li> + {{ end }} + + {{ with .twitter }} + <li> + <span>Twitter</span> + <a href="https://twitter.com/{{ chomp . }}" target="_blank" rel="noopener" itemprop="url">{{ chomp . }}</a> + </li> + {{ end }} + + {{ with .email }} + <li> + <span>{{ i18n "commons.contact.email" }}</span> + <a href="mailto:{{ chomp . }}" itemprop="email">{{ chomp . }}</a> + </li> + {{ end }} + + {{ with .phone }} + <li> + <span>{{ i18n "commons.contact.phone" }}</span> + <a href="tel:{{ . }}" itemprop="telephone">{{ . }}</a> + </li> + {{ end }} + </ul> + {{ end }} + + </div> + {{ end }} +{{ end }} diff --git a/layouts/persons/single.html b/layouts/persons/single.html index c56f6e99..e2048212 100644 --- a/layouts/persons/single.html +++ b/layouts/persons/single.html @@ -45,6 +45,8 @@ {{ partial "PrepareHTML" .Content }} </div> {{ end }} + + {{ partial "persons/contact-details.html" . }} </div> {{ range $programsForAdministrator }} {{ $program := . }} -- GitLab