Merge pull request #579 from ethereum-push-notification-service/576-f…

…ix-docs-homepage

Fix Docs Homepage Template Hover issues

blog/2022-02-16-epns-and-lifi-team-up/index.md → blog/2022-02-16-epns-and-lifi/index.md

@@ -1,27 +1,22 @@
 ---
 slug: epns-and-lifi-team-up
-title: 'EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications'
-description: 'EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications'
+title: 'EPNS and LiFi Team Up To Improve User Experience Through Push Notifications'
+description: 'EPNS and LiFi Team Up To Improve User Experience Through Push Notifications'
 authors: [push]
 image: './cover-image.webp'
-text: "Despite its monumental success over the past couple of years, the decentralized finance (DeFi) industry still largely remains to be fragmented. Every blockchain network within the industry seems to have created walled gardens for themselves that make it difficult for users to bypass. As a result, users are usually stuck with funds on a single blockchain network, preventing them from taking advantage of opportunities across different chains."
-tags: [ Newsletter
-,Epnsproject
-,Defi
-,Ethereum
-,Blockchain]
+text: "Despite its monumental success over the past couple of years, the decentralized finance (DeFi) industry still largely remains to be fragmented. Every blockchain network within the industry seems to have created walled gardens for themselves that make it difficult for users to bypass."
+tags: [ Newsletter,Epnsproject,Defi,Ethereum,Blockchain]
 ---
-import { ImageText } from '@site/src/css/SharedStyling';
 
-![Cover image of EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications](./cover-image.webp)
+![Cover image of EPNS and LiFi Team Up To Improve User Experience Through Push Notifications](./cover-image.webp)
 
 <!--truncate-->
 
 Despite its monumental success over the past couple of years, the decentralized finance (DeFi) industry still largely remains to be fragmented. Every blockchain network within the industry seems to have created walled gardens for themselves that make it difficult for users to bypass. As a result, users are usually stuck with funds on a single blockchain network, preventing them from taking advantage of opportunities across different chains.
 
 This creates a lackluster user experience, hindering the full potential of DeFi and thereby its mainstream adoption. Having recognized this problem, Li.Fi, an emergent DeFi protocol, created a robust way for users to experience interoperability within DeFi. As such, we’re pleased to announce our pilot collaboration with Li.Fi to provide a means of communication between the protocol and users.
 
-### How Li.Fi Can Benefit from EPNS
+### How LiFi Can Benefit from EPNS
 
 Li.Fi is a cross-chain bridge aggregator protocol that allows users to swap any token for another, irrespective of their native blockchain networks. The protocol chooses the best possible bridge to move funds from one chain to the other by connecting to DEXs on both sides. This means that by simply integrating the Li.Fi SDK and API, dApps and protocols in DeFi can allow users to bypass the walled gardens of blockchain networks to conduct transactions.
 
@@ -36,8 +31,7 @@ Through our pilot partnership with Li.Fi, we aim to provide a way for the protoc
 
 As Li.Fi strives to bridge the gaps between blockchain networks, we are pleased to have partnered with them on this journey and hope to be an integral part of their operations.
 
-**About Li.Fi**
-===============
+### About LiFi
 
 Li.Fi is a cross-chain bridge aggregation protocol that supports any-2-any cross-chain swaps by aggregating bridges and connecting them to DEXes and DEX aggregators.
 

src/components/DocsHub/index.tsx

@@ -123,11 +123,18 @@ function TechDocItem({ title, srcref, alt, description, codeblock, link, target
           </ItemV>
 
         {content == 1 && codeblock && 
+        <Div onClick={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}>
           <TechDocCodeBlock
             language="jsx"
+
+
           >
             {codeblock}
           </TechDocCodeBlock>
+          </Div>
         }
       </TechDocContent>
     </TechDocCard>
@@ -743,4 +750,6 @@ const PushSdkContentTitle = styled(Span)`
 const PushSdkContentArrow = styled(Span)`
   display: flex;
   align-items: center;
-`
+`
+const Div = styled.div`
+`;

src/theme/BlogPostPage/index.js

@@ -34,6 +34,8 @@ function BlogPostPageContent({ allPosts, post, children }) {
     toc_max_heading_level: tocMaxHeadingLevel,
   } = frontMatter;
 
+  console.log(metadata, "metatatataa");
+
   return (
     <BlogLayout
       toc={