From 3bfabfba77982b9162a3062c040fa11306f33933 Mon Sep 17 00:00:00 2001
From: Matteo Lodi <30625432+mlodic@users.noreply.github.com>
Date: Sun, 27 Aug 2023 18:50:17 +0200
Subject: [PATCH 1/2] tweak

---
 components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index cc8821d..359c3ee 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -38,10 +38,10 @@ export function Header(props: Headerprops) {
               Features
             </Link>
             <Link
-              href="https://intelowlproject.github.io/"
+              href="https://intelowl.readthedocs.io/en/latest"
               className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
             >
-              Testimonials
+              Docs
             </Link>
             <Link
               href={"/blogs"}

From d834e0fa0c4259ea1145e6d7233d58ba69908922 Mon Sep 17 00:00:00 2001
From: Abheek Tripathy <abheek.tripathy@gmail.com>
Date: Mon, 28 Aug 2023 00:23:04 +0530
Subject: [PATCH 2/2] fix: header for mobile + feat: add author to blogs

---
 Blogs/gsoc23_project_summary.md |  1 +
 components/Header.tsx           | 30 +++++++++++++++---------------
 components/Slider.tsx           |  2 +-
 contentlayer.config.ts          |  1 +
 src/app/blogs/[slug]/page.tsx   |  5 ++++-
 5 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/Blogs/gsoc23_project_summary.md b/Blogs/gsoc23_project_summary.md
index 2c857dd..2fbc34f 100644
--- a/Blogs/gsoc23_project_summary.md
+++ b/Blogs/gsoc23_project_summary.md
@@ -2,6 +2,7 @@
 title: Frontend Improvements for Buffalogs, IntelOwl.
 date: 2023-08-27
 cover: /images/gsoclogo.png
+author: Abheek Tripathy
 ---
 
 Being a designer/frontend dev who knows a thing or two about security, IntelOwl seemed to be pretty intriguing to me with a very real use-case since the first time I was introduced to the project. I started contributing to it from December of 2022, mostly working on frontend issues opened up by Matteo.
diff --git a/components/Header.tsx b/components/Header.tsx
index cc8821d..c44df73 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -22,36 +22,36 @@ export function Header(props: Headerprops) {
     <>
       {blogsection ? (
         <div className="fixed z-50 w-full h-16 max-w-xs md:max-w-3xl -translate-x-1/2 rounded-full top-10 left-1/2 bg-[#1C1C1F] border-solid border border-[#29292d]">
-          <div className="grid h-full grid-cols-6 mx-auto items-center ml-6  ">
-            <Link href="https://intelowlproject.github.io/">
+          <div className=" md:grid h-full md:grid-cols-6 flex flex-row justify-between mx-auto items-center ml-6 ">
+            <Link href="/">
               <img
-                className=""
+                className="max-w-[100px] md:max-w-[110px]"
                 src="/images/intelowlwhite.png"
                 alt="intelowl logo"
               ></img>
             </Link>
 
             <Link
-              href="https://intelowlproject.github.io/"
-              className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
+              href="/#feature-section"
+              className="text-white font-SpaceGrotesk font-light hidden md:flex md:justify-center md:flex-row"
             >
               Features
             </Link>
             <Link
-              href="https://intelowlproject.github.io/"
-              className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
+              href="/#testimonial-section"
+              className="text-white font-SpaceGrotesk font-light hidden md:flex md:justify-center md:flex-row"
             >
               Testimonials
             </Link>
             <Link
               href={"/blogs"}
-              className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
+              className="text-white font-SpaceGrotesk font-light hidden md:flex md:justify-center md:flex-row"
             >
               Blogs
             </Link>
             <Link
               href="https://opencollective.com/intelowl-project/donate"
-              className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
+              className="text-white font-SpaceGrotesk font-light hidden md:flex md:justify-center md:flex-row"
             >
               Donate
             </Link>
@@ -88,10 +88,10 @@ export function Header(props: Headerprops) {
         </div>
       ) : (
         <div className="fixed z-50 w-full h-16 max-w-xs md:max-w-3xl -translate-x-1/2 rounded-full top-10 left-1/2 bg-[#1C1C1F] border-solid border border-[#29292d]">
-          <div className="grid h-full grid-cols-6 mx-auto items-center ml-6  ">
+          <div className=" md:grid h-full md:grid-cols-6 flex flex-row justify-between mx-auto items-center ml-6  ">
             <Link href="#hero-section" onClick={handleScroll}>
               <img
-                className=""
+                className="max-w-[100px] md:max-w-[110px]"
                 src="/images/intelowlwhite.png"
                 alt="intelowl logo"
               ></img>
@@ -99,25 +99,25 @@ export function Header(props: Headerprops) {
             <Link
               href="#feature-section"
               onClick={handleScroll}
-              className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
+              className="text-white font-SpaceGrotesk font-light hidden md:flex md:justify-center md:flex-row"
             >
               Features
             </Link>
             <Link
               href="https://intelowl.readthedocs.io/en/latest"
-              className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
+              className="text-white font-SpaceGrotesk font-light text-center hidden md:flex md:justify-center md:flex-row"
             >
               Docs
             </Link>
             <Link
               href="/blogs"
-              className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
+              className="text-white font-SpaceGrotesk font-light text-center hidden md:flex md:justify-center md:flex-row"
             >
               Blogs
             </Link>
             <Link
               href="https://opencollective.com/intelowl-project/donate"
-              className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
+              className="text-white font-SpaceGrotesk font-light text-center hidden md:flex md:justify-center md:flex-row"
             >
               Donate
             </Link>
diff --git a/components/Slider.tsx b/components/Slider.tsx
index 16d1d9a..1bf0762 100644
--- a/components/Slider.tsx
+++ b/components/Slider.tsx
@@ -19,7 +19,7 @@ export default function Slider(props: sliderProps) {
     <>
       {isTestimonial ? (
         <div id="testimonials-element" className="w-[90%]">
-          <div className="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
+          <div className="mx-auto max-w-screen-xl py-16 sm:px-6 lg:px-8">
             <Swiper
               spaceBetween={25}
               breakpoints={{
diff --git a/contentlayer.config.ts b/contentlayer.config.ts
index 95aca25..8343d78 100644
--- a/contentlayer.config.ts
+++ b/contentlayer.config.ts
@@ -7,6 +7,7 @@ export const Post = defineDocumentType(() => ({
     title: { type: 'string', required: true },
     date: { type: 'date', required: true },
     cover: { type: 'string', required: true },
+    author: { type: 'string', required: false }
   },
   computedFields: {
     url: { type: 'string', resolve: (post) => `/blogs/${post._raw.flattenedPath}` },
diff --git a/src/app/blogs/[slug]/page.tsx b/src/app/blogs/[slug]/page.tsx
index f211570..5ab5355 100644
--- a/src/app/blogs/[slug]/page.tsx
+++ b/src/app/blogs/[slug]/page.tsx
@@ -21,14 +21,17 @@ const PostLayout = ({ params }: { params: { slug: string } }) => {
   return (
     <>
       <Header blogsection={true}></Header>
-      <main className="h-full mx-16 md:mt-52 mt-28">
+      <main className="h-full md:mx-16 mx-5 md:mt-52 mt-28">
         <div className="mb-8 md:space-y-4">
+          <div className="flex flex-row justify-between items-center">
           <time
             dateTime={post.date}
             className="font-SpaceGrotesk text-white py-5 opacity-70 text-sm md:text-md mb-5 "
           >
             {format(parseISO(post.date), "LLLL d, yyyy")}
           </time>
+          <h3 className="font-SpaceGrotesk text-white py-5 opacity-90 text-sm md:text-md mb-5 ">By {post.author}</h3>
+          </div>
           <h1 className="text-white font-SpaceGrotesk font-bold text-3xl md:text-6xl pb-12">
             {post.title}
           </h1>