From 7eaa3b997be7d04dc3d238e76e30b576a86adfe7 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Sat, 10 Feb 2024 19:59:15 -0800
Subject: [PATCH] adjust profile layout

---
 .eslintrc.json                   |  5 ++++-
 src/app/author/[author]/page.tsx | 16 ++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index bffb357..f0f3abe 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,3 +1,6 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "@next/next/no-img-element": "off"
+  }
 }
diff --git a/src/app/author/[author]/page.tsx b/src/app/author/[author]/page.tsx
index bdcf410..71555fe 100644
--- a/src/app/author/[author]/page.tsx
+++ b/src/app/author/[author]/page.tsx
@@ -29,6 +29,12 @@ export default function Page({
         <Link href={`/affiliation/${mainAffiliationShort}`}>
           {mainAffiliation.name}
         </Link>
+
+        {authorData.website ? (
+          <div className='mt-2'>
+            Visit at: <a href={authorData.website}>{authorData.website}</a>
+          </div>
+        ) : null}
       </>
     )
   }
@@ -100,12 +106,6 @@ export default function Page({
     return (
       <>
         <h1 className='text-3xl md:my-6 my-4 font-serif'>Bio:</h1>
-        {authorData.website ? (
-          <h2 className='mb-4 text-lg'>
-            You can visit me at:{' '}
-            <a href={authorData.website}>{authorData.website}</a>
-          </h2>
-        ) : null}
         <p>{authorData.bio}</p>
       </>
     )
@@ -122,14 +122,14 @@ export default function Page({
           />
         </div>
         <div>
-          <div className='grid grid-cols-1 grid-rows-2 mx-auto gap-y-3 sm:max-w-[60vw]'>
+          <div>
             <span
               className={`${zillaSlab.className} font-bold text-5xl text-center md:text-left`}
             >
               {name.first}
               {name.nickname ? ` "${name.nickname}"` : null} {name.last}
             </span>
-            <div className='text-slate-600 text-md sm:text-lg'>
+            <div className='text-slate-600 text-md sm:text-lg mt-4'>
               <MainPosition />
             </div>
           </div>