finished articles page + fixed ATSU pic

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

View file

@ -1,131 +1,181 @@
import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
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 = () => {
return (
<View
<CenterView
bg_color="bg-primary-500"
txt_color="text-primary-100"
id="artsfordocs"
>
<h1>
<em>For Doctors</em>
</h1>
<div className="my-10">
<h2>Osteopathy</h2>
<div className="mx-3 my-5">
<div className="font-bold">Articles</div>
<ArtLink
href="/articles/osteopathic-head-pain"
className="hover:drop-shadow-light"
>
Head Pain
</ArtLink>
<ArtLink
href="/articles/neural-biological-mechanisms"
className="hover:drop-shadow-light"
>
Neural Biological Mechanisms
</ArtLink>
<ArtLink
href="/articles/intervertebral-disc-herniation"
className="hover:drop-shadow-light"
>
The Basics of Intervertebral Disc Herniation
</ArtLink>
<ArtLink
href="/articles/cranial-manipulation"
className="hover:drop-shadow-light"
>
Cranial Manipulation
</ArtLink>
<ArtLink
href="/articles/the-trauma-of-birth"
className="hover:drop-shadow-light"
>
The Trauma of Birth
</ArtLink>
<div className="flex flex-col items-center justify-around md:flex-row">
<div className="basis-2/5">
<h1>For Doctors</h1>
<div className="flex flex-col md:flex-row">
<div>
<h2>Osteopathy</h2>
<div className="mx-3 my-5">
<div className="font-bold">Articles</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink
href="/articles/osteopathic-head-pain"
className="hover:drop-shadow-light"
>
Head Pain
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/neural-biological-mechanisms"
className="hover:drop-shadow-light"
>
Neural Biological Mechanisms
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/intervertebral-disc-herniation"
className="hover:drop-shadow-light"
>
The Basics of Intervertebral Disc Herniation
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/cranial-manipulation"
className="hover:drop-shadow-light"
>
Cranial Manipulation
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/the-trauma-of-birth"
className="hover:drop-shadow-light"
>
The Trauma of Birth
</ArtLink>
</li>
</ul>
</div>
<div className="mx-3 my-5">
<div className="font-bold">Resources</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink
href="/articles/feelys-osteopathic-dictionary"
className="hover:drop-shadow-light"
>
Feely's Abridged Osteopathic Dictionary
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/omt-codes"
className="hover:drop-shadow-light"
>
OMT Codes
</ArtLink>
</li>
<li>
<ArtLink
href="/content/doctor-resources/drg_omt_chart.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
DRG/OMT Chart [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</li>
</ul>
</div>
</div>
<div>
<h2>Acupuncture</h2>
<div className="mx-3 my-5">
<div className="font-bold">Articles</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink
href="/articles/five-element-acupuncture"
className="hover:drop-shadow-light"
>
Five Element Acupuncture
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/acupuncture-letter"
className="hover:drop-shadow-light"
>
Acupuncture Letter
</ArtLink>
</li>
</ul>
</div>
<div className="mx-3 my-5">
<div className="font-bold">Resources</div>
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink
href="/content/doctor-resources/point-categories.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
Point Categories [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/international-acupuncture-bibliography"
className="hover:drop-shadow-light"
>
International Acupuncture Bibliography
</ArtLink>
</li>
<li>
<ArtLink
href="/articles/acupuncture-references"
className="hover:drop-shadow-light"
>
Acupuncture References
</ArtLink>
</li>
</ul>
</div>
<h2>Neuro Ocular Release</h2>
<div className="mx-3">
<ul className="mx-3 list-disc marker:text-primary-100">
<li>
<ArtLink
href="/content/doctor-resources/nor_article.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
<div className="mx-3 my-5">
<div className="font-bold">Resources</div>
<ArtLink
href="/articles/feelys-osteopathic-dictionary"
className="hover:drop-shadow-light"
>
Feely's Abridged Osteopathic Dictionary
</ArtLink>
<ArtLink
href="/articles/omt-codes"
className="hover:drop-shadow-light"
>
OMT Codes
</ArtLink>
<ArtLink
href="/content/doctor-resources/drg_omt_chart.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
DRG/OMT Chart [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
<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>
<div className="my-10">
<h2>Acupuncture</h2>
<div className="mx-3 my-5">
<div className="font-bold">Articles</div>
<ArtLink
href="/articles/five-element-acupuncture"
className="hover:drop-shadow-light"
>
Five Element Acupuncture
</ArtLink>
<ArtLink
href="/articles/acupuncture-letter"
className="hover:drop-shadow-light"
>
Acupuncture Letter
</ArtLink>
</div>
<div className="mx-3 my-5">
<div className="font-bold">Resources</div>
<ArtLink
href="/content/doctor-resources/point-categories.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
Point Categories [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
<ArtLink
href="/articles/international-acupuncture-bibliography"
className="hover:drop-shadow-light"
>
International Acupuncture Bibliography
</ArtLink>
<ArtLink
href="/articles/acupuncture-references"
className="hover:drop-shadow-light"
>
Acupuncture References
</ArtLink>
</div>
</div>
<div className="my-10">
<h2>Neuro Ocular Release</h2>
<div className="mx-3">
<ArtLink
href="/content/doctor-resources/nor_article.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</div>
</div>
</View>
</CenterView>
);
};

View file

@ -1,109 +1,184 @@
import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
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 = () => {
return (
<View
<CenterView
bg_color="bg-primary-300"
txt_color="text-primary-500"
id="artsforpatients"
>
<h1>Articles</h1>
<h1>
<em>For Patients</em>
</h1>
<div>
<h2>General</h2>
<div className="mx-3">
<ArtLink href="/articles/ten-stages-of-grief">
The Ten Stages of Grief
</ArtLink>
<ArtLink href="/articles/coccydynia-case-report">
Coccydynia Case Report
</ArtLink>
<ArtLink href="/articles/chronic-muscle-pain">
Chronic Muscle Pain
</ArtLink>
<ArtLink href="/articles/arthritis-and-exercise">
Arthritis and Excercise
</ArtLink>
<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>
Articles
<br />
For Patients
</h1>
<div className="flex flex-col md:flex-row">
<div>
<div>
<h2>General</h2>
<ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/ten-stages-of-grief">
The Ten Stages of Grief
</ArtLink>
</li>
<li>
<ArtLink href="/articles/coccydynia-case-report">
Coccydynia Case Report
</ArtLink>
</li>
<li>
<ArtLink href="/articles/chronic-muscle-pain">
Chronic Muscle Pain
</ArtLink>
</li>
<li>
<ArtLink href="/articles/arthritis-and-exercise">
Arthritis and Excercise
</ArtLink>
</li>
</ul>
</div>
<div>
<h2>What is Osteopathy?</h2>
<ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/cranial-osteopathy">
Cranial Osteopathy
</ArtLink>
</li>
<li>
<ArtLink href="/articles/cranial-osteopathy-faq">
Cranial Osteopathy FAQ
</ArtLink>
</li>
<li>
<ArtLink href="/articles/intro-to-osteopathy">
Introduction to Osteopathy
</ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopath-comparison-table">
Osteopath Comparison Table
</ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopathic-manipulation-in-pregnancy">
Osteopathic Manipulation in Pregnancy
</ArtLink>
</li>
<li>
<ArtLink href="/articles/osteopathic-manipulative-treatment">
Osteopathic Manipulative Treatment
</ArtLink>
</li>
<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>
<h2>Pediatric Osteopathy</h2>
<ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/pediatric-digestive-problems">
Digestive Problems
</ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-down-syndrome">
Down Syndrome
</ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-orthopedic-problems">
Orthopedic Problems
</ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-respiratory-health">
Respiratory Health
</ArtLink>
</li>
<li>
<ArtLink href="/articles/pediatric-treatment-for-newborns">
Treatment for the Newborn
</ArtLink>
</li>
</ul>
</div>
<div>
<h2>Acupuncture</h2>
<ul className="mx-3 list-disc">
<li>
<ArtLink href="/articles/acupuncture-basics">
Acupuncture Basics
</ArtLink>
</li>
<li>
<ArtLink href="/articles/acupuncture-history">
Acupuncture History
</ArtLink>
</li>
<li>
<ArtLink href="/articles/ear-acupuncture">
Ear Acupuncture
</ArtLink>
</li>
<li>
<ArtLink href="/articles/ear-acupuncture-faq">
Ear Acupuncture FAQ
</ArtLink>
</li>
<li>
<ArtLink href="/articles/scalp-acupuncture">
Scalp Acupuncture
</ArtLink>
</li>
<li>
<ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq">
Yamamoto New Scalp Acupuncture FAQ{" "}
</ArtLink>
</li>
<li>
<ArtLink
href="/content/patient-resources/scalp_acupuncture.pdf"
target="_blank"
>
Patient Before-and-Afters [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div>
<h2>What is Osteopathy?</h2>
<div className="mx-3">
<ArtLink href="/articles/cranial-osteopathy">
Cranial Osteopathy
</ArtLink>
<ArtLink href="/articles/cranial-osteopathy-faq">
Cranial Osteopathy FAQ
</ArtLink>
<ArtLink href="/articles/intro-to-osteopathy">
Introduction to Osteopathy
</ArtLink>
<ArtLink href="/articles/osteopath-comparison-table">
Osteopath Comparison Table
</ArtLink>
<ArtLink href="/articles/osteopathic-manipulation-in-pregnancy">
Osteopathic Manipulation in Pregnancy
</ArtLink>
<ArtLink href="/articles/osteopathic-manipulative-treatment">
Osteopathic Manipulative Treatment
</ArtLink>
<ArtLink href="/articles/osteopathy-faq">Osteopathy FAQ</ArtLink>
<ArtLink href="/articles/what-is-a-do">What is a D.O.?</ArtLink>
</div>
</div>
<div>
<h2>Pediatric Osteopathy</h2>
<div className="mx-3">
<ArtLink href="/articles/pediatric-digestive-problems">
Digestive Problems
</ArtLink>
<ArtLink href="/articles/pediatric-down-syndrome">
Down Syndrome
</ArtLink>
<ArtLink href="/articles/pediatric-orthopedic-problems">
Orthopedic Problems
</ArtLink>
<ArtLink href="/articles/pediatric-respiratory-health">
Respiratory Health
</ArtLink>
<ArtLink href="/articles/pediatric-treatment-for-newborns">
Treatment for the Newborn
</ArtLink>
</div>
</div>
<div>
<h2>Acupuncture</h2>
<div className="mx-3">
<ArtLink href="/articles/acupuncture-basics">
Acupuncture Basics
</ArtLink>
<ArtLink href="/articles/acupuncture-history">
Acupuncture History
</ArtLink>
<ArtLink href="/articles/ear-acupuncture">Ear Acupuncture</ArtLink>
<ArtLink href="/articles/ear-acupuncture-faq">
Ear Acupuncture FAQ
</ArtLink>
<ArtLink href="/articles/scalp-acupuncture">
Scalp Acupuncture
</ArtLink>
<ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq">
Yamamoto New Scalp Acupuncture FAQ{" "}
</ArtLink>
<ArtLink
href="/content/patient-resources/scalp_acupuncture.pdf"
target="_blank"
>
Patient Before-and-Afters [PDF]{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</div>
</div>
</View>
</CenterView>
);
};

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 527 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB