Use svgview on logo comparison images

Author: fileformat

src/routers/infoRouter.ts

@@ -117,8 +117,9 @@ infoRouter.get("/info/logo-api-comparison.html", async (ctx: any) => {
     }
 
     ctx.body = await ctx.render("info/logo-api-comparison.hbs", {
-        title: "Logo API comparision",
+        title: `Logo API comparision`,
         domain,
+        encodedCurrentUrl: encodeURIComponent(ctx.request.href),
         results,
     });
 });

views/info/logo-api-comparison.hbs

@@ -13,7 +13,7 @@
     <div class="col d-flex flex-wrap justify-content-center">
         {{#each results}}
         <div class="card m-3 d-inline-block" style="width:18rem;background-image:url('/images/memphis-mini.png');">
-            <img src="{{logoUrl}}" class="card-img-top p-3" alt="logo for {{../domain}} from {{provider}}" onerror="onImageError(event)">
+            <a href="https://view.svg.zone/view.html?zoom=max&amp;backUrl={{../encodedCurrentUrl}}&amp;url={{encodeURIComponent logoUrl}}"><img src="{{logoUrl}}" class="card-img-top p-3" alt="logo for {{../domain}} from {{provider}}" onerror="onImageError(event)"></a>
             <h5 class="card-footer border-top bg-body-tertiary mb-0"><a href="{{providerUrl}}">{{provider}}</a></h5>
         </div>
         {{/each}}