Wrong image bug41

content/kubernetes-components-part_3.md

@@ -1,7 +1,7 @@
 ---
 
 title: Kubernetes Components
-subtitle: A at the building blocks in simple terms for quick understanding
+subtitle: A quick look at the building blocks in simple terms for quick understanding
 date: '2020-07-12'
 categories: ['kubernetes', 'devops', 'basics']
 keywords: ['kubernetes', 'devops', 'basics', 'series', 'part_3', 'components']

gatsby-config.js

@@ -21,7 +21,7 @@ module.exports = {
       'Technical Articles',
       'Programming Blog',
     ],
-    title: "Anit Shrestha Manandhar | Software Development Service | Blog",
+    title: "Blog By Anit Shrestha Manandhar",
     titleAlt: 'codeanit.com',
     description:
       "Anit is a hands-on code experienced software engineer who blogs and provides software development service.",
@@ -76,8 +76,8 @@ module.exports = {
     {
       resolve: `gatsby-plugin-manifest`,
       options: {
-        name: `Technical Blog by Anit Shrestha Manandhar.`,
-        short_name: `blog by codeanit`,
+        name: `Blog By Anit Shrestha Manandhar.`,
+        short_name: `Blog By Anit`,
         start_url: `/`,
         background_color: `#ffffff`,
         theme_color: `#ffffff`,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "codeanit.com",
   "author": "Anit Shrestha Manandhar @codeanit <[email protected]>",
-  "description": "Anit Shrestha Manandhar | Software Development Service | Blog",
+  "description": "Blog By Anit",
   "version": "0.5.0",
   "private": true,
   "scripts": {

src/components/Printer/index.js

@@ -108,17 +108,13 @@ const TitleWrapper = styled('div')`
   width: 800px;
 
   h1 {
-    min-height: 60px;
-    max-height: 60px;
     font-weight: 600;
     font-size: 42px;
-    line-height: 3px;
   }
 
   h2 {
     font-weight: bold;
     font-size: 30px;
-    line-height: 15px;
   }
 
   p {
@@ -135,8 +131,8 @@ const PrinterComponent = ( ogData ) => (
     <Matrix/>
     <TitleWrapper>
     <Logo height='150' width='150' />
-    <h2>{ ogData.subtitle }</h2>
     <h1>{ ogData.title }</h1>
+    <h2>{ ogData.subtitle }</h2>
     <p>Blog by Anit Shrestha Manandhar</p>
     <p>codeanit.com/blog/{ogData.slug}</p>
     </TitleWrapper>

src/pages/about.tsx

@@ -15,9 +15,8 @@ const AboutPage = () => {
         return (
           <MainBlock>
             <Seo />
+            <br/>
             <Box>
-              <br/>
-              <br/>
               <Heading fontSize={57} mb={3}>About Me</Heading>
               <p>I am Anit Shrestha Manandhar from Kathmandu, Nepal. I have completed my Bachelor's in Information Management from Tribhuvan University in 2009. I have completed a certification course Diploma in Information Technology from NIIT in 2003-2004.</p>
               <p>I have been working professionally as software engineer since 2007. I have worked mostly as an object oriented backend developer. I can code proficiently in Java, C#, PHP and JavaScript and I am improving my skills in Golang and TypeScript. Although I can work with frontend frameworks like React and Angular, I do not prefer to use the “Full Stack” tag. “Frontend” and “Backend” are two different worlds which would not mix easily and are difficult to live in at the same time. I strongly believe in the “DevOps” philosophy to automate the end to end processes by removing any bottlenecks in the discovery, design, development and delivery processes that require years of experience and expertise.</p>

src/pages/index.tsx

@@ -75,8 +75,6 @@ const IndexPage = ({ data, location }: Props) => {
           <MainBlock>
             <Seo />
             <br/>
-            <br/>
-            <br/>
             <Heading fontSize={33} mb={6}>Hello, World!</Heading>
             <Heading fontSize={57} mb={6}>
               <Link style={{ textDecoration: `none`, color: theme.dark ? `white` : `black`}} to={`/about`}>I am Anit Shrestha Manandhar.</Link>

src/templates/Blog.tsx

@@ -53,7 +53,7 @@ const Blog: React.FC<BlogProps> = (props) => {
         const { site } = layoutProps;
         const progressBarTarget = React.createRef<HTMLDivElement>();
         const parsedDate = new Date(Date.parse(date));
-        const SeoBanner = `/opengraph-images/${slugify(title)}.png`;
+        const SeoBanner = `/opengraph-images/${slug}.png`;
 
         return (
           <article className="h-entry">
@@ -66,7 +66,6 @@ const Blog: React.FC<BlogProps> = (props) => {
               date={date}
             />
             <br/>
-            <br/>
             <Hero id="top">
               <Heading fontSize={50} mb={1}>{title}</Heading>
               {subtitle ? <Heading fontSize={21} mb={2}>{subtitle}</Heading> : null}