docs: move images to separate git

saadeghi · May 3, 2024 · b3cfb33 · b3cfb33
1 parent 9fe3370
commit b3cfb33
Show file tree

Hide file tree

Showing 328 changed files with 368 additions and 672 deletions.
diff --git a/src/docs/src/components/ComponentFooter.svelte b/src/docs/src/components/ComponentFooter.svelte
@@ -227,7 +227,7 @@
       <img
         class="pointer-events-none"
         alt="daisyUI store"
-        src="/images/store/admin-dashboard.png" />
+        src="https://img.daisyui.com/images/store/admin-dashboard.png" />
     </a>
   </figure>
   <div
@@ -285,7 +285,10 @@
 <div
   class="card bg-base-100 from-base-200 not-prose outline-base-content/5 relative overflow-hidden bg-gradient-to-b font-sans shadow-lg outline -outline-offset-1 md:flex-row-reverse">
   <figure class="max-md:bg-primary/10 isolate shrink-0 md:w-2/3">
-    <img class="pointer-events-none" alt="daisyUI store" src="/images/store/nexus.png" />
+    <img
+      class="pointer-events-none"
+      alt="daisyUI store"
+      src="https://img.daisyui.com/images/store/nexus.png" />
   </figure>
   <div
     class="bg-accent -left-1/5 pointer-events-none absolute bottom-[-50%] aspect-square w-3/4 -translate-x-1/2 rounded-full opacity-20 blur-3xl">

diff --git a/src/docs/src/components/Footer.svelte b/src/docs/src/components/Footer.svelte
@@ -209,7 +209,7 @@
               loading="lazy"
               width="54"
               height="54"
-              src="/pouya-saadeghi.jpg"
+              src="https://img.daisyui.com/pouya-saadeghi.jpg"
               alt="Pouya Saadeghi"
               class="mask mask-squircle" />
           </div>

diff --git a/src/docs/src/components/LogoContextMenu.svelte b/src/docs/src/components/LogoContextMenu.svelte
@@ -23,15 +23,15 @@
       <a
         rel="noopener, noreferrer"
         target="_blank"
-        href="/images/daisyui-logo/daisyui-logomark.svg">
+        href="https://img.daisyui.com/images/daisyui-logo/daisyui-logomark.svg">
         SVG logo
       </a>
     </li>
     <li>
       <a
         rel="noopener, noreferrer"
         target="_blank"
-        href="/images/daisyui-logo/daisyui-logotype.svg">
+        href="https://img.daisyui.com/images/daisyui-logo/daisyui-logotype.svg">
         SVG logotype
       </a>
     </li>
@@ -40,15 +40,15 @@
       <a
         rel="noopener, noreferrer"
         target="_blank"
-        href="/images/daisyui-logo/daisyui-logomark-1024-1024.png">
+        href="https://img.daisyui.com/images/daisyui-logo/daisyui-logomark-1024-1024.png">
         PNG logo
       </a>
     </li>
     <li>
       <a
         rel="noopener, noreferrer"
         target="_blank"
-        href="/images/daisyui-logo/daisyui-logotype-3600-1024.png">
+        href="https://img.daisyui.com/images/daisyui-logo/daisyui-logotype-3600-1024.png">
         PNG logotype
       </a>
     </li>

diff --git a/src/docs/src/components/SEO.svelte b/src/docs/src/components/SEO.svelte
@@ -6,7 +6,7 @@
   let siteData = {
     title: "Tailwind CSS Components ( version 4 update is here )",
     desc: "Free Tailwind Components",
-    card: "/images/default.jpg",
+    card: "https://img.daisyui.com/images/default.jpg",
   }
   export let formatTitle = true
   export let title = ""

diff --git a/src/docs/src/components/homepage/ComponentsPreview.svelte b/src/docs/src/components/homepage/ComponentsPreview.svelte
@@ -386,7 +386,7 @@
           <img
             width="40"
             height="40"
-            src="/[email protected]"
+            src="https://img.daisyui.com/[email protected]"
             alt="Tailwind button"
             aria-label="Tailwind CSS button" />
         </div>

diff --git a/src/docs/src/components/homepage/Opensource.svelte b/src/docs/src/components/homepage/Opensource.svelte
@@ -13,8 +13,8 @@
         width="80"
         height="80"
         alt="heart emoji"
