add canonical

xHayden · Dec 8, 2023 · 9e148bf · 9e148bf
1 parent 28cecc6
commit 9e148bf
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 27 deletions.
diff --git a/blog/_layouts/base.njk b/blog/_layouts/base.njk
@@ -32,6 +32,11 @@
         gtag('js', new Date());
         gtag('config', 'G-GNKRNQ5K23');
         </script>
+        {% if canonical %}
+            <link rel="canonical" href={{ canonical }} />
+        {% elif slug %}
+            <link rel="canonical" href="https://hayden.gg/blog/{{ slug | slugify | url }}/" />
+        {% endif %}
     </head>
     <body>
         {% include "partials/_navigation.njk" %}

diff --git a/blog/pages/about.md b/blog/pages/about.md
@@ -7,6 +7,7 @@ o: 2
 description: I'm Hayden Carpenter. I'm an undergraduate student at The Georgia Institute of Technology in Atlanta, Georgia...
 date: 2023-07-22
 slug: about
+canonical: https://hayden.gg/blog/about/
 ---
 
 {% headers "About", ""%}

diff --git a/blog/pages/contact.md b/blog/pages/contact.md
@@ -7,6 +7,7 @@ o: 3
 description: How do you contact Hayden Carpenter? Hayden Carpenter's email address is [email protected].
 date: 2023-07-22
 slug: contact
+canonical: https://hayden.gg/blog/contact/
 ---
 
 {% headers "Contact", ""%}

diff --git a/blog/pages/index.njk b/blog/pages/index.njk
@@ -5,6 +5,7 @@ tags:
     - page
 o: 1
 slug: ""
+canonical: https://hayden.gg/blog/
 ---
 
 {% headers "Blog", "about things I find cool, usually cs related"%}

diff --git a/index.html b/index.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/favicon.ico" />
+    <link rel="canonical" href="https://hayden.gg/" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="I'm Hayden Carpenter, a Computer Science student at Georgia Tech with a focus on full-stack web development and AI. Explore my portfolio to learn about my work experience, projects, and ongoing passion for CS, AI, and Psychology.">
+    <meta name="description" content="I'm Hayden Carpenter, a Computer Science student and web developer at Georgia Tech with a focus on full-stack web development and AI.">
     <title>Hayden Carpenter</title>
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-GNKRNQ5K23"></script>

diff --git a/src/App.jsx b/src/App.jsx
@@ -19,35 +19,37 @@ function App() {
 
 
   return (
-    <div className="">
-      <div id="main-page" className='bg-primary text-primarytext min-h-screen sm:p-8 p-8 md:px-32 2xl:px-64 3xl:pt-6 3xl:px-96'>
-        <Navbar/>
-        <div className='pt-14 pb-24 md:pt-10 md:pb-12 sm:py-auto flex w-full gap-16 items-center'>
-          <div className='w-full flex flex-col gap-2 md:gap-8'>
-            <h1 className='text-3xl md:text-5xl xl:text-7xl font-bold'>I'm <span className='text-secondary'>Hayden Carpenter</span>.</h1>
-            <h2 className='text-2xl md:text-3xl xl:text-4xl font-thin' style={{"lineHeight": "1.25em"}}>
-              I'm a fullstack web developer studying Computer Science with a Psychology minor at <span className="text-secondary">Georgia Tech</span>.
-              I specialize in web app development, but I'm pursuing ways to make <span className="text-secondary">AI designed for humans</span>.
-            </h2>
+    <>
+      <div className="">
+        <div id="main-page" className='bg-primary text-primarytext min-h-screen sm:p-8 p-8 md:px-32 2xl:px-64 3xl:pt-6 3xl:px-96'>
+          <Navbar/>
+          <div className='pt-14 pb-24 md:pt-10 md:pb-12 sm:py-auto flex w-full gap-16 items-center'>
+            <div className='w-full flex flex-col gap-2 md:gap-8'>
+              <h1 className='text-3xl md:text-5xl xl:text-7xl font-bold'>I'm <span className='text-secondary'>Hayden Carpenter</span>.</h1>
+              <h2 className='text-2xl md:text-3xl xl:text-4xl font-thin' style={{"lineHeight": "1.25em"}}>
+                I'm a fullstack web developer studying Computer Science with a Psychology minor at <span className="text-secondary">Georgia Tech</span>.
+                I specialize in web app development, but I'm pursuing ways to make <span className="text-secondary">AI designed for humans</span>.
+              </h2>
+            </div>
           </div>
+          <div className="">
+              <Experiences/>
+          </div>
+          <div ref={projectsTypeTextRef} className='pb-2'>
+              <TypeText start={scrolledToProjects} text={[
+                {class: [''], text: "Some of the projects I've worked on..."}
+              ]} blinkingCursor={false}/>
+          </div>
+          <div className="">
+              <Projects/>
+          </div>
+          <div className='flex mt-16 2xl:mt-32 font-thin text-sm'>
+            <footer>Hayden Carpenter © {new Date().getFullYear().toString()}</footer>
+          </div>
+            <Contacts/>
         </div>
-        <div className="">
-            <Experiences/>
-        </div>
-        <div ref={projectsTypeTextRef} className='pb-2'>
-            <TypeText start={scrolledToProjects} text={[
-              {class: [''], text: "Some of the projects I've worked on..."}
-            ]} blinkingCursor={false}/>
-        </div>
-        <div className="">
-            <Projects/>
-        </div>
-        <div className='flex mt-16 2xl:mt-32 font-thin text-sm'>
-          <footer>Hayden Carpenter © {new Date().getFullYear().toString()}</footer>
-        </div>
-          <Contacts/>
       </div>
-    </div>
+    </>
   )
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,6 +5,7 @@ tags: @@
         - page
     o: 1
     slug: ""
+    canonical: https://hayden.gg/blog/
     ---
     {% headers "Blog", "about things I find cool, usually cs related"%}
@@ Expand Down @@