From 2e0a27c0a8709435434801c76205c6355b2e64c6 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Mon, 6 Mar 2023 21:41:08 -0500
Subject: [PATCH] Make banners pixelated, fix rendering issues on safari

---
 themes/red/layouts/partials/footer.html     | 2 +-
 themes/red/layouts/shortcodes/out-link.html | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/themes/red/layouts/partials/footer.html b/themes/red/layouts/partials/footer.html
index ebfaa99..388e093 100644
--- a/themes/red/layouts/partials/footer.html
+++ b/themes/red/layouts/partials/footer.html
@@ -2,7 +2,7 @@
     {{ range $.Site.Menus.badges }}
         {{ $badgeScope := . }}
         {{ with resources.Get .URL }}
-            <img width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}" alt="{{ $badgeScope.Name }}">
+            <img style="image-rendering: pixelated;" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}" alt="{{ $badgeScope.Name }}">
         {{ end }}
     {{ end }}
 </div>
diff --git a/themes/red/layouts/shortcodes/out-link.html b/themes/red/layouts/shortcodes/out-link.html
index 0373594..a5d5844 100644
--- a/themes/red/layouts/shortcodes/out-link.html
+++ b/themes/red/layouts/shortcodes/out-link.html
@@ -7,7 +7,8 @@
 {{ $path := printf "/links/%s" $banner}}
 {{ $img := resources.Get $path }}
 {{ with $img }}
-<img src="{{ .RelPermalink }}" style="width: auto; height: 31px;" alt="{{ $label }}" width="{{ .Width }}" height="{{ .Height }}"/>
+<!-- Some browsers (safari) sucks and blocks 88x31, so force them to be 89x31 instead. -->
+<img src="{{ .RelPermalink }}" style="width: auto; height: 31px; image-rendering: pixelated;" alt="{{ $label }}" width="{{ add .Width 1 }}" height="{{ .Height }}"/>
 {{ end }}
 
 </a>