-        src="/images/emoji/[email protected]"
-        srcset={`/images/emoji/heart-on-fire.webp 2x`}
+        src="https://img.daisyui.com/images/emoji/[email protected]"
+        srcset={`https://img.daisyui.com/images/emoji/heart-on-fire.webp 2x`}
         class="pointer-events-none inline-block h-20 w-20 align-bottom" />
     </div>
     <div class="h-20" />

diff --git a/src/docs/src/components/homepage/Tweets.svelte b/src/docs/src/components/homepage/Tweets.svelte
@@ -18,7 +18,7 @@
                 class="w-12">
                 <img
                   loading="lazy"
-                  src={`/twitter-profile-pics/${tweet.username}-72.webp`}
+                  src={`https://img.daisyui.com/twitter-profile-pics/${tweet.username}-72.webp`}
                   alt={tweet.name}
                   width="48"
                   height="48"

diff --git a/src/docs/src/lib/actions.js b/src/docs/src/lib/actions.js
@@ -244,7 +244,8 @@ export function linkProcess(node) {
   const originalContent = node.textContent ?? ""
 
   const stringsToReplace = {
-    '"/images': `"${root}/images`,
+    // '"/images': `"${root}/images`,
+    '"/images': `"https://img.daisyui.com/images`,
   }
   const re = new RegExp(Object.keys(stringsToReplace).join("|"), "gi")
 

diff --git a/src/docs/src/lib/data/exampleRepos.js b/src/docs/src/lib/data/exampleRepos.js
@@ -2,106 +2,109 @@ export const exampleRepos = [
   {
     name: "Next.js",
     href: "https://stackblitz.com/edit/daisyui-nextjs/",
-    logos: ["/logos/nextjs.svg"],
+    logos: ["https://img.daisyui.com/logos/nextjs.svg"],
   },
   {
     name: "SvelteKit",
     href: "https://stackblitz.com/edit/daisyui-sveltekit/",
-    logos: ["/logos/svelte.svg"],
+    logos: ["https://img.daisyui.com/logos/svelte.svg"],
   },
   {
     name: "Nuxt 3",
     href: "https://stackblitz.com/edit/daisyui-nuxt3/",
-    logos: ["/logos/nuxtjs.svg"],
+    logos: ["https://img.daisyui.com/logos/nuxtjs.svg"],
   },
   {
     name: "Astro",
     href: "https://stackblitz.com/edit/daisyui-astro/",
-    logos: ["/logos/astro.svg"],
+    logos: ["https://img.daisyui.com/logos/astro.svg"],
   },
   {
     name: "Vue.js 3",
     href: "https://stackblitz.com/edit/daisyui-vue-vite/",
-    logos: ["/logos/vue.svg"],
+    logos: ["https://img.daisyui.com/logos/vue.svg"],
   },
   {
     name: "Solid.js",
     href: "https://stackblitz.com/edit/daisyui-solidjs/",
-    logos: ["/logos/solidjs.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/solidjs.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "Qwik",
     href: "https://stackblitz.com/edit/daisyui-qwik/",
-    logos: ["/logos/qwik.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/qwik.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "Remix",
     href: "https://stackblitz.com/edit/daisyui-remix/",
-    logos: ["/logos/remix.svg"],
+    logos: ["https://img.daisyui.com/logos/remix.svg"],
   },
   {
     name: "Angular",
     href: "https://stackblitz.com/edit/daisyui-angular/",
-    logos: ["/logos/angular.svg"],
+    logos: ["https://img.daisyui.com/logos/angular.svg"],
   },
   {
     name: "Preact",
     href: "https://stackblitz.com/edit/daisyui-preact-vite/",
-    logos: ["/logos/preact.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/preact.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "Lit",
     href: "https://stackblitz.com/edit/daisyui-lit-vite/",
-    logos: ["/logos/lit.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/lit.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "Vite",
     href: "https://stackblitz.com/edit/daisyui-vite/",
-    logos: ["/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "Svelte (Vite)",
     href: "https://stackblitz.com/edit/daisyui-svelte-vite/",
-    logos: ["/logos/svelte.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/svelte.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "React (Vite)",
     href: "https://stackblitz.com/edit/daisyui-react-vite/",
-    logos: ["/logos/react.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/react.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "React (Webpack)",
     href: "https://stackblitz.com/edit/daisyui-react-webpack/",
-    logos: ["/logos/react.svg", "/logos/webpack.svg"],
+    logos: ["https://img.daisyui.com/logos/react.svg", "https://img.daisyui.com/logos/webpack.svg"],
   },
   {
     name: "Refine",
     href: "https://stackblitz.com/edit/daisyui-refine/",
-    logos: ["/logos/refine.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/refine.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "PostCSS",
     href: "https://stackblitz.com/edit/daisyui-postcss/",
-    logos: ["/logos/postcss.svg"],
+    logos: ["https://img.daisyui.com/logos/postcss.svg"],
   },
   {
     name: "11ty",
     href: "https://stackblitz.com/edit/daisyui-11ty/",
-    logos: ["/logos/11ty.svg"],
+    logos: ["https://img.daisyui.com/logos/11ty.svg"],
   },
   {
     name: "Elm",
     href: "https://stackblitz.com/edit/elm-daisyui/",
-    logos: ["/logos/elm.svg", "/logos/vite.svg"],
+    logos: ["https://img.daisyui.com/logos/elm.svg", "https://img.daisyui.com/logos/vite.svg"],
   },
   {
     name: "CDN (Tailwind)",
     href: "https://stackblitz.com/edit/daisyui-cdn/",
-    logos: ["/logos/jsdelivr.svg"],
+    logos: ["https://img.daisyui.com/logos/jsdelivr.svg"],
   },
   {
     name: "WordPress (Gust)",
     href: "https://wordpress.org/plugins/gust-daisy-ui",
-    logos: ["/logos/wordpress.svg", "/logos/gust.svg"],
+    logos: [
+      "https://img.daisyui.com/logos/wordpress.svg",
+      "https://img.daisyui.com/logos/gust.svg",
+    ],
   },
 ]
diff --git a/src/docs/src/lib/data/store.js b/src/docs/src/lib/data/store.js
@@ -1,37 +1,37 @@
 export const productCustomAttributes = {
   244268: {
-    screenshot: "/images/store/screenshots/nexus.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/nexus.png",
     tech: ["react", "nextjs", "daisyui"],
     preveiw_url: "https://nexus.daisyui.com/",
   },
   208203: {
-    screenshot: "/images/store/screenshots/blog-template.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/blog-template.png",
     tech: ["astro", "mdx", "daisyui"],
   },
   185227: {
-    screenshot: "/images/store/screenshots/app-landingpage.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/app-landingpage.png",
     tech: ["html", "react", "svelte", "vue", "alpine", "daisyui"],
     // tags: ["React + Svelte + Vue versions added"],
   },
   144550: {
-    screenshot: "/images/store/screenshots/agency-landingpage-react.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/agency-landingpage-react.png",
     tech: ["react", "svelte", "vite", "framer", "daisyui"],
     // originalprice: 1900,
     // displayprice: 1400,
     // displaypricenote: "with discount",
     tags: ["Svelte version added"],
   },
   142623: {
-    screenshot: "/images/store/screenshots/saas-landingpage.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/saas-landingpage.png",
     tech: ["html", "react", "svelte", "vue", "alpine", "daisyui"],
     // tags: ["React + Svelte + Vue versions added"],
   },
   130237: {
-    screenshot: "/images/store/screenshots/auth.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/auth.png",
     tech: ["html", "daisyui"],
   },
   120591: {
-    screenshot: "/images/store/screenshots/dashboard.png",
+    screenshot: "https://img.daisyui.com/images/store/screenshots/dashboard.png",
     tech: ["html", "webcomponents", "daisyui"],
     tags: ["Best Seller"],
   },

diff --git a/src/docs/src/lib/mdsvex-components.svelte b/src/docs/src/lib/mdsvex-components.svelte
@@ -13,7 +13,7 @@
 <SEO
   title={`Tailwind ${title} ${$t("Component")}`}
   desc={`Tailwind ${title} examples: ${desc} component`}
-  img={`/images${$page.url.pathname.replace(/\/$/, "")}.jpg`} />
+  img={`https://img.daisyui.com/images${$page.url.pathname.replace(/\/$/, "")}.jpg`} />
 
 <div class="flex flex-col-reverse justify-between gap-6 xl:flex-row">
   <div class="prose prose-sm md:prose-base w-full max-w-4xl flex-grow pt-10">

diff --git a/src/docs/src/lib/mdsvex.svelte b/src/docs/src/lib/mdsvex.svelte
@@ -10,7 +10,10 @@
   export let desc
 </script>
 
-<SEO {title} {desc} img={`/images${$page.url.pathname.replace(/\/$/, "")}.jpg`} />
+<SEO
+  {title}
+  {desc}
+  img={`https://img.daisyui.com/images${$page.url.pathname.replace(/\/$/, "")}.jpg`} />
 
 <div class="flex flex-col-reverse justify-between gap-6 xl:flex-row">
   <div class="prose prose-sm md:prose-base w-full max-w-4xl flex-grow pt-10">

diff --git a/src/docs/src/lib/scripts/get-twitter-avatars.js b/src/docs/src/lib/scripts/get-twitter-avatars.js
@@ -41,7 +41,7 @@ const processImage = (input, size = 72) => {
 
 tweets.forEach((tweet, index) => {
   const url = `https://unavatar.io/twitter/${tweet.username}?fallback=false`
-  const filename = `static/twitter-profile-pics/${tweet.username}.jpg`
+  const filename = `../../../daisyui-images/twitter-profile-pics/${tweet.username}.jpg`
   setTimeout(() => {
     downloadImage(url, filename)
     console.log(`Updated: ${filename}`)

diff --git a/src/docs/src/routes/(docs)/+page.svelte b/src/docs/src/routes/(docs)/+page.svelte
@@ -222,8 +222,8 @@
                 width="72"
                 height="72"
                 alt="yawing face emoji"
-                src="/images/emoji/[email protected]"
-                srcset={`/images/emoji/yawning-face.webp 2x`}
+                src="https://img.daisyui.com/images/emoji/[email protected]"
+                srcset={`https://img.daisyui.com/images/emoji/yawning-face.webp 2x`}
                 class="pointer-events-none inline-block h-[1em] w-[1em] align-bottom" />
             </h2>
 
@@ -258,8 +258,8 @@
                     width="72"
                     height="72"
                     alt="sunglasses emoji"
-                    src="/images/emoji/[email protected]"
-                    srcset={`/images/emoji/smiling-face-with-sunglasses.webp 2x`}
+                    src="https://img.daisyui.com/images/emoji/[email protected]"
+                    srcset={`https://img.daisyui.com/images/emoji/smiling-face-with-sunglasses.webp 2x`}
                     class="pointer-events-none inline-block h-[1em] w-[1em] align-bottom" />
                 </h2>
                 <div class="h-6" />
@@ -478,7 +478,7 @@
                                   loading="lazy"
                                   width="40"
                                   height="40"
-                                  src="/[email protected]"
+                                  src="https://img.daisyui.com/[email protected]"
                                   alt="tailwind css avatar component" />
                               </div>
                             </div>
@@ -1369,7 +1369,7 @@
               [1.05, 1]
             )}`}
             alt={`daisyUI ${logo}`}
-            src={`/logos/${logo}.svg`} />
+            src={`https://img.daisyui.com/logos/${logo}.svg`} />
         {/each}
       </div>
     </div>
@@ -1759,7 +1759,7 @@
             width="96"
             height="96"
             class="aspect-square h-10 w-10"
-            src={`/logos/${logo}.svg`}
+            src={`https://img.daisyui.com/logos/${logo}.svg`}
             alt={`daisyUI ${logo}`} />
         {/each}
       </div>

diff --git a/src/docs/src/routes/(docs)/components/+page.svelte b/src/docs/src/routes/(docs)/components/+page.svelte
@@ -23,7 +23,7 @@
           <figure class="px-4 pt-4">
             <img
               loading="lazy"
-              src={`/images/components/${slug}.jpg`}
+              src={`https://img.daisyui.com/images/components/${slug}.jpg`}
               class="border-base-content bg-base-300 rounded-lg border border-opacity-5"
               alt={title} />
           </figure>