docs(): Link v5 version explicitly

astro.config.mjs

@@ -29,6 +29,10 @@ export default defineConfig({
         collapsed: true,
         autogenerate: { directory: 'api' },
       },
+      {
+        label: 'Fabric.js v5',
+        link: 'https://fabric5.fabricjs.com/docs',
+      }
     ],
     customCss: [
       // Relative path to your custom CSS file

src/components/CarbonAd/InlineCarbonAd.astro

@@ -0,0 +1,19 @@
+---
+import CarbonAdReminder from './InlineCarbonAdReminder';
+import './InlineCarbonAd.css'
+
+const props = Astro.props
+---
+
+<main>
+    <div>
+        <script
+            key="carbonads"
+            async
+            id="_carbonads_js"
+            type="text/javascript"
+            src="//cdn.carbonads.com/carbon.js?serve=CKYIEK7E&placement=fabricjscom"
+        />
+        <CarbonAdReminder client:load />
+    <div>
+</main>

src/components/CarbonAd/InlineCarbonAdReminder.jsx

@@ -0,0 +1,32 @@
+import { useEffect, useState, useRef, useCallback, Suspense } from 'react'
+
+const CarbonAd = () => {
+  const [showReminder, setShowreminder] = useState(false)
+
+  useEffect(() => {
+    const verifyIsLoaded = () => {  
+      const ads = document.getElementById('carbonads');
+      if (!ads || ads.style.display === 'none' || !window._carbonads) {
+        setShowreminder(true)
+      }
+    }
+    setTimeout(verifyIsLoaded, 3000);
+  }, []);
+
+  if (!showReminder) return null;
+
+  return (
+    <div key="placeholder" id="gentle-reminder" className='reminder'>
+      Do you like fabricJS?
+      <br />
+      If you want it continue running and you do not mind tech related ads,
+      please allow this website in your adblocker.
+      <br />
+      The ad is actually smaller than this nag screen!
+      <br />
+      ❤️ Thank You!
+    </div>
+  );
+}
+
+export default CarbonAd

src/components/PageTitleDocs/PageTitle.astro

@@ -1,9 +1,9 @@
 ---
 import RealPageTitle from '@astrojs/starlight/components/PageTitle.astro';
-import CarbonAd from '../CarbonAd/InlineCarbonAd';
+import CarbonAd from '../CarbonAd/InlineCarbonAd.astro';
 
 const props = Astro.props
 ---
 
-<CarbonAd client:load />
+<CarbonAd />
 <RealPageTitle {...props} />