adoralaura/resume-a4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Render contact links on a single line

Browse source
This commit is contained in:
Jaakko Kantojärvi 2021-03-04 01:27:21 +02:00
parent 3e13c5ea2d
commit 00eb0180d5
2 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/_layout.scss
View file

@ -99,6 +99,10 @@ main.paper {
-o-border-radius: 50%; -o-border-radius: 50%;
border-radius: 50%; border-radius: 50%;
} }
a i {
padding: 0;
}
} }
.left-column, .right-column { .left-column, .right-column {

29
layouts/partials/header.html
View file

@ -2,11 +2,30 @@
{{ with .Data.features.about }} {{ with .Data.features.about }}
<h1 class="name">{{ .name }}</h1> <h1 class="name">{{ .name }}</h1>
{{ if $.Header.tagline }}<h2 class="tagline">{{ .tagline }}</h2>{{end}} {{ if $.Header.tagline }}<h2 class="tagline">{{ .tagline }}</h2>{{end}}
{{ if $.Header.contact }}<span class="contact">{{ .phone }} | {{ .email }}</span>{{ end }} {{ if $.Header.contact -}}
{{ if $.Header.links }} <span class="contact">
{{ range .links }} {{- with .phone -}}
<a href="{{ .url }}" class="no-external-icon">{{ if and $.useFontAwesome .icon }}<i class="{{ .icon }}"></i>{{ end }}{{ .title }}</a> {{- if $.useFontAwesome }}<i class="fas fa-phone-square-alt"></i> {{ end -}}
{{ 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 }}
{{ end }} {{ end }}
</div> </div>