diff --git a/public/Samantha-and-Connolly-480.webp b/public/Samantha-and-Connolly-480.webp new file mode 100644 index 0000000..1c74067 Binary files /dev/null and b/public/Samantha-and-Connolly-480.webp differ diff --git a/public/Samantha-and-Connolly-640.webp b/public/Samantha-and-Connolly-640.webp new file mode 100644 index 0000000..09b353e Binary files /dev/null and b/public/Samantha-and-Connolly-640.webp differ diff --git a/public/Samantha-and-Connolly-960.webp b/public/Samantha-and-Connolly-960.webp new file mode 100644 index 0000000..7766b04 Binary files /dev/null and b/public/Samantha-and-Connolly-960.webp differ diff --git a/public/about-320.webp b/public/about-320.webp new file mode 100644 index 0000000..de82811 Binary files /dev/null and b/public/about-320.webp differ diff --git a/public/about-480.webp b/public/about-480.webp new file mode 100644 index 0000000..ecfc78f Binary files /dev/null and b/public/about-480.webp differ diff --git a/public/contact-320.webp b/public/contact-320.webp new file mode 100644 index 0000000..3a75017 Binary files /dev/null and b/public/contact-320.webp differ diff --git a/public/contact-480.webp b/public/contact-480.webp new file mode 100644 index 0000000..a22fe9c Binary files /dev/null and b/public/contact-480.webp differ diff --git a/public/support-320.webp b/public/support-320.webp new file mode 100644 index 0000000..bc91819 Binary files /dev/null and b/public/support-320.webp differ diff --git a/public/support-480.webp b/public/support-480.webp new file mode 100644 index 0000000..dc8531f Binary files /dev/null and b/public/support-480.webp differ diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 08d4024..5b00aef 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -9,20 +9,23 @@ import { TWITTER_SITE, } from "../config/site"; -const { title = "", description, keywords, canonicalPath, ogImage } = - Astro.props; +const { + title = "", + description, + keywords, + canonicalPath, + ogImage, +} = Astro.props; const pageTitle = title && title !== SITE_NAME ? `${title} | ${SITE_NAME}` : SITE_NAME; const canonicalUrl = new URL( canonicalPath ?? Astro.url.pathname, - SITE_URL + SITE_URL, ).toString(); const ogImagePath = ogImage ?? DEFAULT_OG_IMAGE; -const ogImageUrl = ogImagePath - ? new URL(ogImagePath, SITE_URL).toString() - : ""; +const ogImageUrl = ogImagePath ? new URL(ogImagePath, SITE_URL).toString() : ""; const hasOgImage = Boolean(ogImagePath); const twitterSite = TWITTER_SITE?.trim(); --- @@ -64,14 +67,12 @@ const twitterSite = TWITTER_SITE?.trim(); + -
+ diff --git a/src/pages/index.astro b/src/pages/index.astro index 4f43ef1..2f083e2 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,19 +17,22 @@ const cardData = [ { title: "About Us", imageUrl: "/about-640.webp", - imageSrcSet: "/about-640.webp 640w, /about-960.webp 960w", + imageSrcSet: + "/about-320.webp 320w, /about-480.webp 480w, /about-640.webp 640w, /about-960.webp 960w", href: "/about", }, { title: "Support Us", imageUrl: "/support-640.webp", - imageSrcSet: "/support-640.webp 640w, /support-960.webp 960w", + imageSrcSet: + "/support-320.webp 320w, /support-480.webp 480w, /support-640.webp 640w, /support-960.webp 960w", href: "/support-us", }, { title: "Contact", imageUrl: "/contact-640.webp", - imageSrcSet: "/contact-640.webp 640w, /contact-960.webp 960w", + imageSrcSet: + "/contact-320.webp 320w, /contact-480.webp 480w, /contact-640.webp 640w, /contact-960.webp 960w", href: "/contact", }, ]; @@ -41,7 +44,7 @@ const cardData = [ rel="preload" as="image" href="/Samantha-and-Connolly-1280.webp" - imagesrcset="/Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w" + imagesrcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w" imagesizes="100vw" /> @@ -57,7 +60,7 @@ const cardData = [ class="absolute inset-0 h-full w-full object-cover" alt="" src="/Samantha-and-Connolly-1280.webp" - srcset="/Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w" + srcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w" sizes="100vw" loading="eager" fetchpriority="high" @@ -166,7 +169,7 @@ const cardData = [ srcset={ card.imageSrcSet } - sizes="(min-width: 640px) 33vw, 100vw" + sizes="(min-width: 640px) 33vw, 320px" loading="lazy" decoding="async" />