AVIF element images (#18)

* use sharp to convert element images to more efficient AVIF in src/fetch-elem-images.ts * convert existing element images * ElementPhoto.svelte use .avif extension
janosh · Mar 16, 2023 · a93fee4 · a93fee4
1 parent 4773c24
commit a93fee4
Show file tree

Hide file tree

Showing 228 changed files with 30 additions and 21 deletions.
diff --git a/contributing.md b/contributing.md
@@ -18,11 +18,11 @@ npm dev
 Before you start committing, create and check out a descriptively named branch:
 
 ```sh
-git checkout -b <my-cool-new-feature>
+git checkout -b my-cool-new-feature
 # or
-git checkout -b <docs-on-something>
+git checkout -b docs-on-something
 # or
-git checkout -b <test-some-feature>
+git checkout -b test-some-feature
 ```
 
 To ensure your changes didn't break anything, run the full test suite (which also runs in CI):

diff --git a/package.json b/package.json
@@ -59,6 +59,7 @@
     "rehype-katex-svelte": "^1.1.2",
     "rehype-slug": "^5.1.0",
     "remark-math": "3.0.0",
+    "sharp": "^0.31.3",
     "svelte-check": "^3.1.4",
     "svelte-preprocess": "^5.0.2",
     "svelte-toc": "^0.5.3",

diff --git a/src/fetch-elem-images.ts b/src/fetch-elem-images.ts
@@ -1,10 +1,8 @@
 /* eslint-disable no-console */
 import fs from 'node:fs'
+import sharp from 'sharp'
 import elements from './lib/element-data.ts'
 
-// to run this script: deno run --allow-all src/fetch-elem-images.ts [report|download|re-download]
-// requires brew install deno
-
 // make sure the directory exists
 fs.mkdirSync(`./static/elements`, { recursive: true })
 
@@ -15,7 +13,6 @@ const fallback_urls: Record<string, string> = {
   '107-bohrium': `https://periodiske-system.dk/img/images/lowRes/107.jpg`,
   '108-hassium': `https://i0.wp.com/periodic-table.com/wp-content/uploads/2018/12/Hassium.png?w=225&ssl=1`,
   '109-meitnerium': `https://www.rsc-cdn.org/www.rsc.org/periodic-table/content/Images/Elements/Meitnerium-L.jpg`,
-
   // '109-meitnerium': `https://cdn1.byjus.com/wp-content/uploads/2018/08/Meitnerium-2.jpg`, // lower res but but looks more like raw crystal
   '110-darmstadtium': `https://cdn1.byjus.com/wp-content/uploads/2018/08/Darmstadtium-2.jpg`,
   '111-roentgenium': `https://cdn1.byjus.com/wp-content/uploads/2018/08/Roentgenium-2.jpg`,
@@ -46,23 +43,27 @@ async function download_elem_image(num_name: string) {
   }
 
   const buffer = new Uint8Array(await response.arrayBuffer())
-  fs.writeFileSync(`./static/elements/${num_name}.jpg`, buffer)
+  // fs.writeFileSync(`./static/elements/${num_name}.jpg`, buffer)
+  await sharp(buffer).toFile(`./static/elements/${num_name}.avif`)
 
   return url
 }
 
-const [action] = Deno.args
+const arg = process.argv.find((arg: string) =>
+  arg.startsWith(`fetch-elem-images:`)
+)
+const action = arg?.split(`:`)[1]
 if (![`report`, `download`, `re-download`].includes(action)) {
   throw new Error(
-    `Usage: deno run --allow-all src/fetch-elem-images.ts [report|download|re-download]`
+    `Correct usage: vite [dev] fetch-elem-images:[report|download|re-download], got ${arg}\n`
   )
 }
 if (action.endsWith(`download`)) console.log(`Downloading images...`)
 if (action === `report`) console.log(`Missing images`)
 
 for (const { name, number } of elements) {
   const num_name = `${number}-${name.toLowerCase()}`
-  const have_img = fs.existsSync(`./static/elements/${num_name}.jpg`)
+  const have_img = fs.existsSync(`./static/elements/${num_name}.avif`)
 
   if (!have_img || action === `re-download`) {
     if (action === `report`) {

diff --git 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
@@ -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)

diff --git a/static/elements/1-hydrogen.avif b/static/elements/1-hydrogen.avif
diff --git a/static/elements/1-hydrogen.jpg b/static/elements/1-hydrogen.jpg
diff --git a/static/elements/10-neon.avif b/static/elements/10-neon.avif
diff --git a/static/elements/10-neon.jpg b/static/elements/10-neon.jpg
diff --git a/static/elements/100-fermium.avif b/static/elements/100-fermium.avif
diff --git a/static/elements/100-fermium.jpg b/static/elements/100-fermium.jpg
diff --git a/static/elements/101-mendelevium.avif b/static/elements/101-mendelevium.avif
diff --git a/static/elements/101-mendelevium.jpg b/static/elements/101-mendelevium.jpg
diff --git a/static/elements/102-nobelium.avif b/static/elements/102-nobelium.avif
diff --git a/static/elements/102-nobelium.jpg b/static/elements/102-nobelium.jpg
diff --git a/static/elements/103-lawrencium.avif b/static/elements/103-lawrencium.avif
diff --git a/static/elements/103-lawrencium.jpg b/static/elements/103-lawrencium.jpg
diff --git a/static/elements/104-rutherfordium.avif b/static/elements/104-rutherfordium.avif
diff --git a/static/elements/104-rutherfordium.jpg b/static/elements/104-rutherfordium.jpg
diff --git a/static/elements/105-dubnium.avif b/static/elements/105-dubnium.avif
diff --git a/static/elements/105-dubnium.jpg b/static/elements/105-dubnium.jpg
diff --git a/static/elements/106-seaborgium.avif b/static/elements/106-seaborgium.avif
diff --git a/static/elements/106-seaborgium.jpg b/static/elements/106-seaborgium.jpg
diff --git a/static/elements/107-bohrium.avif b/static/elements/107-bohrium.avif
diff --git a/static/elements/107-bohrium.jpg b/static/elements/107-bohrium.jpg
diff --git a/static/elements/108-hassium.avif b/static/elements/108-hassium.avif
diff --git a/static/elements/108-hassium.jpg b/static/elements/108-hassium.jpg
diff --git a/static/elements/109-meitnerium.avif b/static/elements/109-meitnerium.avif
diff --git a/static/elements/109-meitnerium.jpg b/static/elements/109-meitnerium.jpg
diff --git a/static/elements/11-sodium.avif b/static/elements/11-sodium.avif
diff --git a/static/elements/11-sodium.jpg b/static/elements/11-sodium.jpg
diff --git a/static/elements/110-darmstadtium.avif b/static/elements/110-darmstadtium.avif
diff --git a/static/elements/110-darmstadtium.jpg b/static/elements/110-darmstadtium.jpg
diff --git a/static/elements/111-roentgenium.avif b/static/elements/111-roentgenium.avif
diff --git a/static/elements/111-roentgenium.jpg b/static/elements/111-roentgenium.jpg
diff --git a/static/elements/12-magnesium.avif b/static/elements/12-magnesium.avif
diff --git a/static/elements/12-magnesium.jpg b/static/elements/12-magnesium.jpg
diff --git a/static/elements/13-aluminium.avif b/static/elements/13-aluminium.avif
diff --git a/static/elements/13-aluminium.jpg b/static/elements/13-aluminium.jpg
diff --git a/static/elements/14-silicon.avif b/static/elements/14-silicon.avif
diff --git a/static/elements/14-silicon.jpg b/static/elements/14-silicon.jpg
diff --git a/static/elements/15-phosphorus.avif b/static/elements/15-phosphorus.avif
diff --git a/static/elements/15-phosphorus.jpg b/static/elements/15-phosphorus.jpg
diff --git a/static/elements/16-sulfur.avif b/static/elements/16-sulfur.avif
diff --git a/static/elements/16-sulfur.jpg b/static/elements/16-sulfur.jpg
diff --git a/static/elements/17-chlorine.avif b/static/elements/17-chlorine.avif
diff --git a/static/elements/17-chlorine.jpg b/static/elements/17-chlorine.jpg
diff --git a/static/elements/18-argon.avif b/static/elements/18-argon.avif
diff --git a/static/elements/18-argon.jpg b/static/elements/18-argon.jpg
diff --git a/static/elements/19-potassium.avif b/static/elements/19-potassium.avif
diff --git a/static/elements/19-potassium.jpg b/static/elements/19-potassium.jpg
diff --git a/static/elements/2-helium.avif b/static/elements/2-helium.avif
diff --git a/static/elements/2-helium.jpg b/static/elements/2-helium.jpg
diff --git a/static/elements/20-calcium.avif b/static/elements/20-calcium.avif
diff --git a/static/elements/20-calcium.jpg b/static/elements/20-calcium.jpg
diff --git a/static/elements/21-scandium.avif b/static/elements/21-scandium.avif
diff --git a/static/elements/21-scandium.jpg b/static/elements/21-scandium.jpg
diff --git a/static/elements/22-titanium.avif b/static/elements/22-titanium.avif
diff --git a/static/elements/22-titanium.jpg b/static/elements/22-titanium.jpg
diff --git a/static/elements/23-vanadium.avif b/static/elements/23-vanadium.avif
diff --git a/static/elements/23-vanadium.jpg b/static/elements/23-vanadium.jpg
diff --git a/static/elements/24-chromium.avif b/static/elements/24-chromium.avif
diff --git a/static/elements/24-chromium.jpg b/static/elements/24-chromium.jpg
diff --git a/static/elements/25-manganese.avif b/static/elements/25-manganese.avif
diff --git a/static/elements/25-manganese.jpg b/static/elements/25-manganese.jpg
diff --git a/static/elements/26-iron.avif b/static/elements/26-iron.avif
diff --git a/static/elements/26-iron.jpg b/static/elements/26-iron.jpg
diff --git a/static/elements/27-cobalt.avif b/static/elements/27-cobalt.avif
diff --git a/static/elements/27-cobalt.jpg b/static/elements/27-cobalt.jpg
diff --git a/static/elements/28-nickel.avif b/static/elements/28-nickel.avif
diff --git a/static/elements/28-nickel.jpg b/static/elements/28-nickel.jpg
diff --git a/static/elements/29-copper.avif b/static/elements/29-copper.avif
diff --git a/static/elements/29-copper.jpg b/static/elements/29-copper.jpg
diff --git a/static/elements/3-lithium.avif b/static/elements/3-lithium.avif
diff --git a/static/elements/3-lithium.jpg b/static/elements/3-lithium.jpg
diff --git a/static/elements/30-zinc.avif b/static/elements/30-zinc.avif
diff --git a/static/elements/30-zinc.jpg b/static/elements/30-zinc.jpg
diff --git a/static/elements/31-gallium.avif b/static/elements/31-gallium.avif
diff --git a/static/elements/31-gallium.jpg b/static/elements/31-gallium.jpg
diff --git a/static/elements/32-germanium.avif b/static/elements/32-germanium.avif
diff --git a/static/elements/32-germanium.jpg b/static/elements/32-germanium.jpg
diff --git a/static/elements/33-arsenic.avif b/static/elements/33-arsenic.avif
diff --git a/static/elements/33-arsenic.jpg b/static/elements/33-arsenic.jpg
diff --git a/static/elements/34-selenium.avif b/static/elements/34-selenium.avif
diff --git a/static/elements/34-selenium.jpg b/static/elements/34-selenium.jpg
diff --git a/static/elements/35-bromine.avif b/static/elements/35-bromine.avif
diff --git a/static/elements/35-bromine.jpg b/static/elements/35-bromine.jpg
diff --git a/static/elements/36-krypton.avif b/static/elements/36-krypton.avif
diff --git a/static/elements/36-krypton.jpg b/static/elements/36-krypton.jpg
diff --git a/static/elements/37-rubidium.avif b/static/elements/37-rubidium.avif
diff --git a/static/elements/37-rubidium.jpg b/static/elements/37-rubidium.jpg
diff --git a/static/elements/38-strontium.avif b/static/elements/38-strontium.avif
diff --git a/static/elements/38-strontium.jpg b/static/elements/38-strontium.jpg
diff --git a/static/elements/39-yttrium.avif b/static/elements/39-yttrium.avif
diff --git a/static/elements/39-yttrium.jpg b/static/elements/39-yttrium.jpg
diff --git a/static/elements/4-beryllium.avif b/static/elements/4-beryllium.avif
diff --git a/static/elements/4-beryllium.jpg b/static/elements/4-beryllium.jpg
diff --git a/static/elements/40-zirconium.avif b/static/elements/40-zirconium.avif
diff --git a/static/elements/40-zirconium.jpg b/static/elements/40-zirconium.jpg
diff --git a/static/elements/41-niobium.avif b/static/elements/41-niobium.avif
diff --git a/static/elements/41-niobium.jpg b/static/elements/41-niobium.jpg
diff --git a/static/elements/42-molybdenum.avif b/static/elements/42-molybdenum.avif
diff --git a/static/elements/42-molybdenum.jpg b/static/elements/42-molybdenum.jpg
diff --git a/static/elements/43-technetium.avif b/static/elements/43-technetium.avif
diff --git a/static/elements/43-technetium.jpg b/static/elements/43-technetium.jpg
diff --git a/static/elements/44-ruthenium.avif b/static/elements/44-ruthenium.avif
diff --git a/static/elements/44-ruthenium.jpg b/static/elements/44-ruthenium.jpg
diff --git a/static/elements/45-rhodium.avif b/static/elements/45-rhodium.avif
diff --git a/static/elements/45-rhodium.jpg b/static/elements/45-rhodium.jpg
diff --git a/static/elements/46-palladium.avif b/static/elements/46-palladium.avif
diff --git a/static/elements/46-palladium.jpg b/static/elements/46-palladium.jpg
diff --git a/static/elements/47-silver.avif b/static/elements/47-silver.avif
diff --git a/static/elements/47-silver.jpg b/static/elements/47-silver.jpg
diff --git a/static/elements/48-cadmium.avif b/static/elements/48-cadmium.avif
diff --git a/static/elements/48-cadmium.jpg b/static/elements/48-cadmium.jpg
diff --git a/static/elements/49-indium.avif b/static/elements/49-indium.avif
diff --git a/static/elements/49-indium.jpg b/static/elements/49-indium.jpg
diff --git a/static/elements/5-boron.avif b/static/elements/5-boron.avif
diff --git a/static/elements/5-boron.jpg b/static/elements/5-boron.jpg
diff --git a/static/elements/50-tin.avif b/static/elements/50-tin.avif
diff --git a/static/elements/50-tin.jpg b/static/elements/50-tin.jpg
diff --git a/static/elements/51-antimony.avif b/static/elements/51-antimony.avif
diff --git a/static/elements/51-antimony.jpg b/static/elements/51-antimony.jpg
diff --git a/static/elements/52-tellurium.avif b/static/elements/52-tellurium.avif
diff --git a/static/elements/52-tellurium.jpg b/static/elements/52-tellurium.jpg
diff --git a/static/elements/53-iodine.avif b/static/elements/53-iodine.avif
diff --git a/static/elements/53-iodine.jpg b/static/elements/53-iodine.jpg
diff --git a/static/elements/54-xenon.avif b/static/elements/54-xenon.avif
diff --git a/static/elements/54-xenon.jpg b/static/elements/54-xenon.jpg
diff --git a/static/elements/55-cesium.avif b/static/elements/55-cesium.avif
diff --git a/static/elements/55-cesium.jpg b/static/elements/55-cesium.jpg
diff --git a/static/elements/56-barium.avif b/static/elements/56-barium.avif
diff --git a/static/elements/56-barium.jpg b/static/elements/56-barium.jpg
diff --git a/static/elements/57-lanthanum.avif b/static/elements/57-lanthanum.avif
diff --git a/static/elements/57-lanthanum.jpg b/static/elements/57-lanthanum.jpg
diff --git a/static/elements/58-cerium.avif b/static/elements/58-cerium.avif
diff --git a/static/elements/58-cerium.jpg b/static/elements/58-cerium.jpg
diff --git a/static/elements/59-praseodymium.avif b/static/elements/59-praseodymium.avif
diff --git a/static/elements/59-praseodymium.jpg b/static/elements/59-praseodymium.jpg
diff --git a/static/elements/6-carbon.avif b/static/elements/6-carbon.avif
diff --git a/static/elements/6-carbon.jpg b/static/elements/6-carbon.jpg
diff --git a/static/elements/60-neodymium.avif b/static/elements/60-neodymium.avif
diff --git a/static/elements/60-neodymium.jpg b/static/elements/60-neodymium.jpg
diff --git a/static/elements/61-promethium.avif b/static/elements/61-promethium.avif
diff --git a/static/elements/61-promethium.jpg b/static/elements/61-promethium.jpg
diff --git a/static/elements/62-samarium.avif b/static/elements/62-samarium.avif
diff --git a/static/elements/62-samarium.jpg b/static/elements/62-samarium.jpg
diff --git a/static/elements/63-europium.avif b/static/elements/63-europium.avif
diff --git a/static/elements/63-europium.jpg b/static/elements/63-europium.jpg
diff --git a/static/elements/64-gadolinium.avif b/static/elements/64-gadolinium.avif
diff --git a/static/elements/64-gadolinium.jpg b/static/elements/64-gadolinium.jpg
diff --git a/static/elements/65-terbium.avif b/static/elements/65-terbium.avif
diff --git a/static/elements/65-terbium.jpg b/static/elements/65-terbium.jpg
diff --git a/static/elements/66-dysprosium.avif b/static/elements/66-dysprosium.avif
diff --git a/static/elements/66-dysprosium.jpg b/static/elements/66-dysprosium.jpg
diff --git a/static/elements/67-holmium.avif b/static/elements/67-holmium.avif
diff --git a/static/elements/67-holmium.jpg b/static/elements/67-holmium.jpg
diff --git a/static/elements/68-erbium.avif b/static/elements/68-erbium.avif
diff --git a/static/elements/68-erbium.jpg b/static/elements/68-erbium.jpg
diff --git a/static/elements/69-thulium.avif b/static/elements/69-thulium.avif
diff --git a/static/elements/69-thulium.jpg b/static/elements/69-thulium.jpg
diff --git a/static/elements/7-nitrogen.avif b/static/elements/7-nitrogen.avif
diff --git a/static/elements/7-nitrogen.jpg b/static/elements/7-nitrogen.jpg
diff --git a/static/elements/70-ytterbium.avif b/static/elements/70-ytterbium.avif
diff --git a/static/elements/70-ytterbium.jpg b/static/elements/70-ytterbium.jpg
diff --git a/static/elements/71-lutetium.avif b/static/elements/71-lutetium.avif
diff --git a/static/elements/71-lutetium.jpg b/static/elements/71-lutetium.jpg
diff --git a/static/elements/72-hafnium.avif b/static/elements/72-hafnium.avif
diff --git a/static/elements/72-hafnium.jpg b/static/elements/72-hafnium.jpg
diff --git a/static/elements/73-tantalum.avif b/static/elements/73-tantalum.avif
diff --git a/static/elements/73-tantalum.jpg b/static/elements/73-tantalum.jpg
diff --git a/static/elements/74-tungsten.avif b/static/elements/74-tungsten.avif
diff --git a/static/elements/74-tungsten.jpg b/static/elements/74-tungsten.jpg
diff --git a/static/elements/75-rhenium.avif b/static/elements/75-rhenium.avif
diff --git a/static/elements/75-rhenium.jpg b/static/elements/75-rhenium.jpg
diff --git a/static/elements/76-osmium.avif b/static/elements/76-osmium.avif
diff --git a/static/elements/76-osmium.jpg b/static/elements/76-osmium.jpg
diff --git a/static/elements/77-iridium.avif b/static/elements/77-iridium.avif
diff --git a/static/elements/77-iridium.jpg b/static/elements/77-iridium.jpg
diff --git a/static/elements/78-platinum.avif b/static/elements/78-platinum.avif
diff --git a/static/elements/78-platinum.jpg b/static/elements/78-platinum.jpg
diff --git a/static/elements/79-gold.avif b/static/elements/79-gold.avif
diff --git a/static/elements/79-gold.jpg b/static/elements/79-gold.jpg
diff --git a/static/elements/8-oxygen.avif b/static/elements/8-oxygen.avif
diff --git a/static/elements/8-oxygen.jpg b/static/elements/8-oxygen.jpg
diff --git a/static/elements/80-mercury.avif b/static/elements/80-mercury.avif
diff --git a/static/elements/80-mercury.jpg b/static/elements/80-mercury.jpg
diff --git a/static/elements/81-thallium.avif b/static/elements/81-thallium.avif
diff --git a/static/elements/81-thallium.jpg b/static/elements/81-thallium.jpg
diff --git a/static/elements/82-lead.avif b/static/elements/82-lead.avif
diff --git a/static/elements/82-lead.jpg b/static/elements/82-lead.jpg
diff --git a/static/elements/83-bismuth.avif b/static/elements/83-bismuth.avif
diff --git a/static/elements/83-bismuth.jpg b/static/elements/83-bismuth.jpg
diff --git a/static/elements/84-polonium.avif b/static/elements/84-polonium.avif
diff --git a/static/elements/84-polonium.jpg b/static/elements/84-polonium.jpg
diff --git a/static/elements/85-astatine.avif b/static/elements/85-astatine.avif
diff --git a/static/elements/85-astatine.jpg b/static/elements/85-astatine.jpg
diff --git a/static/elements/86-radon.avif b/static/elements/86-radon.avif
diff --git a/static/elements/86-radon.jpg b/static/elements/86-radon.jpg
diff --git a/static/elements/87-francium.avif b/static/elements/87-francium.avif
diff --git a/static/elements/87-francium.jpg b/static/elements/87-francium.jpg
diff --git a/static/elements/88-radium.avif b/static/elements/88-radium.avif
diff --git a/static/elements/88-radium.jpg b/static/elements/88-radium.jpg
diff --git a/static/elements/89-actinium.avif b/static/elements/89-actinium.avif
diff --git a/static/elements/89-actinium.jpg b/static/elements/89-actinium.jpg
diff --git a/static/elements/9-fluorine.avif b/static/elements/9-fluorine.avif
diff --git a/static/elements/9-fluorine.jpg b/static/elements/9-fluorine.jpg
diff --git a/static/elements/90-thorium.avif b/static/elements/90-thorium.avif
diff --git a/static/elements/90-thorium.jpg b/static/elements/90-thorium.jpg
diff --git a/static/elements/91-protactinium.avif b/static/elements/91-protactinium.avif
diff --git a/static/elements/91-protactinium.jpg b/static/elements/91-protactinium.jpg
diff --git a/static/elements/92-uranium.avif b/static/elements/92-uranium.avif
diff --git a/static/elements/92-uranium.jpg b/static/elements/92-uranium.jpg
diff --git a/static/elements/93-neptunium.avif b/static/elements/93-neptunium.avif
diff --git a/static/elements/93-neptunium.jpg b/static/elements/93-neptunium.jpg
diff --git a/static/elements/94-plutonium.avif b/static/elements/94-plutonium.avif
diff --git a/static/elements/94-plutonium.jpg b/static/elements/94-plutonium.jpg
diff --git a/static/elements/95-americium.avif b/static/elements/95-americium.avif
diff --git a/static/elements/95-americium.jpg b/static/elements/95-americium.jpg
diff --git a/static/elements/96-curium.avif b/static/elements/96-curium.avif
diff --git a/static/elements/96-curium.jpg b/static/elements/96-curium.jpg
diff --git a/static/elements/97-berkelium.avif b/static/elements/97-berkelium.avif
diff --git a/static/elements/97-berkelium.jpg b/static/elements/97-berkelium.jpg
diff --git a/static/elements/98-californium.avif b/static/elements/98-californium.avif
diff --git a/static/elements/98-californium.jpg b/static/elements/98-californium.jpg
diff --git a/static/elements/99-einsteinium.avif b/static/elements/99-einsteinium.avif
diff --git a/static/elements/99-einsteinium.jpg b/static/elements/99-einsteinium.jpg
diff --git a/vite.config.ts b/vite.config.ts
@@ -3,6 +3,13 @@ import mdsvexamples from 'mdsvexamples/vite'
 import type { UserConfig } from 'vite'
 import type { UserConfig as VitestConfig } from 'vitest'
 
+const run_script = process.argv.some((arg) =>
+  arg.startsWith(`fetch-elem-images:`)
+)
+if (run_script) {
+  await import(`./src/fetch-elem-images.ts`)
+}
+
 export default {
   plugins: [sveltekit(), mdsvexamples],