{{ $count := len .Site.Social}}
<div class="flex flex-wrap-reverse md:justify-end content-end md:content-start justify-start items-start {{if gt $count 4}}md:flex-col{{end}}  max-h-16">
	{{ range $key,$value:=.Site.Social }}
	<a href='{{$value}}' target="_blank" class="{{- $key}} icon pl-1 text-eucalyptus-400 hover:text-java-400" title="{{- $key}} link" rel="noopener"
		aria-label="follow on {{$key}}——Opens in a new window">
		{{/*  <object type="image/svg+xml" data='{{ relURL (printf "%s%s%s" "svg/" $key ".svg") }}' class="w-12 h-12
		text-gray-200"></object> */}}
		<div class="fill-current h-8 w-8">
			{{ partial (printf "%s%s%s" "svg/" $key "-line.svg") . }}
		</div>
	</a>
	{{ end }}
</div>
{{ if .Site.Params.fuse }}
<div id="fastSearch" class="mb-2">
    <ul id="searchResults" class="bg-gray-200 px-2 my-2">
    </ul>
    <input id="searchInput" class="bg-gray-100 border-b border-b-1 focus:border-eucalyptus-500 md:text-right px-2" tabindex="0" placeholder="search..." size="10">
</div>
{{ end }}