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

finished articles page + fixed ATSU pic

Browse source
This commit is contained in:
Noah Swerhun 2023-09-09 22:55:42 -05:00
parent ae6a231944
commit 26375cad44
5 changed files with 335 additions and 210 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
website/app/(pages)/articles/views/ArtsForDocs.tsx
View file

@ -1,66 +1,88 @@
import View from "@/components/View"; import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid"; import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import ArtLink from "@/components/ArtLink"; import ArtLink from "@/components/ArtLink";
import CenterView from "@/components/CenterView";
import docWithClip from "@/public/content/doctor_w_clipboard.jpg";
import Image from "next/image";
const ArtsForDocs = () => { const ArtsForDocs = () => {
return ( return (
<View <CenterView
bg_color="bg-primary-500" bg_color="bg-primary-500"
txt_color="text-primary-100" txt_color="text-primary-100"
id="artsfordocs" id="artsfordocs"
> >
<h1> <div className="flex flex-col items-center justify-around md:flex-row">
<em>For Doctors</em> <div className="basis-2/5">
</h1> <h1>For Doctors</h1>
<div className="my-10"> <div className="flex flex-col md:flex-row">
<div>
<h2>Osteopathy</h2> <h2>Osteopathy</h2>
<div className="mx-3 my-5"> <div className="mx-3 my-5">
<div className="font-bold">Articles</div> <div className="font-bold">Articles</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink <ArtLink
href="/articles/osteopathic-head-pain" href="/articles/osteopathic-head-pain"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Head Pain Head Pain
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/neural-biological-mechanisms" href="/articles/neural-biological-mechanisms"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Neural Biological Mechanisms Neural Biological Mechanisms
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/intervertebral-disc-herniation" href="/articles/intervertebral-disc-herniation"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
The Basics of Intervertebral Disc Herniation The Basics of Intervertebral Disc Herniation
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/cranial-manipulation" href="/articles/cranial-manipulation"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Cranial Manipulation Cranial Manipulation
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/the-trauma-of-birth" href="/articles/the-trauma-of-birth"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
The Trauma of Birth The Trauma of Birth
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
<div className="mx-3 my-5"> <div className="mx-3 my-5">
<div className="font-bold">Resources</div> <div className="font-bold">Resources</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink <ArtLink
href="/articles/feelys-osteopathic-dictionary" href="/articles/feelys-osteopathic-dictionary"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Feely's Abridged Osteopathic Dictionary Feely's Abridged Osteopathic Dictionary
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/omt-codes" href="/articles/omt-codes"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
OMT Codes OMT Codes
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/content/doctor-resources/drg_omt_chart.pdf" href="/content/doctor-resources/drg_omt_chart.pdf"
target="_blank" target="_blank"
@ -69,27 +91,37 @@ const ArtsForDocs = () => {
DRG/OMT Chart [PDF]{" "} DRG/OMT Chart [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" /> <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
</div> </div>
<div className="my-10"> <div>
<h2>Acupuncture</h2> <h2>Acupuncture</h2>
<div className="mx-3 my-5"> <div className="mx-3 my-5">
<div className="font-bold">Articles</div> <div className="font-bold">Articles</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink <ArtLink
href="/articles/five-element-acupuncture" href="/articles/five-element-acupuncture"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Five Element Acupuncture Five Element Acupuncture
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/acupuncture-letter" href="/articles/acupuncture-letter"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Acupuncture Letter Acupuncture Letter
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
<div className="mx-3 my-5"> <div className="mx-3 my-5">
<div className="font-bold">Resources</div> <div className="font-bold">Resources</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink <ArtLink
href="/content/doctor-resources/point-categories.pdf" href="/content/doctor-resources/point-categories.pdf"
target="_blank" target="_blank"
@ -98,23 +130,29 @@ const ArtsForDocs = () => {
Point Categories [PDF]{" "} Point Categories [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" /> <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/international-acupuncture-bibliography" href="/articles/international-acupuncture-bibliography"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
International Acupuncture Bibliography International Acupuncture Bibliography
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/articles/acupuncture-references" href="/articles/acupuncture-references"
className="hover:drop-shadow-light" className="hover:drop-shadow-light"
> >
Acupuncture References Acupuncture References
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
</div>
<div className="my-10">
<h2>Neuro Ocular Release</h2> <h2>Neuro Ocular Release</h2>
<div className="mx-3"> <div className="mx-3">
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink <ArtLink
href="/content/doctor-resources/nor_article.pdf" href="/content/doctor-resources/nor_article.pdf"
target="_blank" target="_blank"
@ -123,9 +161,21 @@ const ArtsForDocs = () => {
Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "} Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" /> <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
</div> </div>
</View> </div>
</div>
<div className="basis-2/5">
<Image
src={docWithClip}
alt="Doctor holding clipboard"
className="mx-auto block w-11/12 rounded-lg drop-shadow-2xl"
/>
</div>
</div>
</CenterView>
); );
}; };

103
website/app/(pages)/articles/views/ArtsForPatients.tsx
View file

@ -1,99 +1,169 @@
import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid"; import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import ArtLink from "@/components/ArtLink"; import ArtLink from "@/components/ArtLink";
import CenterView from "@/components/CenterView";
import doctorBack from "@/public/content/doctor_back.jpg";
import Image from "next/image";
import View from "@/components/View";
const ArtsForPatients = () => { const ArtsForPatients = () => {
return ( return (
<View <CenterView
bg_color="bg-primary-300" bg_color="bg-primary-300"
txt_color="text-primary-500" txt_color="text-primary-500"
id="artsforpatients" id="artsforpatients"
> >
<h1>Articles</h1> <div className="flex flex-col items-center justify-around md:flex-row">
<div className="basis-2/5">
<Image
src={doctorBack}
alt="Doctor looking at a patient's back"
className="mx-auto block w-11/12 rounded-lg drop-shadow-2xl"
/>
</div>
<div className="basis-2/5">
<h1> <h1>
<em>For Patients</em> Articles
<br />
For Patients
</h1> </h1>
<div className="flex flex-col md:flex-row">
<div>
<div> <div>
<h2>General</h2> <h2>General</h2>
<div className="mx-3"> <ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/ten-stages-of-grief"> <ArtLink href="/articles/ten-stages-of-grief">
The Ten Stages of Grief The Ten Stages of Grief
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/coccydynia-case-report"> <ArtLink href="/articles/coccydynia-case-report">
Coccydynia Case Report Coccydynia Case Report
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/chronic-muscle-pain"> <ArtLink href="/articles/chronic-muscle-pain">
Chronic Muscle Pain Chronic Muscle Pain
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/arthritis-and-exercise"> <ArtLink href="/articles/arthritis-and-exercise">
Arthritis and Excercise Arthritis and Excercise
</ArtLink> </ArtLink>
</div> </li>
</ul>
</div> </div>
<div> <div>
<h2>What is Osteopathy?</h2> <h2>What is Osteopathy?</h2>
<div className="mx-3"> <ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/cranial-osteopathy"> <ArtLink href="/articles/cranial-osteopathy">
Cranial Osteopathy Cranial Osteopathy
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/cranial-osteopathy-faq"> <ArtLink href="/articles/cranial-osteopathy-faq">
Cranial Osteopathy FAQ Cranial Osteopathy FAQ
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/intro-to-osteopathy"> <ArtLink href="/articles/intro-to-osteopathy">
Introduction to Osteopathy Introduction to Osteopathy
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopath-comparison-table"> <ArtLink href="/articles/osteopath-comparison-table">
Osteopath Comparison Table Osteopath Comparison Table
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopathic-manipulation-in-pregnancy"> <ArtLink href="/articles/osteopathic-manipulation-in-pregnancy">
Osteopathic Manipulation in Pregnancy Osteopathic Manipulation in Pregnancy
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopathic-manipulative-treatment"> <ArtLink href="/articles/osteopathic-manipulative-treatment">
Osteopathic Manipulative Treatment Osteopathic Manipulative Treatment
</ArtLink> </ArtLink>
<ArtLink href="/articles/osteopathy-faq">Osteopathy FAQ</ArtLink> </li>
<ArtLink href="/articles/what-is-a-do">What is a D.O.?</ArtLink> <li>
<ArtLink href="/articles/osteopathy-faq">
Osteopathy FAQ
</ArtLink>
</li>
<li>
<ArtLink href="/articles/what-is-a-do">
What is a D.O.?
</ArtLink>
</li>
</ul>
</div> </div>
</div> </div>
<div>
<div> <div>
<h2>Pediatric Osteopathy</h2> <h2>Pediatric Osteopathy</h2>
<div className="mx-3"> <ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/pediatric-digestive-problems"> <ArtLink href="/articles/pediatric-digestive-problems">
Digestive Problems Digestive Problems
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-down-syndrome"> <ArtLink href="/articles/pediatric-down-syndrome">
Down Syndrome Down Syndrome
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-orthopedic-problems"> <ArtLink href="/articles/pediatric-orthopedic-problems">
Orthopedic Problems Orthopedic Problems
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-respiratory-health"> <ArtLink href="/articles/pediatric-respiratory-health">
Respiratory Health Respiratory Health
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-treatment-for-newborns"> <ArtLink href="/articles/pediatric-treatment-for-newborns">
Treatment for the Newborn Treatment for the Newborn
</ArtLink> </ArtLink>
</div> </li>
</ul>
</div> </div>
<div> <div>
<h2>Acupuncture</h2> <h2>Acupuncture</h2>
<div className="mx-3"> <ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/acupuncture-basics"> <ArtLink href="/articles/acupuncture-basics">
Acupuncture Basics Acupuncture Basics
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/acupuncture-history"> <ArtLink href="/articles/acupuncture-history">
Acupuncture History Acupuncture History
</ArtLink> </ArtLink>
<ArtLink href="/articles/ear-acupuncture">Ear Acupuncture</ArtLink> </li>
<li>
<ArtLink href="/articles/ear-acupuncture">
Ear Acupuncture
</ArtLink>
</li>
<li>
<ArtLink href="/articles/ear-acupuncture-faq"> <ArtLink href="/articles/ear-acupuncture-faq">
Ear Acupuncture FAQ Ear Acupuncture FAQ
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/scalp-acupuncture"> <ArtLink href="/articles/scalp-acupuncture">
Scalp Acupuncture Scalp Acupuncture
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq"> <ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq">
Yamamoto New Scalp Acupuncture FAQ{" "} Yamamoto New Scalp Acupuncture FAQ{" "}
</ArtLink> </ArtLink>
</li>
<li>
<ArtLink <ArtLink
href="/content/patient-resources/scalp_acupuncture.pdf" href="/content/patient-resources/scalp_acupuncture.pdf"
target="_blank" target="_blank"
@ -101,9 +171,14 @@ const ArtsForPatients = () => {
Patient Before-and-Afters [PDF]{" "} Patient Before-and-Afters [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" /> <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink> </ArtLink>
</li>
</ul>
</div> </div>
</div> </div>
</View> </div>
</div>
</div>
</CenterView>
); );
}; };

BIN
website/public/content/at_still_university.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 527 KiB

BIN
website/public/content/doctor_back.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
website/public/content/doctor_w_clipboard.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 MiB