fixed article sizing and added email to NOR page

This commit is contained in:
Noah Swerhun 2023-09-10 01:18:33 -05:00
parent 930f1808d9
commit 2552a9facf
2 changed files with 32 additions and 25 deletions

View file

@ -23,27 +23,29 @@ const ArticlesLayout = ({ children }: Props) => {
}, []); }, []);
return ( return (
<div className="mx-auto mt-20 min-h-screen w-11/12 md:w-2/5"> <div className="min-h-screen w-full">
<Link href="/articles" className="my-5 block font-bold"> <div className="mx-auto w-11/12 py-24 md:w-2/5">
<ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "} <Link href="/articles" className="my-5 block font-bold">
View all Articles <ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "}
</Link> View all Articles
{children} </Link>
<Link href="/articles" className="my-5 block font-bold"> {children}
<ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "} <Link href="/articles" className="my-5 block font-bold">
View all Articles <ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "}
</Link> View all Articles
{isTopOfPage ? ( </Link>
<></> {isTopOfPage ? (
) : ( <></>
<button ) : (
onClick={() => window.scrollTo(0, 0)} <button
className="fixed bottom-0 right-0 m-3 mb-5 mr-5 flex flex-col items-center rounded-lg bg-primary-100 p-3 align-middle drop-shadow-md transition-all duration-300 hover:drop-shadow-xl md:right-1/4 md:mr-[-4rem]" onClick={() => window.scrollTo(0, 0)}
> className="fixed bottom-0 right-0 m-3 mb-5 mr-5 flex flex-col items-center rounded-lg bg-primary-100 p-3 align-middle drop-shadow-md transition-all duration-300 hover:drop-shadow-xl md:right-1/4 md:mr-[-4rem]"
<ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon> >
<div className="text-sm italic">To Top</div> <ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon>
</button> <div className="text-sm italic">To Top</div>
)} </button>
)}
</div>
</div> </div>
); );
}; };

View file

@ -1,3 +1,4 @@
import ArtLink from "@/components/ArtLink";
import CenterView from "@/components/CenterView"; import CenterView from "@/components/CenterView";
import ExtLearnMoreLink from "@/components/ExtLearnMoreLink"; import ExtLearnMoreLink from "@/components/ExtLearnMoreLink";
import NORBrain from "@/public/content/NOR_brain.png"; import NORBrain from "@/public/content/NOR_brain.png";
@ -27,11 +28,15 @@ const NOR = () => {
Read Dr. Feely's Paper on NOR [PDF] Read Dr. Feely's Paper on NOR [PDF]
</ExtLearnMoreLink> </ExtLearnMoreLink>
<h2>Want to learn more?</h2> <h2>Want to learn more?</h2>
<p> <p className="my-3">
Access to NOR content is only available to account holders. To Access to NOR content is only available to account holders.
request access, contact Dr. Feely at the link below. <br />
To request access, contact Dr. Feely at{" "}
<ArtLink href="mailto:rafeely@drfeely.com" divClasses="inline">
rafeely@drfeely.com
</ArtLink>
</p> </p>
<p>Already have an account?</p> <p className="my-10 font-bold">Already have an account?</p>
</div> </div>
<div className="basis-2/5"> <div className="basis-2/5">
<Image <Image