add contacts to person single

assets/sass/_theme/design-system/contacts.sass

+.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

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"

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

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 }}

layouts/partials/persons/contact-details.html

+{{ 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 }}

layouts/persons/single.html

@@ -45,6 +45,8 @@
               {{ partial "PrepareHTML" .Content }}
             </div>
           {{ end }}
+
+          {{ partial "persons/contact-details.html" . }}
         </div>
         {{ range $programsForAdministrator }}
         {{ $program := . }}