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 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">
<h2>Osteopathy</h2> <div>
<div className="mx-3 my-5"> <h2>Osteopathy</h2>
<div className="font-bold">Articles</div> <div className="mx-3 my-5">
<ArtLink <div className="font-bold">Articles</div>
href="/articles/osteopathic-head-pain" <ul className="mx-3 list-disc marker:text-primary-100">
className="hover:drop-shadow-light" <li>
> <ArtLink
Head Pain href="/articles/osteopathic-head-pain"
</ArtLink> className="hover:drop-shadow-light"
<ArtLink >
href="/articles/neural-biological-mechanisms" Head Pain
className="hover:drop-shadow-light" </ArtLink>
> </li>
Neural Biological Mechanisms <li>
</ArtLink> <ArtLink
<ArtLink href="/articles/neural-biological-mechanisms"
href="/articles/intervertebral-disc-herniation" className="hover:drop-shadow-light"
className="hover:drop-shadow-light" >
> Neural Biological Mechanisms
The Basics of Intervertebral Disc Herniation </ArtLink>
</ArtLink> </li>
<ArtLink <li>
href="/articles/cranial-manipulation" <ArtLink
className="hover:drop-shadow-light" href="/articles/intervertebral-disc-herniation"
> className="hover:drop-shadow-light"
Cranial Manipulation >
</ArtLink> The Basics of Intervertebral Disc Herniation
<ArtLink </ArtLink>
href="/articles/the-trauma-of-birth" </li>
className="hover:drop-shadow-light" <li>
> <ArtLink
The Trauma of Birth href="/articles/cranial-manipulation"
</ArtLink> 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>
<div className="mx-3 my-5"> <div className="basis-2/5">
<div className="font-bold">Resources</div> <Image
<ArtLink src={docWithClip}
href="/articles/feelys-osteopathic-dictionary" alt="Doctor holding clipboard"
className="hover:drop-shadow-light" className="mx-auto block w-11/12 rounded-lg drop-shadow-2xl"
> />
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> </div>
</div> </div>
<div className="my-10"> </CenterView>
<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>
); );
}; };

View file

@ -1,109 +1,184 @@
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">
<h1> <div className="basis-2/5">
<em>For Patients</em> <Image
</h1> src={doctorBack}
<div> alt="Doctor looking at a patient's back"
<h2>General</h2> className="mx-auto block w-11/12 rounded-lg drop-shadow-2xl"
<div className="mx-3"> />
<ArtLink href="/articles/ten-stages-of-grief"> </div>
The Ten Stages of Grief <div className="basis-2/5">
</ArtLink> <h1>
<ArtLink href="/articles/coccydynia-case-report"> Articles
Coccydynia Case Report <br />
</ArtLink> For Patients
<ArtLink href="/articles/chronic-muscle-pain"> </h1>
Chronic Muscle Pain <div className="flex flex-col md:flex-row">
</ArtLink> <div>
<ArtLink href="/articles/arthritis-and-exercise"> <div>
Arthritis and Excercise <h2>General</h2>
</ArtLink> <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> </div>
<div> </CenterView>
<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>
); );
}; };

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