mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-10-01 01:06:14 -04:00
2bb7687a34
if the image is present in `assets` directory. - Resizing the image will reduce the size of a large image. - Should improve image load time. - Usage: - Add the image under assets directory. - Provide path in `profileMode.imageUrl`. - if image is located as `assets/images/image.png` mention `profileMode.imageUrl: images/image.png`.
45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<div class="profile">
|
|
{{- with site.Params.profileMode }}
|
|
<div class="profile_inner">
|
|
{{- if .imageUrl -}}
|
|
{{- $img := resources.Get .imageUrl }}
|
|
{{- if $img }}
|
|
{{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") -}}
|
|
{{- if hugo.IsExtended -}}
|
|
{{- $processableFormats = $processableFormats | append "webp" -}}
|
|
{{- end -}}
|
|
{{- $prod := (hugo.IsProduction | or (eq site.Params.env "production")) }}
|
|
{{- if and (in $processableFormats $img.MediaType.SubType) (eq $prod true)}}
|
|
{{- if (not (and (not .imageHeight) (not .imageWidth))) }}
|
|
{{- $img = $img.Resize (printf "%dx%d" .imageWidth .imageHeight) }}
|
|
{{- else if .imageHeight }}
|
|
{{- $img = $img.Resize (printf "x%d" .imageHeight) }}
|
|
{{ else if .imageWidth }}
|
|
{{- $img = $img.Resize (printf "%dx" .imageWidth) }}
|
|
{{ else }}
|
|
{{- $img = $img.Resize "150x150" }}
|
|
{{- end }}
|
|
{{- end }}
|
|
<img src="{{ $img.Permalink }}" alt="{{ .imageTitle | default "profile image" }}"
|
|
height="{{ .imageHeight | default 150 }}" width="{{ .imageWidth | default 150 }}" />
|
|
{{- else }}
|
|
<img src="{{ .imageUrl | absURL }}" alt="{{ .imageTitle | default "profile image" }}"
|
|
height="{{ .imageHeight | default 150 }}" width="{{ .imageWidth | default 150 }}" />
|
|
{{- end }}
|
|
{{- end }}
|
|
<h1>{{ .title | default site.Title | markdownify }}</h1>
|
|
<span>{{ .subtitle | markdownify }}</span>
|
|
{{- partial "social_icons.html" site.Params.socialIcons -}}
|
|
|
|
{{- with .buttons }}
|
|
<div class="buttons">
|
|
{{- range . }}
|
|
<a class="button" href="{{ trim .url " " }}" rel="noopener" title="{{ .name | title }}">
|
|
<span class="button-inner">{{ .name | title }}</span>
|
|
</a>
|
|
{{- end }}
|
|
</div>
|
|
{{- end }}
|
|
</div>
|
|
{{- end}}
|
|
</div> |