Add contacts section

Also enables responsive image optimization

19 files changed, 887 insertions, 49 deletions

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index a6b8903..85a07aa 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -25,6 +25,7 @@ export default {
     ],
     '@docusaurus/plugin-sitemap',
     './src/plugins/swcMinifyPlugin.ts',
+    './src/plugins/responsiveLoaderPlugin.ts',
     './src/plugins/thirdPartyContentPlugin.ts',
   ],
   themes: [
@@ -58,10 +59,6 @@ export default {
               to: '/#publications',
             },
             {
-              label: 'Software',
-              to: '/#software',
-            },
-            {
               label: 'Resume',
               to: '/#resume',
             },
diff --git a/package.json b/package.json
index 5421f8e..06c9ca3 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,8 @@
     "@types/node": "^20.11.28",
     "@types/react": "^18.2.66",
     "prettier": "^3.2.5",
+    "responsive-loader": "^3.1.2",
+    "sharp": "^0.33.2",
     "typescript": "^5.4.2"
   }
 }
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 1411218..57fc10c 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -9,8 +9,10 @@ import {
   siCreativecommons,
   siDblp,
   siGithub,
+  siGnuprivacyguard,
   siGooglescholar,
   siLinkedin,
+  siMicrosoftteams,
   siOrcid,
   siScopus,
 } from 'simple-icons';
@@ -83,6 +85,8 @@ export const FediverseIcon = makeSimpleIcon(fediverse);
 
 export const GithubIcon = makeSimpleIcon(siGithub);
 
+export const GPGIcon = makeSimpleIcon(siGnuprivacyguard);
+
 export const GoogleScholarIcon = makeSimpleIcon(siGooglescholar);
 
 export const LinkedInIcon = makeSimpleIcon(siLinkedin);
@@ -92,3 +96,5 @@ export const MTMTIcon = makeSimpleIcon(mtmt);
 export const OrcidIcon = makeSimpleIcon(siOrcid);
 
 export const ScopusIcon = makeSimpleIcon(siScopus);
