feat: add carbon

components/page-footer/carbon.scss

@@ -0,0 +1,62 @@
+#carbonads {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
+  Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  position: fixed;
+  bottom: 15px;
+  right: 20px;
+}
+
+#carbonads {
+  display: flex;
+  max-width: 330px;
+  background-color: hsl(0, 0%, 98%);
+  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
+}
+
+#carbonads a {
+  color: inherit;
+  text-decoration: none;
+}
+
+#carbonads a:hover {
+  color: inherit;
+}
+
+#carbonads span {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+#carbonads .carbon-wrap {
+  display: flex;
+}
+
+.carbon-img {
+  display: block;
+  margin: 0;
+  line-height: 1;
+}
+
+.carbon-img img {
+  display: block;
+}
+
+.carbon-text {
+  font-size: 13px;
+  padding: 10px;
+  line-height: 1.5;
+  text-align: left;
+}
+
+.carbon-poweredby {
+  display: block;
+  padding: 8px 10px;
+  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+  text-align: center;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: 600;
+  font-size: 9px;
+  line-height: 1;
+}

components/page-footer/index.js

@@ -1,6 +1,6 @@
-import Link from 'next/link';
-import siteConfig from "content/site";
-import { FooterWrap } from './style.js'
+import siteConfig from 'content/site';
+import { FooterWrap } from './style.js';
+import './carbon.scss';
 
 const PageFooter = () => (
   <FooterWrap className="border-top">
@@ -53,11 +53,13 @@ const PageFooter = () => (
       </div>
     </div>
 
+
     {/* Do not show on local */}
     { process.env.GA_SECRET && (
       <>
-        <div id="codefund"></div>
-        <script src="https://app.codefund.io/properties/681/funder.js" async></script>
+        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7DLK3Y&placement=roadmapsh" id="_carbonads_js"></script>
+        {/*<div id="codefund"></div>*/}
+        {/*<script src="https://app.codefund.io/properties/681/funder.js" async></script>*/}
       </>
     ) }
   </FooterWrap>

pages/guides/index.js

@@ -1,14 +1,14 @@
 import { faCodeBranch, faEnvelope } from '@fortawesome/free-solid-svg-icons/index';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
-import FeaturedGuide from 'components/featured-guide';
 import DefaultLayout from 'layouts/default/index';
 import PageHeader from 'components/page-header';
 import PageFooter from 'components/page-footer';
 import SiteNav from 'components/site-nav';
-import { getAllGuides } from 'lib/guide';
 import siteConfig from 'content/site';
 import Helmet from 'components/helmet';
+import { getAllGuides } from '../../lib/guide';
+import FeaturedGuide from '../../components/featured-guide';
 
 const PageTitle = "Programming Guides";
 const PageDescription = "Easy to follow guides on complex topics written and maintained by the community";

public/sitemap.xml

@@ -30,6 +30,12 @@
               <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/guides/ssl-tls-https-ssh</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2020-04-22T15:48:21.191Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 <url>
               <loc>https://roadmap.sh/guides/asymptotic-notation</loc>
               <changefreq>monthly</changefreq>
@@ -48,6 +54,12 @@
               <lastmod>2020-03-14T15:48:21.191Z</lastmod>
               <priority>1.0</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/guides/scaling-databases</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2020-02-18T15:48:21.191Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 <url>
               <loc>https://roadmap.sh/guides/what-is-internet</loc>
               <changefreq>monthly</changefreq>