From 507b0eeaaa5deaf17e64c4e2ea5e86f567cb883a Mon Sep 17 00:00:00 2001
From: Janosh Riebesell <janosh.riebesell@gmail.com>
Date: Thu, 16 Mar 2023 09:12:53 -0700
Subject: [PATCH] ElementPhoto.svelte use .avif extension

---
 src/lib/ElementPhoto.svelte    |  2 +-
 src/update-site-screenshots.ts | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/ElementPhoto.svelte b/src/lib/ElementPhoto.svelte
index d7e9aac..650bcf9 100644
--- a/src/lib/ElementPhoto.svelte
+++ b/src/lib/ElementPhoto.svelte
@@ -10,7 +10,7 @@
 
   $: ({ name, number } = element ?? {})
 
-  $: file = `elements/${number}-${name?.toLowerCase()}.jpg`
+  $: file = `elements/${number}-${name?.toLowerCase()}.avif`
   let hidden = false
   $: file, (hidden = false) // reset hidden to false when src changes
 </script>
diff --git a/src/update-site-screenshots.ts b/src/update-site-screenshots.ts
index 305a334..63dfd1e 100644
--- a/src/update-site-screenshots.ts
+++ b/src/update-site-screenshots.ts
@@ -7,21 +7,21 @@ const today = new Date().toISOString().slice(0, 10)
 
 const pages = [
   {
-    url: '/',
+    url: `/`,
     name: `landing-page`,
-    actions: [['hover', 'a[href="selenium"]']],
+    actions: [[`hover`, `a[href="selenium"]`]],
   },
   {
-    url: '/',
+    url: `/`,
     name: `heatmap`,
     actions: [
-      ['click', 'input[placeholder="Select a heat map"]'],
-      ['click', 'ul.options > li:nth-child(2)'],
-      ['click', 'h1'], // close dropdown
-      ['hover', 'a[href="radon"]'],
+      [`click`, `input[placeholder="Select a heat map"]`],
+      [`click`, `ul.options > li:nth-child(2)`],
+      [`click`, `h1`], // close dropdown
+      [`hover`, `a[href="radon"]`],
     ],
   },
-  { url: '/radon', name: `details-page` },
+  { url: `/radon`, name: `details-page` },
 ]
 
 const browser = await puppeteer.launch()
@@ -32,7 +32,7 @@ for (const { url, name, actions = [] } of pages) {
   // increase screenshot resolution
   await page.setViewport({ width: 1200, height: 700, deviceScaleFactor: 3 })
 
-  await page.goto(`http://localhost:3000${url}`, { waitUntil: 'networkidle2' })
+  await page.goto(`http://localhost:3000${url}`, { waitUntil: `networkidle2` })
   for (const [action, selector] of actions) {
     await page.waitForSelector(selector)
     await page[action](selector)