update meta info

src/components/Footer.js

@@ -13,7 +13,7 @@ const footer = () => {
 const Footer = styled.footer`
     height: 4vh;
     color: white;
-    font-size: 0.6rem;
+    font-size: 12px;
     position: absolute;
     bottom: 0;
     width: 100%;

src/components/Layout.js

@@ -7,6 +7,7 @@ import CookieConsent from 'react-cookie-consent';
 import { useLocation } from '@reach/router';
 import { initializeAndTrack } from 'gatsby-plugin-gdpr-cookies';
 import GlobalStyles from '../style/GlobalStyles';
+import { Helmet } from 'react-helmet';
 
 const Layout = ({ children }) => {
     const data = useStaticQuery(graphql`
@@ -61,6 +62,10 @@ const Layout = ({ children }) => {
 
     return (
         <>
+            <Helmet>
+                <meta name="description" content="Explore Berta Matuliauskiene's impressive portfolio and discover her coding expertise on berta.codes website." />
+                <meta name="keywords" content="bertacodes, berta.codes, berta matuliauskiene" />
+            </Helmet>
             <GlobalStyles />
             <section style={sectionStyle}>
                 <Header siteTitle={data.site.siteMetadata.title} />

src/components/common/HomePageLogo.js

@@ -14,11 +14,11 @@ const Description = styled.div`
     margin: 0 auto;
     text-transform: uppercase;
     letter-spacing: 9px;
-    padding-left: 11px;
-    font-size: 11px;
+    padding-left: 12px;
+    font-size: 12px;
     padding-bottom: 10px;
     @media (max-width: 768px) {
-        font-size: 11px;
+        font-size: 12px;
         margin: 0 auto;
         padding-left: 11px;
     }

src/components/common/Logo.js

@@ -38,7 +38,7 @@ const LogoDesign = styled(Link)`
 
 const DescriptionText = styled.p`
     font-weight: 300;
-    font-size: 0.7rem;
+    font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 3px;
     text-align: center;
@@ -50,7 +50,7 @@ const DescriptionText = styled.p`
         top: 12vh;
         left: 0;
         right: -5vw;
-        font-size: 0.6rem;
+        font-size: 12px;
     }
 `;
 

src/pages/blog.js

@@ -153,22 +153,22 @@ const Title = styled.header`
 `;
 const ByDate = styled.p`
     color: rgba(0, 0, 0, 0.4);
-    font-size: 0.8rem;
+    font-size: 12px;
     padding: 0 1rem;
     font-weight: 200;
     margin: 0;
     margin-top: -1rem;
 `;
 const Intro = styled.p`
     text-align: justify;
-    font-size: 0.8rem;
+    font-size: 12px;
     padding: 0 1rem;
     margin: 0;
 `;
 const ReadMore = styled(Link)`
     text-decoration: none;
     color: rgb(255, 51, 51);
-    font-size: 0.8rem;
+    font-size: 12px;
     padding: 1rem;
     line-height: 1;
 `;
@@ -184,13 +184,13 @@ const BlogMenu = styled.aside`
     }
 `;
 const HelloMessage = styled.small`
-    font-size: 0.8rem;
+    font-size: 12px;
     text-transform: uppercase;
     font-weight: 100;
 `;
 const PostsList = styled.ul`
     list-style: none;
-    font-size: 0.8rem;
+    font-size: 12px;
     font-weight: 300;
     line-height: 1.2;
     text-transform: uppercase;

src/pages/projects.js

@@ -136,7 +136,7 @@ const ProjectsContainer = styled.section`
     }
 `;
 const ProjectData = styled.section`
-    font-size: 0.7rem;
+    font-size: 12px;
     text-transform: uppercase;
 `;
 const DeploymentLink = styled.a`
@@ -145,15 +145,15 @@ const DeploymentLink = styled.a`
     border-radius: 3px;
     color: white;
     background: red;
-    font-size: 0.65rem;
+    font-size: 12px;
 `;
 const GithubLinkProject = styled.a`
     padding: 0.2rem;
     text-decoration: none;
     border-radius: 3px;
     color: white;
     background: black;
-    font-size: 0.65rem;
+    font-size: 12px;
 `;
 const ProjectImage = styled(GatsbyImage)`
     margin: 0 auto;
@@ -165,7 +165,7 @@ const ProjectImage = styled(GatsbyImage)`
     box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.54);
 `;
 const ReadMore = styled(Link)`
-    font-size: 0.7rem;
+    font-size: 12px;
     color: red;
     text-decoration: none;
 `;

src/style/layout.css

@@ -284,7 +284,7 @@ h5 {
   margin-bottom: 1.45rem;
   font-weight: bold;
   text-rendering: optimizeLegibility;
-  font-size: 0.85028rem;
+  font-size: 12px;
   line-height: 1.1;
 }
 h6 {
@@ -298,7 +298,7 @@ h6 {
   margin-bottom: 1.45rem;
   font-weight: bold;
   text-rendering: optimizeLegibility;
-  font-size: 0.78405rem;
+  font-size: 12px;
   line-height: 1.1;
 }
 hgroup {

src/templates/blog-template.js

@@ -98,15 +98,15 @@ const Title = styled.header`
 const DateBy = styled.small`
     font-weight: 600;
     color: rgb(255, 51, 51);
-    font-size: 0.6rem;
+    font-size: 12px;
 `;
 const Text = styled.p`
     padding-top: 1rem;
-    font-size: 0.8rem;
+    font-size: 12px;
     text-align: justify;
 `;
 const LinkBack = styled(Link)`
     text-decoration: none;
-    font-size: 0.9rem;
+    font-size: 12px;
     color: salmon;
 `;

src/templates/project-template.js

@@ -57,7 +57,7 @@ const Container = styled.section`
     box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.54);
     text-align: center;
     background: rgba(211, 211, 211, 0.1);
-    font-size: 0.8rem;
+    font-size: 12px;
     @media (min-width: 768px) {
         width: 40vw;
         height: 90vh;