+
+export const TeamsIcon = makeSimpleIcon(siMicrosoftteams);
diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
new file mode 100644
index 0000000..15ed2a6
--- /dev/null
+++ b/src/components/landing/sections/Contact.module.css
@@ -0,0 +1,175 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.contacts {
+  margin-top: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.col {
+  margin-bottom: 1.5rem;
+}
+
+.contact {
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: row;
+  align-items: center;
+  --marussy-contact-color: var(--ifm-font-color-base);
+  --marussy-contact-icon-color: var(--marussy-contact-color);
+  --marussy-contact-icon-hover-color: var(--ifm-link-hover-color);
+  --marussy-contact-muted-color: var(--ifm-color-secondary-contrast-foreground);
+  --marussy-contact-muted-color-or-hover: var(--marussy-contact-muted-color);
+  --marussy-alternate-icon: 0;
+  color: var(--marussy-contact-color);
+  transition: color var(--ifm-transition-fast)
+    var(--ifm-transition-timing-default);
+}
+
+[data-theme='dark'] .contact {
+  --marussy-contact-muted-color: var(--ifm-color-emphasis-500);
+  --marussy-contact-icon-hover-color: var(--ifm-color-primary-light);
+}
+
+.contact:not(:has(.contact__action:hover)):hover,
+.contact:focus-within:not(:has(.contact__action:focus)) {
+  --marussy-contact-color: var(--ifm-link-hover-color);
+  --marussy-contact-icon-color: var(--marussy-contact-icon-hover-color);
+  --marussy-contact-muted-color-or-hover: var(--ifm-link-hover-color);
+}
+
+.contact:has(.contact__action--alternate:hover),
+.contact:has(.contact__action--alternate:focus) {
+  --marussy-alternate-icon: 1;
+}
+
+.contact__icon-holder {
+  position: relative;
+  display: flex;
+  padding: 1rem;
+  margin-right: 1rem;
+  background: var(--ifm-color-emphasis-200);
+  border-radius: 50em;
+  align-items: center;
+  justify-content: center;
+  color: var(--marussy-contact-icon-color);
+}
+
+.contact__icon-holder--fediverse {
+  padding: 0.75rem;
+}
+
+.contact__icon {
+  width: 2.5rem;
+  height: 2.5rem;
+  opacity: calc(1 - var(--marussy-alternate-icon));
+  transition:
+    color var(--ifm-transition-fast) var(--ifm-transition-timing-default),
+    opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
+}
+
+.contact__icon--fediverse {
+  width: 3rem;
+  height: 3rem;
+  margin: -0.0625rem -0.0625rem 0.0625rem 0.0625rem;
+}
+
+.contact__icon--alternate {
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  color: var(--marussy-contact-icon-hover-color);
+  opacity: var(--marussy-alternate-icon);
+}
+
+.contact__content {
+  dispaly: flex;
+  flex-direction: row;
+}
+
+.contact__title {
+  margin: 0;
+  --casl: 0;
+}
+
+.contact__value {
+  margin: 0;
+}
+
+.contact__description {
+  margin: 0;
+  --slnt: -15;
+  --crsv: 1;
+  font-size: 0.875rem;
+  --marussy-contact-color: var(--marussy-contact-muted-color-or-hover);
+  color: var(--marussy-contact-muted-color-or-hover);
+  transition: color var(--ifm-transition-fast)
+    var(--ifm-transition-timing-default);
+}
+
+.contact__link {
+  --ifm-link-color: var(--marussy-contact-color);
+}
+
+.contact__link::after {
+  content: ' ';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.contact__action {
+  position: relative;
+  --ifm-link-color: var(--marussy-contact-muted-color);
+}
+
+.contact__action:focus {
+  --ifm-link-color: var(--ifm-link-hover-color);
+}
+
+.small {
+  display: inline-block;
+  position: relative;
+  max-height: 0;
+  width: 1.5rem;
+  overflow: visible;
+  vertical-align: text-bottom;
+}
+
+.small__link {
+  display: flex;
+  position: absolute;
+  bottom: 0;
+}
+
+.small__icon {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+.photo__container {
+  position: relative;
+  border-radius: var(--ifm-card-border-radius);
+  overflow: hidden;
+  aspect-ratio: 1288/480;
+  min-height: 15rem;
+  max-width: 100%;
+  background-size: cover;
+  background-position: 25% center;
+}
+
+.photo {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: 25% center;
+}
diff --git a/src/components/landing/sections/Contact.tsx b/src/components/landing/sections/Contact.tsx
new file mode 100644
index 0000000..01279a9
--- /dev/null
+++ b/src/components/landing/sections/Contact.tsx
@@ -0,0 +1,218 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT AND CC-BY-4.0
+ *
+ * Code in this file is MIT licensed, while content is CC-BY-4.0 licensed.
+ */
+
+import Link from '@docusaurus/Link';
+import {
+  EnvelopeSimple,
+  HandWaving,
+  MapPin,
+  Phone,
+} from '@phosphor-icons/react';
+import clsx from 'clsx';
+
+import Section from '@site/src/components/landing/Section';
+import { FediverseIcon, GPGIcon, TeamsIcon } from '@site/src/components/icons';
+import photo from '@site/src/pages/bme-building-i-cropped.jpg?placeholder=true&sizes[]=644&sizes[]=1288&sizes[]=2576&rl';
+
+import styles from './Contact.module.css';
+
+export default function Contact() {
+  return (
+    <Section id="contact" title="Contact">
+      <div className={clsx('container', styles.contacts)}>
+        <div className="row">
+          <div className={clsx('col', 'col--4', styles.col)}>
+            <div className={styles.contact}>
+              <div className={styles['contact__icon-holder']}>
+                <EnvelopeSimple
+                  aria-hidden="true"
+                  className={styles.contact__icon}
+                />
+              </div>
+              <div className={styles.contact__content}>
+                <h3 className={styles.contact__title}>Work e-mail</h3>
+                <p className={styles.contact__value}>
+                  <Link
+                    to="mailto:marussy@mit.bme.hu"
+                    className={styles.contact__link}
+                  >
+                    marussy@mit.bme.hu
+                  </Link>{' '}
+                  <span className={styles.small}>
+                    <Link
+                      to="https://keyoxide.org/96C12D444D19ED5C41BA8B14C30B3B1A31ACCD46"
+                      className={clsx(
+                        styles.contact__action,
+                        styles.small__link,
+                      )}
+                    >
+                      <GPGIcon alt="GPG key" className={styles.small__icon} />
+                    </Link>
+                  </span>
+                </p>
+                <p className={styles.contact__description}>
+                  For research and professional inquiries
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className={clsx('col', 'col--4', styles.col)}>
+            <div className={styles.contact}>
+              <div className={styles['contact__icon-holder']}>
+                <TeamsIcon hidden className={styles.contact__icon} />
+                <Phone
+                  aria-hidden="true"
+                  className={clsx(
+                    styles.contact__icon,
+                    styles['contact__icon--alternate'],
+                  )}
+                />
+              </div>
+              <div className={styles.contact__content}>
+                <h3 className={styles.contact__title}>Call or chat with me</h3>
+                <p className={styles.contact__value}>
+                  <Link
+                    to="https://teams.microsoft.com/l/chat/0/0?users=marussy.kristof@bme.hu"
+                    className={styles.contact__link}
+                  >
+                    <span className="sr-only">Microsoft Teams: </span>
+                    marussy.kristof@bme.hu
+                  </Link>
+                </p>
+                <p className={styles.contact__description}>
+                  <Link
+                    to="tel:+3614633586"
+                    className={clsx(
+                      styles.contact__action,
+                      styles['contact__action--alternate'],
+                    )}
+                  >
+                    Or use landline: +36 1 463-3586
+                  </Link>
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className={clsx('col', 'col--4', styles.col)}>
+            <div className={styles.contact}>
+              <div className={styles['contact__icon-holder']}>
+                <MapPin aria-hidden="true" className={styles.contact__icon} />
+              </div>
+              <div className={styles.contact__content}>
+                <h3 className={styles.contact__title}>Office</h3>
+                <p className={styles.contact__value}>
+                  <Link
+                    to="https://www.openstreetmap.org/way/24726476#map=19/47.47263/19.06006"
+                    className={styles.contact__link}
+                  >
+                    H-1117 Budapest, Magyar tudósok körútja 2., Building I, Room
+                    B.417
+                  </Link>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="row">
+          <div className={clsx('col', 'col--12', styles.col)}>
+            <div
+              className={styles.photo__container}
+              style={{ backgroundImage: `url("${photo.placeholder}")` }}
+            >
+              <img
+                src={photo.src}
+                srcSet={photo.srcSet}
+                width={photo.width}
+                height={photo.height}
+                sizes="(min-width: 1384px) 1288px, (min-width: 996px) calc(100vw - 96px), (min-width: 676px) calc(100vw - 32px), 644px"
+                loading="lazy"
+                alt=""
+                className={styles.photo}
+              />
+            </div>
+          </div>
+        </div>
+        <div className="row">
+          <div className={clsx('col', 'col--6', styles.col)}>
+            <div className={styles.contact}>
+              <div className={styles['contact__icon-holder']}>
+                <HandWaving
+                  aria-hidden="true"
+                  className={styles.contact__icon}
+                />
+              </div>
+              <div className={styles.contact__content}>
+                <h3 className={styles.contact__title}>Personal e-mail</h3>
+                <p className={styles.contact__value}>
+                  <Link
+                    to="mailto:kristof@marussy.com"
+                    className={styles.contact__link}
+                  >
+                    kristof@marussy.com
+                  </Link>{' '}
+                  <span className={styles.small}>
+                    <Link
+                      to="https://keyoxide.org/7AADE6E800F1979D2A13EEBBB00C29F3D5A628AF"
+                      className={clsx(
+                        styles.contact__action,
+                        styles.small__link,
+                      )}
+                    >
+                      <GPGIcon alt="GPG key" className={styles.small__icon} />
+                    </Link>
+                  </span>
+                </p>
+                <p className={styles.contact__description}>
+                  For messages about my projects, this website, or anything else
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className={clsx('col', 'col--6', styles.col)}>
+            <div className={styles.contact}>
+              <div
+                className={clsx(
+                  styles['contact__icon-holder'],
+                  styles['contact__icon-holder--fediverse'],
+                )}
+              >
+                <FediverseIcon
+                  className={clsx(
+                    styles.contact__icon,
+                    styles['contact__icon--fediverse'],
+                  )}
+                />
+              </div>
+              <div className={styles.contact__content}>
+                <h3 className={styles.contact__title}>Follow me</h3>
+                <p className={styles.contact__value}>
+                  <Link
+                    to="https://pleroma.marussy.com/users/kristof"
+                    className={styles.contact__link}
+                  >
+                    @kristof@marussy.com
+                  </Link>
+                </p>
+                <p className={styles.contact__description}>
+                  On the{' '}
+                  <Link
+                    to="https://fediverse.info"
+                    className={styles.contact__action}
+                  >
+                    Fediverse
+                  </Link>
+                  , a diverse community of interconnected platforms
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Section>
+  );
+}
diff --git a/src/components/landing/sections/Hero.module.css b/src/components/landing/sections/Hero.module.css
index ce0444f..0909c3f 100644
--- a/src/components/landing/sections/Hero.module.css
+++ b/src/components/landing/sections/Hero.module.css
@@ -37,6 +37,7 @@
 
 .avatar__image {
   width: 100%;
+  height: auto;
   max-width: 298px;
   border-radius: 100em;
 }
@@ -48,7 +49,6 @@
   font-size: 1.5rem;
 }
 
-
 .introduction__name {
   font-family: var(--ifm-heading-font-family);
   font-weight: var(--ifm-heading-font-weight);
diff --git a/src/components/landing/sections/Hero.tsx b/src/components/landing/sections/Hero.tsx
index 2773b9b..ee11048 100644
--- a/src/components/landing/sections/Hero.tsx
+++ b/src/components/landing/sections/Hero.tsx
@@ -16,10 +16,11 @@ import {
   LinkedInIcon,
   OrcidIcon,
 } from '@site/src/components/icons';
+import avatar from '@site/src/pages/avatar.jpg?sizes[]=149&sizes[]=298&sizes[]=596&rl';
 
 import styles from './Hero.module.css';
 
-export default function Hero({ avatar }: { avatar: string }) {
+export default function Hero() {
   return (
     <header className={clsx('hero', 'hero--dark', styles.hero)}>
       <div className="container">
@@ -27,7 +28,15 @@ export default function Hero({ avatar }: { avatar: string }) {
           <div
             className={clsx('col', 'col--3', styles.hero__col, styles.avatar)}
           >
-            <img src={avatar} alt="My photo" className={styles.avatar__image} />
+            <img
+              src={avatar.src}
+              srcSet={avatar.srcSet}
+              width={avatar.width}
+              height={avatar.height}
+              sizes="(min-width: 1384px) 298px, (min-width: 996px) calc(25vw - 48px), (min-width: 300px) 298px, calc(100vw - 32px)"
+              alt="My photo"
+              className={styles.avatar__image}
+            />
           </div>
           <div className={clsx('col', 'col--9', styles.hero__col)}>
             <h1 className={clsx('hero__title', styles.introduction)}>
diff --git a/src/components/landing/sections/Research.tsx b/src/components/landing/sections/Research.tsx
index a295419..5f69d5e 100644
--- a/src/components/landing/sections/Research.tsx
+++ b/src/components/landing/sections/Research.tsx
@@ -33,7 +33,7 @@ function Topic({
   children: ReactNode;
 }) {
   return (
-    <div className={clsx('col', 'col-3', styles.topic)}>
+    <div className={clsx('col', 'col--3', styles.topic)}>
       <div className={styles.topic__contents}>
         <div className={clsx(styles.topic__icon, style)}>
           <Icon aria-hidden="true" size={128} weight="light" />
diff --git a/src/components/landing/sections/Software.module.css b/src/components/landing/sections/Software.module.css
deleted file mode 100644
index 1d0db4d..0000000
--- a/src/components/landing/sections/Software.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Kristóf Marussy
- *
- * SPDX-License-Identifier: MIT
- */
diff --git a/src/components/landing/sections/Software.tsx b/src/components/landing/sections/Software.tsx
deleted file mode 100644
index 8a421b5..0000000
--- a/src/components/landing/sections/Software.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Kristóf Marussy
- *
- * SPDX-License-Identifier: MIT
- */
-
-import clsx from 'clsx';
-
-import Section from '@site/src/components/landing/Section';
-
-import styles from './Software.module.css';
-
-export default function Software() {
-  return <Section id="software" title="Software"></Section>;
-}
diff --git a/src/css/custom.css b/src/css/custom.css
index 2141aa3..6261ca7 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -68,3 +68,9 @@ h6,
 .button {
   --casl: 1;
 }
+
+.hash-link {
+  font-weight: 500;
+  --casl: 0;
+  --mono: 1;
+}
diff --git a/src/pages/bme-building-i-cropped.jpg b/src/pages/bme-building-i-cropped.jpg
new file mode 100644
index 0000000..b5cad67
--- /dev/null
+++ b/src/pages/bme-building-i-cropped.jpg
diff --git a/src/pages/bme-building-i-cropped.jpg.license b/src/pages/bme-building-i-cropped.jpg.license
new file mode 100644
index 0000000..fea5d17
--- /dev/null
+++ b/src/pages/bme-building-i-cropped.jpg.license
@@ -0,0 +1,6 @@
+SPDX-FileCopyrightText: 2024 Kristóf Marussy <kristof@marussy.com>
+
+SPDX-License-Identifier: CC0-1.0
+
+Placeholder image to replace the following third-party content:
+drone shot of BME building I.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 125c5d3..60f86ca 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,26 +6,22 @@
 
 import Layout from '@theme/Layout';
 
+import Contact from '@site/src/components/landing/sections/Contact';
 import Hero from '@site/src/components/landing/sections/Hero';
 import Publications from '@site/src/components/landing/sections/Publications';
 import Research from '@site/src/components/landing/sections/Research';
 import Resume from '@site/src/components/landing/sections/Resume';
-import Software from '@site/src/components/landing/sections/Software';
-import Section from '@site/src/components/landing/Section';
 import TrackActiveSection from '@site/src/components/TrackActiveSection';
 
-import avatar from '@site/src/pages/avatar.jpg';
-
 export default function Home() {
   return (
     <Layout>
       <TrackActiveSection>
-        <Hero avatar={avatar} />
+        <Hero />
         <Research />
         <Publications />
-        <Software />
         <Resume />
-        <Section id="contact" title="Contact" />
+        <Contact />
       </TrackActiveSection>
     </Layout>
   );
diff --git a/src/pages/license.mdx b/src/pages/license.mdx
index 1e55acd..eee4cf8 100644
--- a/src/pages/license.mdx
+++ b/src/pages/license.mdx
@@ -41,6 +41,8 @@ Restricted content on this site marked with the <ClosedAccessLink to="#content">
 
 - The photo of me apparing on the [home page](/) was taken by [SPOT Fotókör](https://spot.sch.bme.hu/) in 2019 for the [Critical Systems Research Group](https://ftsrg.mit.bme.hu/).
 
+- The drone shot of BME building I appearing in the [Contact](/#contact) section was taken by [Ákos Hajdu](https://hajduakos.github.io/) in 2020 for the [Critical Systems Research Group](https://ftsrg.mit.bme.hu/).
+
 - Unfortunately, some of my [publications](/#publications) appeared in closed access journal and proceedings. Even though neither me nor by colleagues received any compensation, the copyright of this content was assigned to the publisher, such as ACM or IEEE.
 
   Whenever allowed by the current copyright holder, I posted the _final draft_ of the paper to this site.
@@ -62,6 +64,7 @@ If you use only code or only content from such files, you only need to abide by
 The site also uses the following third-party code available under libre licenses:
 
 - [Docusaurus](https://docusaurus.io/) static site generator, <MITLicenseLink />
+- [Fediverse logo proposal](<https://commons.wikimedia.org/w/index.php?title=File:Fediverse_logo_proposal_(mono_version).svg&oldid=794518552>) by [Eukombos](https://commons.wikimedia.org/wiki/User:Eukombos), <CCLicenseLink to="https://creativecommons.org/publicdomain/zero/1.0/">CC0-1.0</CCLicenseLink>
 - [Phosphor Icons](https://phosphoricons.com/), <MITLicenseLink />
 - [Recursive Sans and Mono](https://www.recursive.design/) fonts, <LicenseLink to="https://openfontlicense.org/open-font-license-official-text/">OFL-1.1</LicenseLink>
 - [Simple Icons](https://simpleicons.org/), <CCLicenseLink to="https://creativecommons.org/publicdomain/zero/1.0/">CC0-1.0</CCLicenseLink>
diff --git a/src/plugins/responsiveLoaderPlugin.ts b/src/plugins/responsiveLoaderPlugin.ts
new file mode 100644
index 0000000..3dc198e
--- /dev/null
+++ b/src/plugins/responsiveLoaderPlugin.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2016, Jeremy Stucki
+ * Copyright (c) 2024 Kristóf Marussy <kristof@marussy.com>
+ *
+ * SPDX-License-Identifier: MIT AND BSD-3-Clause
+ */
+
+import type { Plugin } from '@docusaurus/types';
+import sharp from 'responsive-loader/sharp';
+
+export default function responsiveLoaderPlugin(): Plugin {
+  return {
+    name: 'marussy-responsive-loader-plugin',
+    configureWebpack: () => ({
+      mergeStrategy: {
+        'module.rules': 'prepend',
+      },
+      // Configuration based on
+      // https://github.com/dazuaz/responsive-loader/blob/ef2c806fcd36f06f6be8a0b97e09f40c3d86d3ac/README.md
+      module: {
+        rules: [
+          {
+            test: /\.(png|jpe?g)$/,
+            use: [
+              {
+                loader: 'responsive-loader',
+                options: {
+                  adapter: sharp,
+                  format: 'webp',
+                },
+              },
+            ],
+            type: 'javascript/auto',
+          },
+        ],
+      },
+    }),
+  };
+}
diff --git a/src/types.d.ts b/src/types.d.ts
index e3ab6b7..a2ff976 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,14 +1,23 @@
 /*
- * SPDX-FileCopyrightText: 2023 Kristóf Marussy
+ * Copyright (c) 2016, Jeremy Stucki
  *
- * SPDX-License-Identifier: MIT
+ * SPDX-License-Identifier: BSD-3-Clause
+ *
+ * Typings copied from
+ * https://github.com/dazuaz/responsive-loader/blob/ef2c806fcd36f06f6be8a0b97e09f40c3d86d3ac/README.md
  */
 
-// Docusaurus doesn't contain module declarations for images,
-// so we add them ourselves.
-// See https://github.com/facebook/docusaurus/issues/8683
+interface ResponsiveImageOutput {
+  src: string;
+  srcSet: string;
+  placeholder: string | undefined;
+  images: { path: string; width: number; height: number }[];
+  width: number;
+  height: number;
+  toString: () => string;
+}
 
-declare module '*.jpg' {
-  const path: string;
-  export default path;
+declare module '*&rl' {
+  const src: ResponsiveImageOutput;
+  export default src;
 }
diff --git a/third-party b/third-party
-Subproject f8a9f0428489f28dabe67e7cc01811a75b58445
+Subproject 21568f2c77a591823103044a2f9e36e04732d8b
diff --git a/yarn.lock b/yarn.lock
index f9d38b2..94e5d99 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1895,6 +1895,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emnapi/runtime@npm:^0.45.0":
+  version: 0.45.0
+  resolution: "@emnapi/runtime@npm:0.45.0"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10c0/c83052b05efb7147c256bfbb69214c9642fef1dce8d7d901e0314a7b2d2dcd14e1cd75502c6565004847e552658e9913a7e58889c7dca92e240173032f1db5d5
+  languageName: node
+  linkType: hard
+
 "@fontsource-variable/recursive@npm:^5.0.17":
   version: 5.0.17
   resolution: "@fontsource-variable/recursive@npm:5.0.17"
@@ -1918,6 +1927,181 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-darwin-arm64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-darwin-arm64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-darwin-x64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-darwin-x64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-arm64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-x64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linux-arm@npm:1.0.1"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-s390x@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.1"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-x64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linux-x64@npm:1.0.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-x64@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linux-arm64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linux-arm@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linux-arm": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-s390x@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linux-s390x@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-x64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linux-x64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linux-x64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-arm64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-x64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.2"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.1"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-wasm32@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-wasm32@npm:0.33.2"
+  dependencies:
+    "@emnapi/runtime": "npm:^0.45.0"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-ia32@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-win32-ia32@npm:0.33.2"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-x64@npm:0.33.2":
+  version: 0.33.2
+  resolution: "@img/sharp-win32-x64@npm:0.33.2"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -2816,6 +3000,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^18.11.9":
+  version: 18.19.24
+  resolution: "@types/node@npm:18.19.24"
+  dependencies:
+    undici-types: "npm:~5.26.4"
+  checksum: 10c0/2c26e57002f4d77494fcc156ec188b345b8a8f987b9beffae7c17197690e7ec1cd5c67a5902514fe906b91514c0958dddb4bed54d888bd911d10be7c9ed8ed93
+  languageName: node
+  linkType: hard
+
 "@types/parse-json@npm:^4.0.0":
   version: 4.0.1
   resolution: "@types/parse-json@npm:4.0.1"
@@ -4035,13 +4228,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-name@npm:~1.1.4":
+"color-name@npm:^1.0.0, color-name@npm:~1.1.4":
   version: 1.1.4
   resolution: "color-name@npm:1.1.4"
   checksum: 10c0/a1a3f914156960902f46f7f56bc62effc6c94e84b2cae157a526b1c1f74b677a47ec602bf68a61abfa2b42d15b7c5651c6dbe72a43af720bc588dff885b10f95
   languageName: node
   linkType: hard
 
+"color-string@npm:^1.9.0":
+  version: 1.9.1
+  resolution: "color-string@npm:1.9.1"
+  dependencies:
+    color-name: "npm:^1.0.0"
+    simple-swizzle: "npm:^0.2.2"
+  checksum: 10c0/b0bfd74c03b1f837f543898b512f5ea353f71630ccdd0d66f83028d1f0924a7d4272deb278b9aef376cacf1289b522ac3fb175e99895283645a2dc3a33af2404
+  languageName: node
+  linkType: hard
+
 "color-support@npm:^1.1.3":
   version: 1.1.3
   resolution: "color-support@npm:1.1.3"
@@ -4051,6 +4254,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"color@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "color@npm:4.2.3"
+  dependencies:
+    color-convert: "npm:^2.0.1"
+    color-string: "npm:^1.9.0"
+  checksum: 10c0/7fbe7cfb811054c808349de19fb380252e5e34e61d7d168ec3353e9e9aacb1802674bddc657682e4e9730c2786592a4de6f8283e7e0d3870b829bb0b7b2f6118
+  languageName: node
+  linkType: hard
+
 "colord@npm:^2.9.1":
   version: 2.9.3
   resolution: "colord@npm:2.9.3"
@@ -4121,6 +4334,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commondir@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "commondir@npm:1.0.1"
+  checksum: 10c0/33a124960e471c25ee19280c9ce31ccc19574b566dc514fe4f4ca4c34fa8b0b57cf437671f5de380e11353ea9426213fca17687dd2ef03134fea2dbc53809fd6
+  languageName: node
+  linkType: hard
+
 "compressible@npm:~2.0.16":
   version: 2.0.18
   resolution: "compressible@npm:2.0.18"
@@ -4706,6 +4926,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "detect-libc@npm:2.0.2"
+  checksum: 10c0/a9f4ffcd2701525c589617d98afe5a5d0676c8ea82bcc4ed6f3747241b79f781d36437c59a5e855254c864d36a3e9f8276568b6b531c28d6e53b093a15703f11
+  languageName: node
+  linkType: hard
+
 "detect-node@npm:^2.0.4":
   version: 2.1.0
   resolution: "detect-node@npm:2.1.0"
@@ -5395,6 +5622,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-cache-dir@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "find-cache-dir@npm:3.3.2"
+  dependencies:
+    commondir: "npm:^1.0.1"
+    make-dir: "npm:^3.0.2"
+    pkg-dir: "npm:^4.1.0"
+  checksum: 10c0/92747cda42bff47a0266b06014610981cfbb71f55d60f2c8216bc3108c83d9745507fb0b14ecf6ab71112bed29cd6fb1a137ee7436179ea36e11287e3159e587
+  languageName: node
+  linkType: hard
+
 "find-cache-dir@npm:^4.0.0":
   version: 4.0.0
   resolution: "find-cache-dir@npm:4.0.0"
@@ -5414,6 +5652,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-up@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "find-up@npm:4.1.0"
+  dependencies:
+    locate-path: "npm:^5.0.0"
+    path-exists: "npm:^4.0.0"
+  checksum: 10c0/0406ee89ebeefa2d507feb07ec366bebd8a6167ae74aa4e34fb4c4abd06cf782a3ce26ae4194d70706f72182841733f00551c209fe575cb00bd92104056e78c1
+  languageName: node
+  linkType: hard
+
 "find-up@npm:^5.0.0":
   version: 5.0.0
   resolution: "find-up@npm:5.0.0"
@@ -6491,6 +6739,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-arrayish@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "is-arrayish@npm:0.3.2"
+  checksum: 10c0/f59b43dc1d129edb6f0e282595e56477f98c40278a2acdc8b0a5c57097c9eff8fe55470493df5775478cf32a4dc8eaf6d3a749f07ceee5bc263a78b2434f6a54
+  languageName: node
+  linkType: hard
+
 "is-binary-path@npm:~2.1.0":
   version: 2.1.0
   resolution: "is-binary-path@npm:2.1.0"
@@ -6898,7 +7153,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^2.1.2, json5@npm:^2.2.3":
+"json5@npm:^2.1.2, json5@npm:^2.2.1, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
   bin:
@@ -7001,7 +7256,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loader-utils@npm:^3.2.0":
+"loader-utils@npm:^3.2.0, loader-utils@npm:^3.2.1":
   version: 3.2.1
   resolution: "loader-utils@npm:3.2.1"
   checksum: 10c0/d3e1f217d160e8e894a0385a33500d4ce14065e8ffb250f5a81ae65bc2c3baa50625ec34182ba4417b46b4ac6725aed64429e1104d6401e074af2aa1dd018394
@@ -7018,6 +7273,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locate-path@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "locate-path@npm:5.0.0"
+  dependencies:
+    p-locate: "npm:^4.1.0"
+  checksum: 10c0/33a1c5247e87e022f9713e6213a744557a3e9ec32c5d0b5efb10aa3a38177615bf90221a5592674857039c1a0fd2063b82f285702d37b792d973e9e72ace6c59
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^6.0.0":
   version: 6.0.0
   resolution: "locate-path@npm:6.0.0"
@@ -7165,6 +7429,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"make-dir@npm:^3.0.2, make-dir@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "make-dir@npm:3.1.0"
+  dependencies:
+    semver: "npm:^6.0.0"
+  checksum: 10c0/56aaafefc49c2dfef02c5c95f9b196c4eb6988040cf2c712185c7fe5c99b4091591a7fc4d4eafaaefa70ff763a26f6ab8c3ff60b9e75ea19876f49b18667ecaa
+  languageName: node
+  linkType: hard
+
 "make-fetch-happen@npm:^11.0.3":
   version: 11.1.1
   resolution: "make-fetch-happen@npm:11.1.1"
@@ -7228,6 +7501,8 @@ __metadata:
     react: "npm:^18.2.0"
     react-dom: "npm:^18.2.0"
     remark-smartypants: "npm:^2.1.0"
+    responsive-loader: "npm:^3.1.2"
+    sharp: "npm:^0.33.2"
     simple-icons: "npm:^11.8.0"
     swc-loader: "npm:^0.2.6"
     terser-webpack-plugin: "npm:^5.3.10"
@@ -8551,7 +8826,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^2.0.0":
+"p-limit@npm:^2.0.0, p-limit@npm:^2.2.0":
   version: 2.3.0
   resolution: "p-limit@npm:2.3.0"
   dependencies:
@@ -8587,6 +8862,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-locate@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "p-locate@npm:4.1.0"
+  dependencies:
+    p-limit: "npm:^2.2.0"
+  checksum: 10c0/1b476ad69ad7f6059744f343b26d51ce091508935c1dbb80c4e0a2f397ffce0ca3a1f9f5cd3c7ce19d7929a09719d5c65fe70d8ee289c3f267cd36f2881813e9
+  languageName: node
+  linkType: hard
+
 "p-locate@npm:^5.0.0":
   version: 5.0.0
   resolution: "p-locate@npm:5.0.0"
@@ -8858,6 +9142,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pkg-dir@npm:^4.1.0":
+  version: 4.2.0
+  resolution: "pkg-dir@npm:4.2.0"
+  dependencies:
+    find-up: "npm:^4.0.0"
+  checksum: 10c0/c56bda7769e04907a88423feb320babaed0711af8c436ce3e56763ab1021ba107c7b0cafb11cde7529f669cfc22bffcaebffb573645cbd63842ea9fb17cd7728
+  languageName: node
+  linkType: hard
+
 "pkg-dir@npm:^7.0.0":
   version: 7.0.0
   resolution: "pkg-dir@npm:7.0.0"
@@ -10031,6 +10324,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"responsive-loader@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "responsive-loader@npm:3.1.2"
+  dependencies:
+    "@types/node": "npm:^18.11.9"
+    find-cache-dir: "npm:^3.3.2"
+    json5: "npm:^2.2.1"
+    loader-utils: "npm:^3.2.1"
+    make-dir: "npm:^3.1.0"
+    schema-utils: "npm:^4.0.0"
+  peerDependencies:
+    webpack: ^5.73.0
+  peerDependenciesMeta:
+    jimp:
+      optional: true
+    sharp:
+      optional: true
+  checksum: 10c0/c93b200bb51fe2968ee8092b4817db55dd55f2306d1d75fa66aa6cd2dbddf9c7f394528f9182acbc3a37489fed9b5d743b51a5275c88d31fb665195cf0f5adaf
+  languageName: node
+  linkType: hard
+
 "retext-latin@npm:^3.0.0":
   version: 3.1.0
   resolution: "retext-latin@npm:3.1.0"
@@ -10246,7 +10560,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^6.3.1":
+"semver@npm:^6.0.0, semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
   bin:
@@ -10388,6 +10702,75 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sharp@npm:^0.33.2":
+  version: 0.33.2
+  resolution: "sharp@npm:0.33.2"
+  dependencies:
+    "@img/sharp-darwin-arm64": "npm:0.33.2"
+    "@img/sharp-darwin-x64": "npm:0.33.2"
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.1"
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.1"
+    "@img/sharp-libvips-linux-arm": "npm:1.0.1"
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.1"
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.1"
+    "@img/sharp-libvips-linux-x64": "npm:1.0.1"
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.1"
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.1"
+    "@img/sharp-linux-arm": "npm:0.33.2"
+    "@img/sharp-linux-arm64": "npm:0.33.2"
+    "@img/sharp-linux-s390x": "npm:0.33.2"
+    "@img/sharp-linux-x64": "npm:0.33.2"
+    "@img/sharp-linuxmusl-arm64": "npm:0.33.2"
+    "@img/sharp-linuxmusl-x64": "npm:0.33.2"
+    "@img/sharp-wasm32": "npm:0.33.2"
+    "@img/sharp-win32-ia32": "npm:0.33.2"
+    "@img/sharp-win32-x64": "npm:0.33.2"
+    color: "npm:^4.2.3"
+    detect-libc: "npm:^2.0.2"
+    semver: "npm:^7.5.4"
+  dependenciesMeta:
+    "@img/sharp-darwin-arm64":
+      optional: true
+    "@img/sharp-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+    "@img/sharp-linux-arm":
+      optional: true
+    "@img/sharp-linux-arm64":
+      optional: true
+    "@img/sharp-linux-s390x":
+      optional: true
+    "@img/sharp-linux-x64":
+      optional: true
+    "@img/sharp-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-linuxmusl-x64":
+      optional: true
+    "@img/sharp-wasm32":
+      optional: true
+    "@img/sharp-win32-ia32":
+      optional: true
+    "@img/sharp-win32-x64":
+      optional: true
+  checksum: 10c0/4727fcf5e3e680f2f837f897c9fcff765a43a60c802ccb7064ab939b06318695e0d5d900039adb104370c1e675743bba16a514632193cbee64eae522270adc48
+  languageName: node
+  linkType: hard
+
 "shebang-command@npm:^2.0.0":
   version: 2.0.0
   resolution: "shebang-command@npm:2.0.0"
@@ -10456,6 +10839,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"simple-swizzle@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "simple-swizzle@npm:0.2.2"
+  dependencies:
+    is-arrayish: "npm:^0.3.1"
+  checksum: 10c0/df5e4662a8c750bdba69af4e8263c5d96fe4cd0f9fe4bdfa3cbdeb45d2e869dff640beaaeb1ef0e99db4d8d2ec92f85508c269f50c972174851bc1ae5bd64308
+  languageName: node
+  linkType: hard
+
 "sirv@npm:^2.0.3":
   version: 2.0.3
   resolution: "sirv@npm:2.0.3"
@@ -11007,7 +11399,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.3, tslib@npm:^2.6.0":
+"tslib@npm:^2.0.3, tslib@npm:^2.4.0, tslib@npm:^2.6.0":
   version: 2.6.2
   resolution: "tslib@npm:2.6.2"
   checksum: 10c0/e03a8a4271152c8b26604ed45535954c0a45296e32445b4b87f8a5abdb2421f40b59b4ca437c4346af0f28179780d604094eb64546bee2019d903d01c6c19bdb