add: carbon ads

Author: SvMak

src/components/CarbonAds.astro

@@ -0,0 +1,18 @@
+---
+interface Props {
+  isDoc?: boolean;
+}
+
+const { isDoc = false } = Astro.props;
+---
+
+<section class:list={[!isDoc && 'absolute top-16 right-0 z-10']}>
+  <div class="carbon-band">
+    <script
+      is:inline
+      async
+      type="text/javascript"
+      src="//cdn.carbonads.com/carbon.js?serve=CK7I6KJE&placement=sdkmanio"
+      id="_carbonads_js"></script>
+  </div>
+</section>

src/components/Navbar.astro

@@ -8,7 +8,7 @@ import mainMenu from '@/data/main-menu';
 import { Image } from 'astro:assets';
 ---
 
-<header class="bg-background/10 sticky top-0 z-10 shadow backdrop-blur-sm">
+<header class="bg-background/10 sticky top-0 z-20 shadow backdrop-blur-sm">
   <Container class="flex h-16 items-center justify-between">
     <nav class="flex items-center gap-12">
       <div class="flex items-center gap-3">

src/components/PageHeader.astro

@@ -12,7 +12,7 @@ interface Props {
 const { title, breadcrumbs, isDoc = false } = Astro.props;
 ---
 
-<header class:list={[!isDoc && 'pt-10 pb-10']}>
+<header class:list={[!isDoc && 'mt-28 pt-10 pb-10 lg:mt-0']}>
   <Container class:list={[!!isDoc && 'px-0!']}>
     <Breadcrumbs breadcrumbs={breadcrumbs} />
 

src/components/sections/welcome/Hero.astro

@@ -5,7 +5,7 @@ import { Code } from 'astro-expressive-code/components';
 import { Image } from 'astro:assets';
 ---
 
-<section class="relative py-20">
+<section class="relative mt-16 py-20 lg:mt-0">
   <Image
     class="absolute top-1/2 left-1/2 w-[90%] -translate-x-1/2 -translate-y-1/2 opacity-50 dark:opacity-80"
     src={bgEllipse}

src/content/docs/install.mdx

@@ -8,6 +8,8 @@ title: Installation
   isDoc
 />
 
+<CarbonAds isDoc />
+
 Installing SDKMAN! on UNIX is a breeze. It effortlessly sets up on macOS, Linux
 and Windows (with WSL). Plus, it's compatible with both Bash and ZSH shells.
 

src/content/docs/usage.mdx

@@ -4,6 +4,8 @@ title: Usage
 
 <PageHeader title="Usage" breadcrumbs={[{ text: 'Usage' }]} isDoc />
 
+<CarbonAds isDoc />
+
 ## Installing an SDK
 
 ### Latest Stable

src/content/docs/vendors.mdx

@@ -4,6 +4,8 @@ title: Vendors
 
 <PageHeader title="Vendors" breadcrumbs={[{ text: 'Vendors' }]} isDoc />
 
+<CarbonAds isDoc />
+
 SDKMAN! is unique in that it empowers SDK Vendors to publish their candidate
 releases on our platform. We provide a secure API that can be used to manage all
 aspects of a release on SDKMAN!. Such aspects include **Releasing** a new

src/pages/[slug].astro

@@ -1,4 +1,5 @@
 ---
+import CarbonAds from '@/components/CarbonAds.astro';
 import PageHeader from '@/components/PageHeader.astro';
 import Link from '@/components/ui/Link.astro';
 import Note from '@/components/ui/Note.astro';
@@ -23,5 +24,5 @@ const { Content, headings } = await render(doc);
 ---
 
 <DocsLayout title={doc.data.title} headings={headings}>
-  <Content components={{ a: Link, Note, PageHeader }} />
+  <Content components={{ a: Link, Note, PageHeader, CarbonAds }} />
 </DocsLayout>

src/pages/brand.astro

@@ -1,4 +1,5 @@
 ---
+import CarbonAds from '@/components/CarbonAds.astro';
 import BrandCard from '@/components/cards/BrandCard.astro';
 import PageHeader from '@/components/PageHeader.astro';
 import Container from '@/components/ui/Container.astro';
@@ -9,6 +10,7 @@ const breadcrumbs = [{ text: 'Brand' }];
 ---
 
 <Layout title="Brand">
+  <CarbonAds />
   <PageHeader title="Brand" breadcrumbs={breadcrumbs} />
 
   <Container class="pb-20">

src/pages/contributors.astro

@@ -1,4 +1,5 @@
 ---
+import CarbonAds from '@/components/CarbonAds.astro';
 import PageHeader from '@/components/PageHeader.astro';
 import OpenCollectiveList from '@/components/sections/contributors/OpenCollectiveList.astro';
 import Layout from '@/layouts/Layout.astro';
@@ -7,6 +8,7 @@ const breadcrumbs = [{ text: 'Contributors' }];
 ---
 
 <Layout title="Contributors">
+  <CarbonAds />
   <PageHeader title="Contributors" breadcrumbs={breadcrumbs} />
 
   <OpenCollectiveList />