noah/drfeely.com
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

home page final finished

Browse source
This commit is contained in:
Noah Swerhun 2023-07-27 19:36:41 -05:00
parent 2477c433dc
commit 3c91f6138e
4 changed files with 128 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

116
app/views/Accomplishments.tsx
View file

@ -1,16 +1,18 @@
const Accomplishments = () => { const Accomplishments = () => {
const cardClass = "m-3"; const cardClass =
" overflow-hidden border-style-double border-primary-500 border-2 bg-primary-100 rounded-md drop-shadow-sm flex items-center bg-opacity-75 ";
return ( return (
<section className="text-primary-500 overflow-hidden" id="accomplishments"> <section className="text-primary-500 overflow-hidden" id="accomplishments">
<div className="min-h-screen w-full bg-primary-300 flex items-center"> <div className="min-h-screen w-full bg-primary-300 flex items-center relative z-[-2]">
<div className="w-11/12 lg:w-5/6 mx-auto flex flex-col"> <div className="w-11/12 lg:w-5/6 mx-auto flex flex-col">
<h2 className="font-cormorant text-5xl mb-8 mt-16 md:mt-20 text-left"> <h2 className="font-cormorant text-5xl my-16 md:mt-32 text-left">
Not only a caring physician... Not only a caring physician...
</h2> </h2>
<div className="flex flex-col md:flex-row items-center justify-between"> <div className="grid md:grid-rows-2 md:grid-cols-6 md:gap-8 gap-y-3 gap-x-1 w-full">
<div className="basis-6/12"> <div className={cardClass + "col-span-3"}>
<div className={cardClass}> <div className="relative">
<div className="p-3"> <div className="before:absolute before:-left-64 before:-top-64 before:z-[-1] before:content-textAccent2">
<div className="p-6">
<h3 className="font-bold">Professional Experience</h3> <h3 className="font-bold">Professional Experience</h3>
<ul className="list-[square] ml-8"> <ul className="list-[square] ml-8">
<li> <li>
@ -19,23 +21,29 @@ const Accomplishments = () => {
</li> </li>
<li> <li>
<i>President </i>of{" "} <i>President </i>of{" "}
<a href="https://www.ommtests.com" className="underline"> <a
href="https://www.ommtests.com"
className="underline"
>
OMMtests.com OMMtests.com
</a>{" "} </a>{" "}
and{" "} and{" "}
<a href="https://www.tcmtests.com" className="underline"> <a
href="https://www.tcmtests.com"
className="underline"
>
TCMtests.com TCMtests.com
</a> </a>
, test-prep sites for osteopathic doctors and , test-prep sites for osteopathic doctors and
accupuncturists, respectively. accupuncturists, respectively.
</li> </li>
<li> <li>
<i>Registered Investment Adviser</i> at Womack Investment <i>Registered Investment Adviser</i> at Womack
Advisers. Investment Advisers.
</li> </li>
<li> <li>
<i>National Director of Quality Management</i> at American <i>National Director of Quality Management</i> at
WholeHealth. American WholeHealth.
</li> </li>
<li> <li>
<i>President</i> of Rhema Medical Associates. <i>President</i> of Rhema Medical Associates.
@ -43,14 +51,19 @@ const Accomplishments = () => {
</ul> </ul>
</div> </div>
</div> </div>
<div className={cardClass}> </div>
<div className="p-3"> </div>
<div className={cardClass + "col-span-3"}>
<div className="relative">
<div className="before:absolute before:-right-64 before:-top-64 before:z-[-1] before:content-textAccent2">
<div className="p-6">
<h3 className="font-bold ">Board Certifications</h3> <h3 className="font-bold ">Board Certifications</h3>
<ul className="list-[square] ml-8"> <ul className="list-[square] ml-8">
<li>American Board of Medical Acupuncture.</li> <li>American Board of Medical Acupuncture.</li>
<li> <li>
American Board of Quality Assurance and Utilization Review American Board of Quality Assurance and Utilization
Physicians. Review Physicians.
</li> </li>
<li> <li>
American Osteopathic Board of Special Proficiency in American Osteopathic Board of Special Proficiency in
@ -61,15 +74,18 @@ const Accomplishments = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="basis-6/12"> </div>
<div className={cardClass}>
<div className="p-3"> <div className={cardClass + "col-span-3"}>
<div className="relative">
<div className="before:absolute before:-left-64 before:-bottom-64 before:z-[-1] before:content-textAccent2">
<div className="p-6">
<h3 className="font-bold">Academic Appointments</h3> <h3 className="font-bold">Academic Appointments</h3>
<ul className="list-[square] ml-8"> <ul className="list-[square] ml-8">
<li> <li>
<i> <i>
Clinical Associate Professor of Osteopathic Manipulative Clinical Associate Professor of Osteopathic
Medicine. Manipulative Medicine.
</i>{" "} </i>{" "}
at Chicago College of Osteopathic Medicine/Midwestern at Chicago College of Osteopathic Medicine/Midwestern
University Medicine. University Medicine.
@ -85,39 +101,45 @@ const Accomplishments = () => {
</ul> </ul>
</div> </div>
</div> </div>
<div className={cardClass}> </div>
<div className="p-3"> </div>
<h3 className="font-bold">Publications & Lectures</h3>
<ul className="list-[square] ml-8"> <div className={cardClass + "h-48 justify-center"}>
<li> <div className="flex flex-col items-center p-6">
3 books written: <div className="text-2xl font-bold">3</div>
<ul className="list-[square] ml-8"> <div className="text-center">books written</div>
<li> </div>
<i> </div>
Yamamoto New Scalp Acupuncture (YNSA): Principles <div className={cardClass + "h-48 justify-center"}>
and Practice <div className="flex flex-col items-center p-6">
</i> <div className="text-2xl font-bold">9</div>
, 1st ed. and 2nd ed. <div className="text-center">articles & abstracts</div>
</li> </div>
<li> </div>
<i>Clinical Cranial Osteopathy: Selected Readings</i> <div className={cardClass + "h-48 justify-center"}>
</li> <div className="relative">
</ul> <div className="before:absolute before:-right-128 before:-bottom-64 before:z-[-1] before:content-textAccent2">
</li> <div className="flex flex-col items-center p-6 ">
<li>4 articles in prestigious medical journals.</li> <div className="text-2xl font-bold">76</div>
<li>Nearly 80 lectures given.</li> <div className="text-center">lectures given</div>
</ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<h2 className="font-cormorant text-5xl my-8 text-right"> </div>
<div className="relative">
<div className="before:absolute lg:before:content-textAccent4 before:z-[-1] before:-right-12 before:top-8 ">
<h2 className="font-cormorant text-5xl my-16 text-right">
...an{" "} ...an{" "}
<span className="text-primary-100">accomplished professional.</span> <span className="text-primary-100">
accomplished professional.
</span>
</h2> </h2>
</div> </div>
</div> </div>
<div className="bg-primary-100items-center m-3 flex justify-between flex-wrap"> </div>
</div>
<div className="bg-primary-100 items-center my-3 mx-8 flex justify-center md:justify-between flex-wrap">
<img <img
src="/feelycenter.png" src="/feelycenter.png"
alt="Feely Center Logo" alt="Feely Center Logo"

4
components/Footer.tsx
View file

@ -1,8 +1,8 @@
const Footer = () => { const Footer = () => {
return ( return (
<footer className="w-full bg-neutral-800 text-neutral-300"> <footer className="w-full bg-neutral-800 text-neutral-300">
<div className="px-6 py-12"> <div className="w-11/12 lg:w-5/6 mx-auto py-12">
<div className="flex justify-evenly gap-10 flex-col ml-8 md:m-0 md:flex-row"> <div className="grid md:grid-cols-5 gap-12 ml-8 md:m-0 md:flex-row">
<div className=""> <div className="">
<h3 className="text-xl font-bold">Home</h3> <h3 className="text-xl font-bold">Home</h3>
<ul className="text-sm"> <ul className="text-sm">

BIN
public/text_accent_4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 609 B

1
tailwind.config.js
View file

@ -56,6 +56,7 @@ module.exports = {
textAccent2: "url('/text_accent_2.png')", textAccent2: "url('/text_accent_2.png')",
quote: "url('/quote.png')", quote: "url('/quote.png')",
textAccent3: "url('/text_accent_3.png')", textAccent3: "url('/text_accent_3.png')",
textAccent4: "url('/text_accent_4.png')",
}, },
}, },
}, },