remove advertisement

Author: fabiosantoscode

src/components/Ad/index.js

@@ -92,83 +92,3 @@
   color: #DD1133;
 }
 
-/* carbon ads */
-
-#carbonads * {
-  margin: initial;
-  padding: initial;
-  line-height: initial;
-}
-   
-#carbonads {
-  --carbon-font-family: -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-    'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --carbon-font-size: 14px;
-  --carbon-padding: 1.5ch;
-  --carbon-max-char: 20ch;
-  --carbon-bg-primary: hsl(0, 0%, 12%);
-  --carbon-bg-secondary: hsl(0, 0%, 15%);
-  --carbon-text-color: hsl(0, 0%, 90%);
-  z-index: 10;
-  font-size: var(--carbon-font-size);
-  font-family: var(--carbon-font-family);
-}
-
-#carbonads > span {
-  display: flex;
-  flex-direction: column;
-  min-inline-size: 130px;
-  max-inline-size: calc(
-    130px + var(--carbon-max-char) + 8ch
-  );
-  padding: var(--carbon-padding);
-  gap: var(--carbon-padding);
-  background-color: var(--carbon-bg-primary);
-  box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.085),
-    0 0 2px hsl(0deg 0% 0% / 0.085),
-    0 0 4px hsl(0deg 0% 0% / 0.085),
-    0 0 8px hsl(0deg 0% 0% / 0.085);
-}
-
-#carbonads a {
-  color: var(--carbon-text-color);
-  text-decoration: none;
-}
-
-#carbonads a:hover {
-  color: var(--carbon-text-color);
-}
-
-#carbonads .carbon-wrap {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1.5ex;
-}
-
-#carbonads .carbon-img {
-  flex: 0 0 130px;
-}
-
-#carbonads .carbon-img img {
-  display: block;
-}
-
-#carbonads .carbon-text {
-  flex-grow: 1;
-  flex-basis: var(--carbon-max-char);
-  line-height: 1.4;
-  text-align: left;
-}
-
-#carbonads .carbon-poweredby {
-  padding: 6px 8px;
-  background: var(--carbon-bg-secondary);
-  color: var(--carbon-text-color);
-  font-weight: 600;
-  font-size: 0.6em;
-  line-height: 1.4;
-  letter-spacing: 0.2ch;
-  text-align: center;
-  text-transform: uppercase;
-}

src/css/custom.css

@@ -3,7 +3,6 @@ import Layout from '@theme/Layout';
 import cx from 'classnames';
 
 import styles from './index.module.css';
-import Ad from '../components/Ad';
 import { openCollectiveSponsors, users } from '../data/indexData';
 
 class HomeSplash extends React.Component {
@@ -148,7 +147,6 @@ export default class Index extends React.Component {
       <Layout>
         <HomeSplash siteConfig={siteConfig} language={language} />
         <HomeContent>
-          <div className={styles.centeredAd}><Ad /></div>
           <Showcase />
           <OCSponsors />
         </HomeContent>

src/pages/index.js

@@ -121,13 +121,6 @@ h2.tagLine {
   }
 }
 
-.centeredAd {
-  display: flex;
-  justify-content: center;
-  min-height: 150px;
-  margin-bottom: 3em;
-}
-
 .buttons {
   display: flex;
   align-items: center;

src/pages/index.module.css

@@ -1,14 +1,10 @@
 import React from 'react';
 import DocSidebarItems from '@theme-original/DocSidebarItems';
-import Ad from '../../components/Ad';
 
 export default function DocSidebarItemsWrapper(props) {
   return (
     <>
       <DocSidebarItems {...props} />
-      <div style={{padding: '2ex 1ex'}}>
-        <Ad key={props.activePath} desktopOnly />
-      </div>
     </>
   );
 }