diff options
| author | Jaakko Kantojärvi <jaakko@n-1.fi> | 2021-03-04 02:27:21 +0300 |
|---|---|---|
| committer | Jaakko Kantojärvi <jaakko@n-1.fi> | 2021-03-04 02:27:21 +0300 |
| commit | 00eb0180d53753653402cbc1978bb2ca56d2059a (patch) | |
| tree | 36049e55b75995803f2a6c27b8a2060db4dfd122 | |
| parent | 3e13c5ea2daca9cdab0acd7224d1d1c439c03e69 (diff) | |
Render contact links on a single line
| -rw-r--r-- | assets/css/_layout.scss | 4 | ||||
| -rw-r--r-- | layouts/partials/header.html | 29 |
2 files changed, 28 insertions, 5 deletions
diff --git a/assets/css/_layout.scss b/assets/css/_layout.scss index fa36033..b1bd8ee 100644 --- a/assets/css/_layout.scss +++ b/assets/css/_layout.scss @@ -99,6 +99,10 @@ main.paper { -o-border-radius: 50%; border-radius: 50%; } + + a i { + padding: 0; + } } .left-column, .right-column { diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 2ac03c4..3ddbd6b 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -2,11 +2,30 @@ {{ with .Data.features.about }} <h1 class="name">{{ .name }}</h1> {{ if $.Header.tagline }}<h2 class="tagline">{{ .tagline }}</h2>{{end}} - {{ if $.Header.contact }}<span class="contact">{{ .phone }} | {{ .email }}</span>{{ end }} - {{ if $.Header.links }} - {{ range .links }} - <a href="{{ .url }}" class="no-external-icon">{{ if and $.useFontAwesome .icon }}<i class="{{ .icon }}"></i>{{ end }}{{ .title }}</a> - {{ end }} + {{ if $.Header.contact -}} + <span class="contact"> + {{- with .phone -}} + {{- if $.useFontAwesome }}<i class="fas fa-phone-square-alt"></i> {{ end -}} + {{- . -}} + {{- end -}} + {{- if and .phone .email }} | {{ end -}} + {{- with .email -}} + {{- if $.useFontAwesome }}<i class="fas fa-envelope"></i> {{ end -}} + {{- . -}} + {{- end -}} + </span> + {{- end }} + {{ if $.Header.links -}} + <span class="contact-links"> + {{- $last := sub (len .links) 1 -}} + {{- range $i, $e := .links -}} + <a href="{{ $e.url }}" class="no-external-icon"> + {{- if and $e.icon $.useFontAwesome }}<i class="{{ $e.icon }}"></i> {{ end -}} + {{- $e.title -}} + </a> + {{- if ne $i $last }} | {{ end -}} + {{- end -}} + </span> {{ end }} {{ end }} </div> |