From f2eb995d7de39e9052ef7eec2a3d4318e821fae8 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Wed, 4 Mar 2026 13:58:11 +0000 Subject: [PATCH] Add decorative artist pattern background to desktop advertisements Integrates an `ArtistPatternBg` component to wrap ad containers (`ArticleCardAd`, home page wide-picked ad section) with a decorative artist name pattern, enhancing visual appeal on desktop while leaving mobile unchanged. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 7e26d45f-76ee-4e0c-8b18-8bffeb9e004b Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/jdAEdU5 Replit-Helium-Checkpoint-Created: true --- client/src/components/adsense.tsx | 10 +- client/src/components/artist-pattern-bg.tsx | 73 ++ client/src/pages/home.tsx | 5 +- server/dropbox-token.json | 4 +- server/gallery-data.json | 1056 +++++++++---------- 5 files changed, 613 insertions(+), 535 deletions(-) create mode 100644 client/src/components/artist-pattern-bg.tsx diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx index 0137cc7..fa60e05 100644 --- a/client/src/components/adsense.tsx +++ b/client/src/components/adsense.tsx @@ -1,4 +1,5 @@ -import { useEffect, useRef, useState } from "react"; +import { useEffect, useMemo, useRef, useState } from "react"; +import ArtistPatternBg from "./artist-pattern-bg"; type AdFormat = "auto" | "fluid" | "rectangle" | "horizontal" | "vertical" | "autorelaxed"; @@ -77,16 +78,19 @@ export default function AdSense({ ); } +let adSeedCounter = 1; + export function ArticleCardAd() { + const seed = useMemo(() => adSeedCounter++, []); return ( -