fixes blogish

Author: avb-is-me

src/css/blog.scss

@@ -13,7 +13,7 @@
   background-color: white;
 }
 
-[itemprop="blogPost"] {
+.blog-wrapper {
   header {
     display: none;
   }
@@ -23,15 +23,17 @@
 //   color: white !important;
 // }
 
-[itemprop="articleBody"] {
-  display: flex;
-  flex-direction: column;
-  li {
-    margin-bottom: 1rem;
-  }
-}
+
 .blog-post-page {
 
+  #__blog-post-container {
+    display: flex;
+    flex-direction: column;
+    li {
+      margin-bottom: 1rem;
+    }
+  }
+
   @include conditional-styles("col--2");
   .row {
     justify-content: flex-start !important;
@@ -50,19 +52,22 @@
 
 
 
-  // li {
-  //   list-style: auto !important;
-  // }
+  li {
+    list-style: auto !important;
+  }
 
   .table-of-contents {
     display: none;
   }
 
-  p {
-    font-size: 18px;
+  .dev-docs-blog {
+    p {
+      font-size: 18px;
+    }
   }
 
 
+
   .blog-header-title-card {
     line-break: strict;
     white-space: normal; // or pre-wrap to preserve white spaces
@@ -145,6 +150,8 @@
     min-width: 100vw !important;
   }
 
+
+
   .blog-header-title-card {
     line-break: strict;
     height: 40vh !important;
@@ -179,7 +186,7 @@
     }
   }
 
-  [itemtype="http://schema.org/BlogPosting"]
+  article
   {
     margin-bottom: 2em !important;
     padding-bottom: 0px !important;
@@ -211,10 +218,9 @@
         }
       }
 
-      > *:not(.blog-header-title-card) {
+      .dev-docs-blog {
         display: none;
-        // styles for all children except the one with the class "exclude-child"
       }
     }
   }
-}
+}

src/theme/MDXContent/index.js

@@ -4,7 +4,7 @@ import MDXContent from "@theme-original/MDXContent";
 import TracingBeam from "@site/src/components/tracing-beam";
 import svgToDataUri from "mini-svg-data-uri";
 import { BackgroundGradientAnimation } from "@site/src/components/background-gradient-animation";
-import { useHistory } from "@docusaurus/router";
+
 
 export default function MDXContentWrapper(props) {
   let image = `url("${svgToDataUri(
@@ -17,9 +17,11 @@ export default function MDXContentWrapper(props) {
     history.push("/docs/another-page");
   };
 
+  console.log("bloggging", props?.children?.type?.metadata)
+
   return (
     <>
-      {props?.children?.type?.metadata?.title ? (
+      {props?.children?.type?.metadata?.source.includes("@site/blog") ? (
         <>
           <BackgroundGradientAnimation
             lightImage={props?.children?.type?.frontMatter?.light_image}
@@ -43,13 +45,13 @@ export default function MDXContentWrapper(props) {
           >
             <h1 style={{ color: props?.children?.type?.frontMatter?.text_color}}>
               <a style={{ color: props?.children?.type?.frontMatter?.text_color}} href={props.children.type.metadata.permalink}>
-                {props.children.type.metadata.title}
+                {props.children.type.metadata.title || "yo"}
               </a>
             </h1>
             <h3
               style={{ paddingLeft: "1vw", fontSize: "16px", fontWeight: 400, color: props?.children?.type?.frontMatter?.text_color }}
             >
-              {props.children.type.metadata.authors.length > 0 &&
+              {props?.children?.type?.metadata?.authors?.length > 0 &&
                 props.children.type.metadata.authors.map((item, index) => (
                   <span style={{color: props?.children?.type?.frontMatter?.text_color}} key={index}>{" " + item.name + ","}</span>
                 ))}
@@ -58,7 +60,7 @@ export default function MDXContentWrapper(props) {
               <span style={{color: props?.children?.type?.frontMatter?.text_color}}>{Math.ceil(props.children.type.metadata.readingTime * 10) / 1} min</span>
             </h3>
             <div className="flex flex-row items-center mb-10 w-full">
-              {props.children.type.metadata.authors.map((item, index) => (
+              {props?.children?.type?.metadata.authors?.map((item, index) => (
                 <div className="pl-2">
                   <img
                     className="author-avatar"
@@ -68,7 +70,7 @@ export default function MDXContentWrapper(props) {
                 </div>
               ))}
               <div className="pl-6">
-                {props.children.type.metadata.authors.length > 0 &&
+                {props?.children?.type?.metadata?.authors?.length > 0 &&
                   props.children.type.metadata.authors.map((item, index) => (
                     <span style={{color: props?.children?.type?.frontMatter?.text_color}} key={index}>
                     {" " + item.name + (index < props.children.type.metadata.authors.length - 1 ? "," : "")}
@@ -77,15 +79,17 @@ export default function MDXContentWrapper(props) {
               </div>
             </div>
           </BackgroundGradientAnimation>
-          <MDXContent style={{ backgroundImage: image }} {...props} />
+          <div className="dev-docs-blog">
+            <MDXContent style={{ backgroundImage: image }} {...props} />
+          </div>
         </>
       ) : (
         <TracingBeam>
-          <div>
+          <div id="tracing-beam">
             <MDXContent style={{ backgroundImage: image }} {...props} />
           </div>
         </TracingBeam>
       )}
     </>
   );
-}
+}