Adds Carbon to sidebar

Lissy93 · Jan 8, 2024 · fc1f364 · fc1f364
1 parent fb1b152
commit fc1f364
Show file tree

Hide file tree

Showing 5 changed files with 530 additions and 7 deletions.
diff --git a/src/components/CarbonAd.js b/src/components/CarbonAd.js
@@ -2,10 +2,7 @@ import React, { useEffect } from 'react';
 
 const CarbonAds = () => {
   return (
-    <>
-    <div id="carbonads"></div>
     <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIC53L&placement=dashyto" id="_carbonads_js"></script>
-    </>
   );
 };
 

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,9 +1,6 @@
 import React from 'react';
 import Layout from '@theme/Layout';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import Head from '@docusaurus/Head';
-import styles from './index.module.scss';
-
 
 import HomePageHeader from '../components/HomePageHeader';
 import HomePageFeatures from '../components/HomepageFeatures';
@@ -16,7 +13,7 @@ export default function Home() {
       description="Dashy, the self-hosted dashboard app for your homelab">
       <HomePageHeader />
       <HomePageFeatures />
-      <main>  
+      <main>
       </main>
     </Layout>
   );

diff --git a/src/styles/custom.scss b/src/styles/custom.scss
@@ -244,3 +244,29 @@ html[data-theme='light'] {
     --carbon-text-color: hsl(0, 0%, 90%);
   }
 }
+
+.sidebar-ad {
+  --carbon-bg-primary: var(--background, #18191a);
+  --carbon-bg-secondary: #282a36;
+  --carbon-text-color: #e6e6e6;
+
+  #carbonads {
+    margin: 0.5rem;
+  }
+  #carbonads .carbon-img img, .avatar__photo-link {
+    border-radius: 5px;
+  }
+  #carbonads .carbon-wrap {
+    justify-content: center;
+  }
+  #carbonads .carbon-text {
+    font-size: 1rem;
+  }
+  #carbonads > span {
+    box-shadow: none;
+  }
+  #carbonads .carbon-poweredby {
+  border-radius: 5px;
+  font-size: 0.7rem;
+  }
+}