line height fix

nivedin · Oct 22, 2021 · 17f71ea · 17f71ea · vercel · Oct 22, 2021
1 parent 730e2ad
commit 17f71ea
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 23 deletions.
diff --git a/components/HeadTag.js b/components/HeadTag.js
@@ -3,6 +3,17 @@ import Head from "next/head";
 const HeadTag = ({ title }) => {
   return (
     <Head>
+      <link rel="manifest" href="/manifest.json" />
+      <meta
+        name="theme-color"
+        media="(prefers-color-scheme: light)"
+        content="#fff"
+      />
+      <meta
+        name="theme-color"
+        media="(prefers-color-scheme: dark)"
+        content="#111"
+      />
       <title>{title ? `${title} | Nivedin` : "Nivedin"}</title>
       <meta
         name="description"
@@ -40,17 +51,6 @@ const HeadTag = ({ title }) => {
       <link rel="apple-touch-icon" href="/favicon.ico" />
       <meta property="og:image" content="/nivedin_image-min.jpg" />
       <meta name="twitter:image" content="/nivedin_image-min.jpg" />
-      <link rel="manifest" href="/manifest.json" />
-      <meta
-        name="theme-color"
-        media="(prefers-color-scheme: light)"
-        content="#fff"
-      />
-      <meta
-        name="theme-color"
-        media="(prefers-color-scheme: dark)"
-        content="#111"
-      />
     </Head>
   );
 };

diff --git a/next.config.js b/next.config.js
@@ -4,7 +4,8 @@ const path = require("path");
 module.exports = withPWA({
   pwa: {
     dest: "public",
-    disable: false,
+    register: true,
+    skipWaiting: true,
   },
   sassOptions: {
     includePaths: [path.join(__dirname, "styles")],

diff --git a/pages/_document.js b/pages/_document.js
@@ -11,6 +11,17 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
+          <link rel="manifest" href="/manifest.json" />
+          <meta
+            name="theme-color"
+            media="(prefers-color-scheme: light)"
+            content="#fff"
+          />
+          <meta
+            name="theme-color"
+            media="(prefers-color-scheme: dark)"
+            content="#111"
+          />
           <meta
             name="description"
             content="✌️ Hey, I'm Nivedin P Suryan a Front End Developer working remotely for Digital Vault having 1.5 years of experience in web development,
@@ -37,17 +48,6 @@ class MyDocument extends Document {
           <link rel="apple-touch-icon" href="/favicon.ico" />
           <meta property="og:image" content="/nivedin_image-min.jpg" />
           <meta name="twitter:image" content="/nivedin_image-min.jpg" />
-          <link rel="manifest" href="/manifest.json" />
-          <meta
-            name="theme-color"
-            media="(prefers-color-scheme: light)"
-            content="#fff"
-          />
-          <meta
-            name="theme-color"
-            media="(prefers-color-scheme: dark)"
-            content="#111"
-          />
         </Head>
         <body>
           <Main />

diff --git a/styles/globals.scss b/styles/globals.scss
@@ -160,6 +160,11 @@ a {
     margin-left: 0;
   }
 }
+.animated-text-2 {
+  @media (max-width: 600px) {
+    margin-bottom: 16px;
+  }
+}
 
 .text-letters-1:hover {
   transform: translateY(-10px) !important;