use webp on blog/learn/explore

blockworks-foundation · Mar 6, 2024 · d396758 · d396758
1 parent 9ac0692
commit d396758
Show file tree

Hide file tree

Showing 104 changed files with 9 additions and 9 deletions.
diff --git a/app/(pages)/blog/[slug]/page.tsx b/app/(pages)/blog/[slug]/page.tsx
@@ -86,7 +86,7 @@ async function BlogPostPage({ params }: BlogPostPageProps) {
 
   const ctaData = { ctaTitle, ctaDescription, ctaUrl }
 
-  const headerImageUrl = `/images/blog/${slug}.png`
+  const headerImageUrl = `/images/blog/${slug}.webp`
 
   return (
     <>

diff --git a/app/(pages)/learn/[slug]/page.tsx b/app/(pages)/learn/[slug]/page.tsx
@@ -88,7 +88,7 @@ async function LearnPostPage({ params }: LearnPostPageProps) {
   } = learnPost
 
   const ctaData = { ctaTitle, ctaDescription, ctaUrl }
-  const headerImageUrl = `/images/learn/${slug}.png`
+  const headerImageUrl = `/images/learn/${slug}.webp`
 
   return (
     <>

diff --git a/app/components/blog/PostCard.tsx b/app/components/blog/PostCard.tsx
@@ -16,8 +16,8 @@ const PostCard = ({
   const { author, createdAt, postDescription, postTitle, slug } = blogPost
   const customImagePath =
     type === 'blog'
-      ? `/images/blog/${slug}-small.png`
-      : `/images/learn/${slug}-small.png`
+      ? `/images/blog/${slug}-small.webp`
+      : `/images/learn/${slug}-small.webp`
   return (
     <div
       className="col-span-4 sm:col-span-2 lg:col-span-1 border border-th-bkg-3 rounded-xl group relative"

diff --git a/app/components/explore/Category.tsx b/app/components/explore/Category.tsx
@@ -29,7 +29,7 @@ const Category = ({
     return sortTokens(tokensForCategory)
   }, [tokensForCategory])
 
-  const backgroundImageUrl = `/images/categories/${slug}.png`
+  const backgroundImageUrl = `/images/categories/${slug}.webp`
 
   return (
     <>

diff --git a/app/components/explore/ExploreCategories.tsx b/app/components/explore/ExploreCategories.tsx
@@ -84,7 +84,7 @@ const ExploreCategories = ({
                   <Link href={`/explore/categories/${slug}`}>
                     <div className="overflow-hidden rounded-t-xl">
                       <CardImage
-                        customImagePath={`/images/categories/${slug}-small.png`}
+                        customImagePath={`/images/categories/${slug}-small.webp`}
                       />
                     </div>
                     <div className="px-4 py-3">

diff --git a/app/components/explore/PageHeader.tsx b/app/components/explore/PageHeader.tsx
@@ -24,8 +24,8 @@ const PageHeader = ({
   const imageSrc = backgroundImageUrl
     ? backgroundImageUrl
     : theme === 'Dark'
-      ? '/images/new/cube-bg.png'
-      : '/images/new/cube-bg-light.png'
+      ? '/images/new/cube-bg.webp'
+      : '/images/new/cube-bg-light.webp'
 
   useEffect(() => {
     setMounted(true)

diff --git a/public/images/blog/depin-is-solving-solana-small.png b/public/images/blog/depin-is-solving-solana-small.png
diff --git a/public/images/blog/depin-is-solving-solana-small.webp b/public/images/blog/depin-is-solving-solana-small.webp
diff --git a/public/images/blog/depin-is-solving-solana.png b/public/images/blog/depin-is-solving-solana.png
diff --git a/public/images/blog/depin-is-solving-solana.webp b/public/images/blog/depin-is-solving-solana.webp
diff --git a/public/images/blog/leveraging-pyths-airdrop-for-defi-governance-small.png b/public/images/blog/leveraging-pyths-airdrop-for-defi-governance-small.png
diff --git a/public/images/blog/leveraging-pyths-airdrop-for-defi-governance-small.webp b/public/images/blog/leveraging-pyths-airdrop-for-defi-governance-small.webp
diff --git a/public/images/blog/leveraging-pyths-airdrop-for-defi-governance.png b/public/images/blog/leveraging-pyths-airdrop-for-defi-governance.png
diff --git a/public/images/blog/leveraging-pyths-airdrop-for-defi-governance.webp b/public/images/blog/leveraging-pyths-airdrop-for-defi-governance.webp
diff --git a/public/images/blog/mango-rewards-are-live-small.png b/public/images/blog/mango-rewards-are-live-small.png
diff --git a/public/images/blog/mango-rewards-are-live-small.webp b/public/images/blog/mango-rewards-are-live-small.webp
diff --git a/public/images/blog/mango-rewards-are-live.png b/public/images/blog/mango-rewards-are-live.png
diff --git a/public/images/blog/mango-rewards-are-live.webp b/public/images/blog/mango-rewards-are-live.webp
diff --git a/public/images/blog/meme-coin-mania-small.png b/public/images/blog/meme-coin-mania-small.png
diff --git a/public/images/blog/meme-coin-mania-small.webp b/public/images/blog/meme-coin-mania-small.webp
diff --git a/public/images/blog/meme-coin-mania.png b/public/images/blog/meme-coin-mania.png
diff --git a/public/images/blog/meme-coin-mania.webp b/public/images/blog/meme-coin-mania.webp
diff --git a/public/images/blog/nosana-interview-small.png b/public/images/blog/nosana-interview-small.png
diff --git a/public/images/blog/nosana-interview-small.webp b/public/images/blog/nosana-interview-small.webp
diff --git a/public/images/blog/nosana-interview.png b/public/images/blog/nosana-interview.png
diff --git a/public/images/blog/nosana-interview.webp b/public/images/blog/nosana-interview.webp
diff --git a/public/images/blog/when-in-doubt-zoom-out-small.png b/public/images/blog/when-in-doubt-zoom-out-small.png
diff --git a/public/images/blog/when-in-doubt-zoom-out-small.webp b/public/images/blog/when-in-doubt-zoom-out-small.webp
diff --git a/public/images/blog/when-in-doubt-zoom-out.png b/public/images/blog/when-in-doubt-zoom-out.png
diff --git a/public/images/blog/when-in-doubt-zoom-out.webp b/public/images/blog/when-in-doubt-zoom-out.webp
diff --git a/public/images/categories/ai-small.png b/public/images/categories/ai-small.png
diff --git a/public/images/categories/ai-small.webp b/public/images/categories/ai-small.webp
diff --git a/public/images/categories/ai.png b/public/images/categories/ai.png
diff --git a/public/images/categories/ai.webp b/public/images/categories/ai.webp
diff --git a/public/images/categories/amm-small.png b/public/images/categories/amm-small.png
diff --git a/public/images/categories/amm-small.webp b/public/images/categories/amm-small.webp
diff --git a/public/images/categories/amm.png b/public/images/categories/amm.png
diff --git a/public/images/categories/amm.webp b/public/images/categories/amm.webp
diff --git a/public/images/categories/bridged-portal-small.png b/public/images/categories/bridged-portal-small.png
diff --git a/public/images/categories/bridged-portal-small.webp b/public/images/categories/bridged-portal-small.webp
diff --git a/public/images/categories/bridged-portal.png b/public/images/categories/bridged-portal.png
diff --git a/public/images/categories/bridged-portal.webp b/public/images/categories/bridged-portal.webp
diff --git a/public/images/categories/defi-small.png b/public/images/categories/defi-small.png
diff --git a/public/images/categories/defi-small.webp b/public/images/categories/defi-small.webp
diff --git a/public/images/categories/defi.png b/public/images/categories/defi.png
diff --git a/public/images/categories/defi.webp b/public/images/categories/defi.webp
diff --git a/public/images/categories/depin-small.png b/public/images/categories/depin-small.png
diff --git a/public/images/categories/depin-small.webp b/public/images/categories/depin-small.webp
diff --git a/public/images/categories/depin.png b/public/images/categories/depin.png
diff --git a/public/images/categories/depin.webp b/public/images/categories/depin.webp
diff --git a/public/images/categories/derivatives-small.png b/public/images/categories/derivatives-small.png
diff --git a/public/images/categories/derivatives-small.webp b/public/images/categories/derivatives-small.webp
diff --git a/public/images/categories/derivatives.png b/public/images/categories/derivatives.png
diff --git a/public/images/categories/derivatives.webp b/public/images/categories/derivatives.webp
diff --git a/public/images/categories/exchange-small.png b/public/images/categories/exchange-small.png
diff --git a/public/images/categories/exchange-small.webp b/public/images/categories/exchange-small.webp
diff --git a/public/images/categories/exchange.png b/public/images/categories/exchange.png
diff --git a/public/images/categories/exchange.webp b/public/images/categories/exchange.webp
diff --git a/public/images/categories/gaming-small.png b/public/images/categories/gaming-small.png
diff --git a/public/images/categories/gaming-small.webp b/public/images/categories/gaming-small.webp
diff --git a/public/images/categories/gaming.png b/public/images/categories/gaming.png
diff --git a/public/images/categories/gaming.webp b/public/images/categories/gaming.webp
diff --git a/public/images/categories/governance-small.png b/public/images/categories/governance-small.png
diff --git a/public/images/categories/governance-small.webp b/public/images/categories/governance-small.webp
diff --git a/public/images/categories/governance.png b/public/images/categories/governance.png
diff --git a/public/images/categories/governance.webp b/public/images/categories/governance.webp
diff --git a/public/images/categories/infrastructure-small.png b/public/images/categories/infrastructure-small.png
diff --git a/public/images/categories/infrastructure-small.webp b/public/images/categories/infrastructure-small.webp
diff --git a/public/images/categories/infrastructure.png b/public/images/categories/infrastructure.png
diff --git a/public/images/categories/infrastructure.webp b/public/images/categories/infrastructure.webp
diff --git a/public/images/categories/layer-1-small.png b/public/images/categories/layer-1-small.png
diff --git a/public/images/categories/layer-1-small.webp b/public/images/categories/layer-1-small.webp
diff --git a/public/images/categories/layer-1.png b/public/images/categories/layer-1.png
diff --git a/public/images/categories/layer-1.webp b/public/images/categories/layer-1.webp
diff --git a/public/images/categories/liquid-staking-small.png b/public/images/categories/liquid-staking-small.png
diff --git a/public/images/categories/liquid-staking-small.webp b/public/images/categories/liquid-staking-small.webp
diff --git a/public/images/categories/liquid-staking.png b/public/images/categories/liquid-staking.png
diff --git a/public/images/categories/liquid-staking.webp b/public/images/categories/liquid-staking.webp
diff --git a/public/images/categories/meme-small.png b/public/images/categories/meme-small.png
diff --git a/public/images/categories/meme-small.webp b/public/images/categories/meme-small.webp
diff --git a/public/images/categories/meme.png b/public/images/categories/meme.png
diff --git a/public/images/categories/meme.webp b/public/images/categories/meme.webp
diff --git a/public/images/categories/payments-small.png b/public/images/categories/payments-small.png
diff --git a/public/images/categories/payments-small.webp b/public/images/categories/payments-small.webp
diff --git a/public/images/categories/payments.png b/public/images/categories/payments.png
diff --git a/public/images/categories/payments.webp b/public/images/categories/payments.webp
diff --git a/public/images/categories/placeholder.webp b/public/images/categories/placeholder.webp
diff --git a/public/images/categories/stablecoin-small.png b/public/images/categories/stablecoin-small.png
diff --git a/public/images/categories/stablecoin-small.webp b/public/images/categories/stablecoin-small.webp
diff --git a/public/images/categories/stablecoin.png b/public/images/categories/stablecoin.png
diff --git a/public/images/categories/stablecoin.webp b/public/images/categories/stablecoin.webp
diff --git a/public/images/learn/list-your-meme-token-on-mango-small.png b/public/images/learn/list-your-meme-token-on-mango-small.png
diff --git a/public/images/learn/list-your-meme-token-on-mango-small.webp b/public/images/learn/list-your-meme-token-on-mango-small.webp
diff --git a/public/images/learn/list-your-meme-token-on-mango.png b/public/images/learn/list-your-meme-token-on-mango.png
diff --git a/public/images/learn/list-your-meme-token-on-mango.webp b/public/images/learn/list-your-meme-token-on-mango.webp
diff --git a/public/images/learn/trade-pre-launch-jup-small.png b/public/images/learn/trade-pre-launch-jup-small.png
diff --git a/public/images/learn/trade-pre-launch-jup-small.webp b/public/images/learn/trade-pre-launch-jup-small.webp
diff --git a/public/images/learn/trade-pre-launch-jup.png b/public/images/learn/trade-pre-launch-jup.png
diff --git a/public/images/learn/trade-pre-launch-jup.webp b/public/images/learn/trade-pre-launch-jup.webp
diff --git a/public/images/learn/when-to-use-stop-loss-and-take-profit-orders-small.png b/public/images/learn/when-to-use-stop-loss-and-take-profit-orders-small.png
diff --git a/public/images/learn/when-to-use-stop-loss-and-take-profit-orders-small.webp b/public/images/learn/when-to-use-stop-loss-and-take-profit-orders-small.webp
diff --git a/public/images/learn/when-to-use-stop-loss-and-take-profit-orders.png b/public/images/learn/when-to-use-stop-loss-and-take-profit-orders.png
diff --git a/public/images/learn/when-to-use-stop-loss-and-take-profit-orders.webp b/public/images/learn/when-to-use-stop-loss-and-take-profit-orders.webp
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo