diff --git a/assets/js/appearance.js b/assets/js/appearance.js index da3f8a9b..4e2082bc 100644 --- a/assets/js/appearance.js +++ b/assets/js/appearance.js @@ -55,8 +55,8 @@ window.addEventListener("DOMContentLoaded", (event) => { const switcherMobile = document.getElementById("appearance-switcher-mobile"); // Load the i18n translations for the tooltips - const darkLabel = '{{ i18n "footer.dark_appearance" }}'; - const lightLabel = '{{ i18n "footer.light_appearance" }}'; + const darkLabel = {{ i18n "footer.dark_appearance" | jsonify }}; + const lightLabel = {{ i18n "footer.light_appearance" | jsonify }}; updateMeta(); this.updateLogo?.(getTargetAppearance()); diff --git a/layouts/partials/author.html b/layouts/partials/author.html index 995467e7..6f5683e9 100644 --- a/layouts/partials/author.html +++ b/layouts/partials/author.html @@ -11,9 +11,9 @@ {{ $final := $authorImage }} {{ $squareImage := $authorImage }} {{ if not (or $disableImageOptimization (eq $authorImage.MediaType.SubType "svg")) }} - {{ $final = $authorImage.Fill "192x192" }} + {{ $final = $authorImage.Fill "192x192 Center" }} {{ $shortSide := int (math.Min $authorImage.Width $authorImage.Height) }} - {{ $squareImage = $authorImage.Crop (printf "%dx%d" $shortSide $shortSide ) }} + {{ $squareImage = $authorImage.Crop (printf "%dx%d Center" $shortSide $shortSide ) }} {{ end }}