Fix for bookmark card, page hero, spacing on subscribe

Author: thandaanda

example/gatsby-config.js

@@ -101,11 +101,11 @@ module.exports = {
           siteDescription:
             "Lightning fast, secure front-end for your WordPress or Ghost blog, without coding.",
           language: "en",
-          logoUrl: "",
+          logoUrl: "logo.svg",
           iconUrl:
             "https://ghost.theasdfghjkl.com/content/images/2020/05/draftbox-colored-icon.png",
-          coverUrl: "cover.png",
-          alternateLogoUrl: "",
+          coverUrl: "cover.jpg",
+          alternateLogoUrl: "alternateLogo.svg",
           themeConfig: {
             variables: [
               { varName: "--accent-color", value: "#6166DC" },

gatsby-ghost-novela-theme/src/components/BookmarkCard/BookmarkCard.tsx

@@ -13,7 +13,7 @@ const BookmarkCard = (props) => {
       rel="norefferer noopener"
     >
       <BookmarkContent>
-        <Heading.h3>{props.title}</Heading.h3>
+        <BookmarkHeading>{props.title}</BookmarkHeading>
         <BookmarkDescription>{props.description}</BookmarkDescription>
         <BookmarkMeta>
           {props.author !== "undefined" && (
@@ -141,4 +141,8 @@ const ThumbnailImage = styled.img`
   `};
 `;
 
+const BookmarkHeading = styled(Heading.h3)`
+  font-size: 20px;
+`;
+
 export default BookmarkCard;

gatsby-ghost-novela-theme/src/sections/article/Article.Share.tsx

@@ -52,8 +52,15 @@ const ArticleShare: React.FC<{}> = () => {
        */
       setTimeout(() => {
         const article = document.getElementsByTagName("article")[0];
-        const paragraphOffset = document.getElementsByTagName("p")[0]
-          .offsetLeft;
+        let paragraphOffset = 0;
+        if (
+          document.getElementsByTagName("p") &&
+          document.getElementsByTagName("p").length >= 0
+        ) {
+          paragraphOffset = document.getElementsByTagName("p")[0].offsetLeft;
+        }
+        
+          
 
         if (!article) return;
 

gatsby-ghost-novela-theme/src/sections/page/Page.Hero.tsx

@@ -24,7 +24,6 @@ const siteSettingsQuery = graphql`
 
 const siteSettings = useStaticQuery(siteSettingsQuery);
 const logoUrl = siteSettings.site.siteMetadata.logoUrl;
-console.log(logoUrl, 'logoUrl');
 
 const PageHero: React.FC<ArticleHeroProps> = ({ article }) => {
   const hasHeroImage =

gatsby-ghost-novela-theme/src/templates/articles.template.tsx

@@ -27,9 +27,11 @@ const ArticlesPage: Template = ({ location, pageContext }) => {
           <Paginator {...pageContext} />
         </ArticlesPaginator>
       </Section>
+      <SubscriptionMargin show={pageContext.pageCount == 1}>
       <Subscription
         home="true"
       />
+      </SubscriptionMargin>
       <ArticlesGradient />
     </Layout>
   );
@@ -58,3 +60,11 @@ const ArticlesPaginator = styled.div<{ show: boolean }>`
       justify-content: center;
     `};
 `;
+
+const SubscriptionMargin = styled.div<{show: boolean}>`
+  ${(p) => p.show && `margin-top: 80px;`}
+
+  ${mediaqueries.tablet`
+    margin-top:50px;
+  `}
+`;

gatsby-ghost-novela-theme/src/utils/handlers.js

@@ -21,6 +21,7 @@ function audio(h, node) {
 
 
 function figure(h, node) {
+
   if (
     node.properties &&
     node.properties.className &&
@@ -32,6 +33,14 @@ function figure(h, node) {
       url: node.properties.href,
     };
     visit(node, function(node) {
+      if (
+        node.properties &&
+        node.properties.className &&
+        node.properties.className.includes("kg-bookmark-container") &&
+        node.tagName == "a"
+      ) {
+        boomarkCardData.url = node.properties.href;
+      }
       if (
         node.properties &&
         node.properties.className &&