Fix home pictures

- Change cover to img tag with alt attribute
- Center cover
- Change cover height to max-height
- Remove img-fluid from avatar
- Add max-width to avatar
- Hard-code pic paths
master
Will Faught 3 years ago
parent 7f1c1e0f29
commit 9dff05c402

@ -12,8 +12,8 @@
</div>
{{ end }}
<div class="row py-3">
<div class="col">
<div class="rounded-4" style="background-image: url('{{ .Site.BaseURL }}/cover.jpg'); background-position: center; background-size: cover; height: 20rem; max-width: 100%"></div>
<div class="col text-center">
<img alt="Cover" class="rounded-4" src="/cover.jpg" style="max-height: 20rem; max-width: 100%">
</div>
</div>
<div class="d-flex justify-content-center py-3 row">
@ -24,7 +24,7 @@
<p class="lead">{{ .Params.blurb | markdownify }}</p>
</div>
<div class="col-12 col-md-6 text-center">
<img alt="Avatar" class="img-fluid rounded-4" src="{{ .Site.BaseURL }}/avatar.jpg" style="max-height:20rem">
<img alt="Avatar" class="rounded-4" src="/avatar.jpg" style="max-height:20rem; max-width: 100%">
</div>
</div>
</div>

Loading…
Cancel
Save