homepage redone, switched to views

This commit is contained in:
Noah Swerhun 2023-08-30 22:18:58 -05:00
parent 438025ef34
commit 651758570d
24 changed files with 291 additions and 186 deletions

View file

@ -1,8 +1,13 @@
import View from "@/components/View";
import Link from "next/link"; import Link from "next/link";
const AcuForDocs = () => { const AcuForDocs = () => {
return ( return (
<section className="min-h-screen" id="acufordocs"> <View
bg_color="bg-primary-500"
txt_color="text-primary-100"
id="acufordocs"
>
<div className=""> <div className="">
<div className="">View Dr. Feely's resources for doctors:</div> <div className="">View Dr. Feely's resources for doctors:</div>
<Link <Link
@ -13,7 +18,7 @@ const AcuForDocs = () => {
Point Categories [PDF] Point Categories [PDF]
</Link> </Link>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const BasicsAndHist = () => { const BasicsAndHist = () => {
return ( return (
<section className="min-h-screen" id="basicsandhist"> <View
bg_color="bg-primary-500"
txt_color="text-primary-100"
id="basicsandhist"
>
<p> <p>
Acupuncture, a practice originating in China over 5,000 years ago, Acupuncture, a practice originating in China over 5,000 years ago,
diverges from Western paradigms with its emphasis on holistic patterns diverges from Western paradigms with its emphasis on holistic patterns
@ -30,7 +36,7 @@ const BasicsAndHist = () => {
traction over time, with many physicians incorporating it into their traction over time, with many physicians incorporating it into their
treatments. treatments.
</p> </p>
</section> </View>
); );
}; };

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const EarAcupuncture = () => { const EarAcupuncture = () => {
return ( return (
<section className="min-h-screen" id="earacupuncture"> <View
bg_color="bg-primary-300"
txt_color="text-primary-500"
id="earacupuncture"
>
<p> <p>
Auriculotherapy utilizes the external ear's auricle to alleviate pain, Auriculotherapy utilizes the external ear's auricle to alleviate pain,
dysfunction, and diseases throughout the body. The ear's auricle is a dysfunction, and diseases throughout the body. The ear's auricle is a
@ -27,7 +33,7 @@ const EarAcupuncture = () => {
in China, Dr. Nogier's work and further research revolutionized in China, Dr. Nogier's work and further research revolutionized
auriculotherapy, making it a powerful tool in modern healthcare. auriculotherapy, making it a powerful tool in modern healthcare.
</p> </p>
</section> </View>
); );
}; };

View file

@ -1,8 +1,13 @@
import View from "@/components/View";
import Link from "next/link"; import Link from "next/link";
const ScalpAcupuncture = () => { const ScalpAcupuncture = () => {
return ( return (
<section className="min-h-screen" id="scalpacupuncture"> <View
bg_color="bg-primary-100"
txt_color="text-primary-500"
id="scalpacupuncture"
>
<p> <p>
In 1973, Dr. Toshikatsu Yamamoto introduced Yamamoto New Scalp In 1973, Dr. Toshikatsu Yamamoto introduced Yamamoto New Scalp
Acupuncture (YNSA) in Miyazaki, Japan. Unlike traditional Chinese Acupuncture (YNSA) in Miyazaki, Japan. Unlike traditional Chinese
@ -22,11 +27,11 @@ const ScalpAcupuncture = () => {
</p> </p>
<p> <p>
This approach's efficacy has led Dr. Feely to integrate Dr. Yamamoto's methods This approach's efficacy has led Dr. Feely to integrate Dr. Yamamoto's
into his own practice, successfully addressing chronic and injury-related methods into his own practice, successfully addressing chronic and
symptoms. The technique's unique diagnostic process and interactive injury-related symptoms. The technique's unique diagnostic process and
nature contribute to its success in treating neurological conditions and interactive nature contribute to its success in treating neurological
enhancing patients' well-being. conditions and enhancing patients' well-being.
</p> </p>
<Link <Link
@ -36,7 +41,7 @@ const ScalpAcupuncture = () => {
> >
Patient Before-and-Afters [PDF] Patient Before-and-Afters [PDF]
</Link> </Link>
</section> </View>
); );
}; };

View file

@ -1,4 +1,5 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import ReplaceLink from "@/components/ReplaceLink";
import Link from "next/link"; import Link from "next/link";
const ArticleAcupunctureReferences = () => { const ArticleAcupunctureReferences = () => {
@ -11,31 +12,31 @@ const ArticleAcupunctureReferences = () => {
<div> <div>
<ul> <ul>
<li> <li>
<Link href="#addiction">Addiction</Link> <ReplaceLink href="#addiction">Addiction</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#allergy">Allergy</Link> <ReplaceLink href="#allergy">Allergy</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#auricular">Auricular</Link> <ReplaceLink href="#auricular">Auricular</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#back">Back</Link> <ReplaceLink href="#back">Back</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#cardiovascular">Cardiovascular</Link> <ReplaceLink href="#cardiovascular">Cardiovascular</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#face">Face</Link> <ReplaceLink href="#face">Face</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#gastroenterology">Gastroenterology</Link> <ReplaceLink href="#gastroenterology">Gastroenterology</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#headache">Headache</Link> <ReplaceLink href="#headache">Headache</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#misc">Misc</Link> <ReplaceLink href="#misc">Misc</ReplaceLink>
</li> </li>
</ul> </ul>
</div> </div>

View file

@ -1,4 +1,5 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import ReplaceLink from "@/components/ReplaceLink";
import Link from "next/link"; import Link from "next/link";
const ArticleInternationalAcupunctureBibliography = () => { const ArticleInternationalAcupunctureBibliography = () => {
@ -17,201 +18,215 @@ const ArticleInternationalAcupunctureBibliography = () => {
</div> </div>
<ul> <ul>
<li> <li>
<Link href="#sec1dot1"> <ReplaceLink href="#sec1dot1">
1.1 General Description and Clinical Textbooks 1.1 General Description and Clinical Textbooks
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec1dot2">1.2 Acupuncture History and Theories</Link> <ReplaceLink href="#sec1dot2">
1.2 Acupuncture History and Theories
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec1dot3">1.3 Clinical Observations</Link> <ReplaceLink href="#sec1dot3">
1.3 Clinical Observations
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec1dot4">1.4 Clinical Techniques and Procedures</Link> <ReplaceLink href="#sec1dot4">
1.4 Clinical Techniques and Procedures
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec1dot5"> <ReplaceLink href="#sec1dot5">
1.5 Contraindications, Complications, Adverse Reactions 1.5 Contraindications, Complications, Adverse Reactions
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec1dot6"> <ReplaceLink href="#sec1dot6">
1.6 General Editorials and Letters to the Editor 1.6 General Editorials and Letters to the Editor
</Link> </ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold">2.0 Clinical Research Areas</div> <div className="font-bold">2.0 Clinical Research Areas</div>
<ul> <ul>
<li> <li>
<Link href="#sec2dot1">2.1 Clinical Research Methods</Link> <ReplaceLink href="#sec2dot1">
2.1 Clinical Research Methods
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec2dot2"> <ReplaceLink href="#sec2dot2">
2.2 Systematic Reviews and Meta-Analyses 2.2 Systematic Reviews and Meta-Analyses
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec2dot3"> <ReplaceLink href="#sec2dot3">
2.3 Surveys of Patients and Practitioners, Qualitative Research 2.3 Surveys of Patients and Practitioners, Qualitative Research
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec2dot4"> <ReplaceLink href="#sec2dot4">
2.4 Auricular Diagnosis, Tongue Diagnosis, Oriental Pulse 2.4 Auricular Diagnosis, Tongue Diagnosis, Oriental Pulse
Diagnosis Diagnosis
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec2dot5"> <ReplaceLink href="#sec2dot5">
2.5 Auricular Medicine, VAS, RAC, Nogier Phases, Dental Foci 2.5 Auricular Medicine, VAS, RAC, Nogier Phases, Dental Foci
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec2dot6"> <ReplaceLink href="#sec2dot6">
2.6 Acupuncture with Herbal Remedies and Homeopathy 2.6 Acupuncture with Herbal Remedies and Homeopathy
</Link> </ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold">3.0 Addiction and Substance Abuse</div> <div className="font-bold">3.0 Addiction and Substance Abuse</div>
<ul> <ul>
<li> <li>
<Link href="#sec3dot1">3.1 General Addiction, NADA Protocol</Link> <ReplaceLink href="#sec3dot1">
3.1 General Addiction, NADA Protocol
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec3dot2"> <ReplaceLink href="#sec3dot2">
3.2 Alcohol Abuse, Alcoholism, Sedative Abuse 3.2 Alcohol Abuse, Alcoholism, Sedative Abuse
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec3dot3"> <ReplaceLink href="#sec3dot3">
3.3 Opiate Abuse, Heroin, Morphine, Methadone 3.3 Opiate Abuse, Heroin, Morphine, Methadone
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec3dot4"> <ReplaceLink href="#sec3dot4">
3.4 Stimulant Abuse, Cocaine, Methamphetamine, Hallucinogens 3.4 Stimulant Abuse, Cocaine, Methamphetamine, Hallucinogens
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec3dot5"> <ReplaceLink href="#sec3dot5">
3.5 Smoking Cessation, Nicotine Addiction 3.5 Smoking Cessation, Nicotine Addiction
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec3dot6">3.6 Weight Loss, Obesity</Link> <ReplaceLink href="#sec3dot6">3.6 Weight Loss, Obesity</ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold">4.0 Pain Disorders</div> <div className="font-bold">4.0 Pain Disorders</div>
<ul> <ul>
<li> <li>
<Link href="#sec4dot1"> <ReplaceLink href="#sec4dot1">
4.1 General Pain, Myofascial Pain, Fibromyalgia 4.1 General Pain, Myofascial Pain, Fibromyalgia
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot2"> <ReplaceLink href="#sec4dot2">
4.2 Back Pain, Sciatica, Lumbago, Hip, Buttocks 4.2 Back Pain, Sciatica, Lumbago, Hip, Buttocks
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot3"> <ReplaceLink href="#sec4dot3">
4.3 Migraines, Tension Headaches, Cluster Headaches 4.3 Migraines, Tension Headaches, Cluster Headaches
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot4"> <ReplaceLink href="#sec4dot4">
4.4 Neck and Shoulder Tension, Cervical Pain, Torticollis, 4.4 Neck and Shoulder Tension, Cervical Pain, Torticollis,
Whiplash Whiplash
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot5"> <ReplaceLink href="#sec4dot5">
4.5 Extremities Pain: Foot, Ankle, Knee, Hand, Wrist, Carpal 4.5 Extremities Pain: Foot, Ankle, Knee, Hand, Wrist, Carpal
Tunnel Tunnel
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot6"> <ReplaceLink href="#sec4dot6">
4.6 Arthritis: Osteoarthritis, Rheumatoid Arthritis 4.6 Arthritis: Osteoarthritis, Rheumatoid Arthritis
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot7"> <ReplaceLink href="#sec4dot7">
4.7 Dental Pain, TMJ Disorder, Toothaches, Gingivitis, Trigeminal 4.7 Dental Pain, TMJ Disorder, Toothaches, Gingivitis, Trigeminal
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot8"> <ReplaceLink href="#sec4dot8">
4.8 Analgesia, Anesthesia, Surgery, Post-Operative Pain, 4.8 Analgesia, Anesthesia, Surgery, Post-Operative Pain,
Post-Operative Post-Operative
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec4dot9">4.9 Burns, Wound Care</Link> <ReplaceLink href="#sec4dot9">4.9 Burns, Wound Care</ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold">6.0 Psychological Disorders</div> <div className="font-bold">6.0 Psychological Disorders</div>
<ul> <ul>
<li> <li>
<Link href="#sec6dot1">6.1 General Psychiatry and Psychology</Link> <ReplaceLink href="#sec6dot1">
6.1 General Psychiatry and Psychology
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec6dot2"> <ReplaceLink href="#sec6dot2">
6.2 Schizophrenia, Psychosis, Hallucinations 6.2 Schizophrenia, Psychosis, Hallucinations
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec6dot3">6.3 Depression, Mood Disorders</Link> <ReplaceLink href="#sec6dot3">
6.3 Depression, Mood Disorders
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec6dot4"> <ReplaceLink href="#sec6dot4">
6.4 Insomnia, Anxiety, Stress, Psychosomatic Disorders 6.4 Insomnia, Anxiety, Stress, Psychosomatic Disorders
</Link> </ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold">7.0 Visceral Disorders</div> <div className="font-bold">7.0 Visceral Disorders</div>
<ul> <ul>
<li> <li>
<Link href="#sec7dot1"> <ReplaceLink href="#sec7dot1">
7.1 Asthma, Bronchitis, Rhinitis, Sinusitis, Coughs, Hiccups 7.1 Asthma, Bronchitis, Rhinitis, Sinusitis, Coughs, Hiccups
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot2"> <ReplaceLink href="#sec7dot2">
7.2 Cardiovascular Disorders, Coronary Disorders, Angina, Cardiac 7.2 Cardiovascular Disorders, Coronary Disorders, Angina, Cardiac
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot3"> <ReplaceLink href="#sec7dot3">
7.3 Hypertension, Blood Pressure, Sympathomimetic Vascular Effects 7.3 Hypertension, Blood Pressure, Sympathomimetic Vascular Effects
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot4"> <ReplaceLink href="#sec7dot4">
7.4 Gastro-Intestinal, Constipation, Diarrhea, Colitis, Ulcer, IBD 7.4 Gastro-Intestinal, Constipation, Diarrhea, Colitis, Ulcer, IBD
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot5"> <ReplaceLink href="#sec7dot5">
7.5 Liver Disease, Cirrhosis, Bilary Stones, Gall Bladder 7.5 Liver Disease, Cirrhosis, Bilary Stones, Gall Bladder
Disorders Disorders
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot6"> <ReplaceLink href="#sec7dot6">
7.6 Urological Disorders of Kidney or Bladder, Prostate Problems 7.6 Urological Disorders of Kidney or Bladder, Prostate Problems
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot7"> <ReplaceLink href="#sec7dot7">
7.7 Gynecology, Dysmenorrhea, PMS, Menopause, Pelvic Pain 7.7 Gynecology, Dysmenorrhea, PMS, Menopause, Pelvic Pain
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec7dot8"> <ReplaceLink href="#sec7dot8">
7.8 Obstetrics, Labor, Pregnancy, Infertility, Impotency, Uterine 7.8 Obstetrics, Labor, Pregnancy, Infertility, Impotency, Uterine
</Link> </ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold"> <div className="font-bold">
@ -219,26 +234,28 @@ const ArticleInternationalAcupunctureBibliography = () => {
</div> </div>
<ul> <ul>
<li> <li>
<Link href="#sec8dot1">8.1 General Endocrinology and Hormones</Link> <ReplaceLink href="#sec8dot1">
8.1 General Endocrinology and Hormones
</ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec8dot2"> <ReplaceLink href="#sec8dot2">
8.2 Diabetes, Pancreatitis, Hypoglycemia 8.2 Diabetes, Pancreatitis, Hypoglycemia
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec8dot3"> <ReplaceLink href="#sec8dot3">
8.3 Thyroid Disorder, Thyroxine, Adrenal Disorder, ACTH, Cortisol 8.3 Thyroid Disorder, Thyroxine, Adrenal Disorder, ACTH, Cortisol
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec8dot4"> <ReplaceLink href="#sec8dot4">
8.4 Allergies, Immunity, Hypersensitivity, Anti-Inflammatory 8.4 Allergies, Immunity, Hypersensitivity, Anti-Inflammatory
Disoirders Disoirders
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec8dot5">8.5 Cancer, Oncology</Link> <ReplaceLink href="#sec8dot5">8.5 Cancer, Oncology</ReplaceLink>
</li> </li>
</ul> </ul>
<div className="font-bold"> <div className="font-bold">
@ -246,29 +263,29 @@ const ArticleInternationalAcupunctureBibliography = () => {
</div> </div>
<ul> <ul>
<li> <li>
<Link href="#sec9dot1"> <ReplaceLink href="#sec9dot1">
9.1 Veterinary Acupuncture and Animal Studies 9.1 Veterinary Acupuncture and Animal Studies
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec9dot2"> <ReplaceLink href="#sec9dot2">
9.2 Experimental Pain Threshold and Induced Physical Symptoms 9.2 Experimental Pain Threshold and Induced Physical Symptoms
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec9dot3"> <ReplaceLink href="#sec9dot3">
9.3 Endorphin Release, Enkephalins, Dynorphins, Naloxone Reversal 9.3 Endorphin Release, Enkephalins, Dynorphins, Naloxone Reversal
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec9dot4"> <ReplaceLink href="#sec9dot4">
9.4 Body Physiology, Biochemistry, Neuroanatomical Studies, Neuron 9.4 Body Physiology, Biochemistry, Neuroanatomical Studies, Neuron
</Link> </ReplaceLink>
</li> </li>
<li> <li>
<Link href="#sec9dot5"> <ReplaceLink href="#sec9dot5">
9.5 EEG, Evoked Potentials, MRI Scans, PET Scans, SPECT 9.5 EEG, Evoked Potentials, MRI Scans, PET Scans, SPECT
</Link> </ReplaceLink>
</li> </li>
</ul> </ul>
</div> </div>

View file

@ -38,13 +38,13 @@ const ArticlesLayout = ({ children }: Props) => {
{isTopOfPage ? ( {isTopOfPage ? (
<></> <></>
) : ( ) : (
<a <button
href="#" onClick={() => window.scrollTo(0, 0)}
className="p-3 m-3 rounded-lg align-middle drop-shadow-md hover:drop-shadow-xl transition-all duration-300 fixed bottom-0 md:right-1/4 md:mr-[-4rem] right-0 mr-5 mb-5 bg-primary-100 flex items-center flex-col" className="p-3 m-3 rounded-lg align-middle drop-shadow-md hover:drop-shadow-xl transition-all duration-300 fixed bottom-0 md:right-1/4 md:mr-[-4rem] right-0 mr-5 mb-5 bg-primary-100 flex items-center flex-col"
> >
<ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon> <ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon>
<div className="text-sm italic">To Top</div> <div className="text-sm italic">To Top</div>
</a> </button>
)} )}
</div> </div>
); );

View file

@ -1,10 +1,18 @@
import View from "@/components/View";
import Link from "next/link"; import Link from "next/link";
const ArtsForDocs = () => { const ArtsForDocs = () => {
return ( return (
<section className="min-h-screen" id="artsfordocs"> <View
bg_color="bg-primary-500"
txt_color="text-primary-100"
id="artsfordocs"
>
<h1>
<em>For Doctors</em>
</h1>
<div> <div>
<h1>Osteopathy</h1> <h2>Osteopathy</h2>
<div> <div>
<h2>Articles</h2> <h2>Articles</h2>
<Link href="/articles/osteopathic-head-pain" className="block"> <Link href="/articles/osteopathic-head-pain" className="block">
@ -47,7 +55,7 @@ const ArtsForDocs = () => {
</div> </div>
</div> </div>
<div> <div>
<h1>Acupuncture</h1> <h2>Acupuncture</h2>
<div> <div>
<h2>Articles</h2> <h2>Articles</h2>
<Link href="/articles/five-element-acupuncture" className="block"> <Link href="/articles/five-element-acupuncture" className="block">
@ -77,7 +85,7 @@ const ArtsForDocs = () => {
</Link> </Link>
</div> </div>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,10 +1,20 @@
import View from "@/components/View";
import { Verify } from "crypto";
import Link from "next/link"; import Link from "next/link";
const ArtsForPatients = () => { const ArtsForPatients = () => {
return ( return (
<section className="min-h-screen p-36" id="artsforpatients"> <View
bg_color="bg-primary-300"
txt_color="text-primary-500"
id="artsforpatients"
>
<h1>Articles</h1>
<h1>
<em>For Patients</em>
</h1>
<div> <div>
<h1>General</h1> <h2>General</h2>
<Link href="/articles/ten-stages-of-grief" className="block"> <Link href="/articles/ten-stages-of-grief" className="block">
The Ten Stages of Grief The Ten Stages of Grief
</Link> </Link>
@ -19,7 +29,7 @@ const ArtsForPatients = () => {
</Link> </Link>
</div> </div>
<div> <div>
<h1>What is Osteopathy?</h1> <h2>What is Osteopathy?</h2>
<Link href="/articles/cranial-osteopathy" className="block"> <Link href="/articles/cranial-osteopathy" className="block">
Cranial Osteopathy Cranial Osteopathy
</Link> </Link>
@ -52,7 +62,7 @@ const ArtsForPatients = () => {
</Link> </Link>
</div> </div>
<div> <div>
<h1>Pediatric Osteopathy</h1> <h2>Pediatric Osteopathy</h2>
<Link href="/articles/pediatric-digestive-problems" className="block"> <Link href="/articles/pediatric-digestive-problems" className="block">
Digestive Problems Digestive Problems
</Link> </Link>
@ -73,7 +83,7 @@ const ArtsForPatients = () => {
</Link> </Link>
</div> </div>
<div> <div>
<h1>Acupuncture</h1> <h2>Acupuncture</h2>
<Link href="/articles/acupuncture-basics" className="block"> <Link href="/articles/acupuncture-basics" className="block">
Acupuncture Basics Acupuncture Basics
</Link> </Link>
@ -96,7 +106,7 @@ const ArtsForPatients = () => {
Yamamoto New Scalp Acupuncture FAQ Yamamoto New Scalp Acupuncture FAQ
</Link> </Link>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,7 +1,5 @@
import { Metadata } from "next"; import { Metadata } from "next";
import NOR from "./views/NOR"; import NOR from "./views/NOR";
import NORArticles from "./views/NORArticles";
import NORVideos from "./views/NORVideos";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Dr. Feely | NOR", title: "Dr. Feely | NOR",
@ -15,8 +13,6 @@ const NeuroOcularRelease = () => {
return ( return (
<main> <main>
<NOR></NOR> <NOR></NOR>
<NORArticles></NORArticles>
<NORVideos></NORVideos>
</main> </main>
); );
}; };

View file

@ -1,8 +1,23 @@
import View from "@/components/View";
const NOR = () => { const NOR = () => {
return ( return (
<section className="min-h-screen" id="nor"> <View bg_color="bg-primary-100" txt_color="text-primary-500" id="nor">
NOR <h1>Neuro Ocular Release</h1>
</section> <p>
Neuro-ocular release (NOR) is a new osteopathic method that is designed
to be used alongside other techniques. By utilizing the visual system,
NOR accesses pathways that reset the central and peripheral nervous
systems. In doing so, NOR more effectively alleviates somatic
disfunction in less time than traditional methods alone.
</p>
<h2>Want to learn more?</h2>
<p>
Access to NOR content is only available to account holders. To request
access, contact Dr. Feely at the link below.
</p>
<p>Already have an account?</p>
</View>
); );
}; };

View file

@ -1,9 +0,0 @@
const NORArticles = () => {
return (
<section className="min-h-screen" id="norarticles">
NORArticles
</section>
);
};
export default NORArticles;

View file

@ -1,9 +0,0 @@
const NORVideos = () => {
return (
<section className="min-h-screen" id="norvideos">
NORVideos
</section>
);
};
export default NORVideos;

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const OsteoBasics = () => { const OsteoBasics = () => {
return ( return (
<section className="min-h-screen" id="osteobasics"> <View
bg_color="bg-primary-100"
txt_color="text-primary-500"
id="osteobasics"
>
<p> <p>
Osteopathic Medicine finds its roots in the pioneering work of Dr. Osteopathic Medicine finds its roots in the pioneering work of Dr.
Andrew Taylor Still, who challenged the medical practices of his time. Andrew Taylor Still, who challenged the medical practices of his time.
@ -49,7 +55,7 @@ const OsteoBasics = () => {
also takes into account environmental, emotional, and psychological also takes into account environmental, emotional, and psychological
factors that contribute to a patient's well-being. factors that contribute to a patient's well-being.
</p> </p>
</section> </View>
); );
}; };

View file

@ -1,8 +1,13 @@
import View from "@/components/View";
import Link from "next/link"; import Link from "next/link";
const OsteoForDocs = () => { const OsteoForDocs = () => {
return ( return (
<section className="min-h-screen" id="osteofordocs"> <View
bg_color="bg-primary-500"
txt_color="text-primary-100"
id="osteofordocs"
>
<div className=""> <div className="">
<div className="">View Dr. Feely's resources for doctors:</div> <div className="">View Dr. Feely's resources for doctors:</div>
<Link href="/articles/feelys-osteopathic-dictionary" className="block"> <Link href="/articles/feelys-osteopathic-dictionary" className="block">
@ -22,7 +27,7 @@ const OsteoForDocs = () => {
<div className=""> <div className="">
Or, learn more by reading his articles for doctors: Or, learn more by reading his articles for doctors:
</div> </div>
</section> </View>
); );
}; };

View file

@ -101,7 +101,7 @@ const PediatricCare = () => {
diaphragm function, reducing the need for medication and improving diaphragm function, reducing the need for medication and improving
immune responses. immune responses.
</p> </p>
<LearnMoreButton href="/articles/pediatric-orthopedic-problems"> <LearnMoreButton href="/articles/pediatric-respiratory-health">
Dive deeper into respitory health and osteopathy Dive deeper into respitory health and osteopathy
</LearnMoreButton> </LearnMoreButton>
</Card> </Card>
@ -116,7 +116,7 @@ const PediatricCare = () => {
nerve issues caused by birth, helping to resolve irritability, nerve issues caused by birth, helping to resolve irritability,
developmental delays, and other problems. developmental delays, and other problems.
</p> </p>
<LearnMoreButton href="/articles/pediatric-orthopedic-problems"> <LearnMoreButton href="/articles/pediatric-treatment-for-newborns">
Learn more about OMT and infants Learn more about OMT and infants
</LearnMoreButton> </LearnMoreButton>
</Card> </Card>

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const AcademicWork = () => { const AcademicWork = () => {
return ( return (
<section className="min-h-screen" id="academicwork"> <View
bg_color="bg-primary-100"
txt_color="text-primary-500"
id="academicwork"
>
<div className=""> <div className="">
<h2>Academic Appointments</h2> <h2>Academic Appointments</h2>
<div> <div>
@ -117,7 +123,7 @@ const AcademicWork = () => {
<div>Kirksville College of Osteopathic Medicine</div> <div>Kirksville College of Osteopathic Medicine</div>
</div> </div>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const CertsAndFellows = () => { const CertsAndFellows = () => {
return ( return (
<section className="min-h-screen" id="certsandfellows"> <View
bg_color="bg-primary-300"
txt_color="text-primary-500"
id="certsandfellows"
>
<div className=""> <div className="">
<h2>Board Certifications</h2> <h2>Board Certifications</h2>
<div> <div>
@ -96,7 +102,7 @@ const CertsAndFellows = () => {
</div> </div>
</div> </div>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,6 +1,12 @@
import View from "@/components/View";
const EduAndProExp = () => { const EduAndProExp = () => {
return ( return (
<section className="min-h-screen" id="eduandproexp"> <View
bg_color="bg-primary-100"
txt_color="text-primary-500"
id="eduandproexp"
>
<div className=""> <div className="">
<h2>Education</h2> <h2>Education</h2>
<div> <div>
@ -76,7 +82,7 @@ const EduAndProExp = () => {
<div></div> <div></div>
</div> </div>
</div> </div>
</section> </View>
); );
}; };

View file

@ -1,18 +1,27 @@
"use client"; "use client";
import Carousel from "@/components/Carousel"; import HomePageCarousel from "@/components/HomePageCarousel";
import { ChevronDoubleDownIcon } from "@heroicons/react/24/solid"; import { ChevronDoubleDownIcon } from "@heroicons/react/24/solid";
import drFeelyPic from "@/public/content/dr_feely_headshot.png"; import drFeelyPic from "@/public/content/dr_feely_headshot.png";
import Image from "next/image"; import Image from "next/image";
import View from "@/components/View";
/* Here be dragons */
const Introduction = () => { const Introduction = () => {
return ( return (
<section <View
className="text-primary-100 relative min-h-screen bg-primary-500 z-[-20]" bg_color="bg-primary-500 bg-opacity-75"
txt_color="text-primary-100"
id="introduction" id="introduction"
className="overflow-hidden relative"
> >
<div className="min-h-screen bg-transparent w-full flex items-center relative z-[-2] overflow-hidden"> {/* "relative" above makes the background work */}
<div className="w-11/12 lg:w-5/6 mt-32 my-14 md:mt-12 md:my-0 mx-auto flex items-center flex-col gap-12 md:gap-4 md:flex-row md:justify-around"> {/* we have to do some funky stuff with margins to get the look
we want for the home page */}
<div className="min-h-screen my-10 md:my-[-6rem] flex flex-col md:justify-between">
{/* bumpers so the content doesn't overlap with the navbar*/}
<div className="h-0 md:h-48"></div>
<div className="flex items-center flex-col md:flex-row gap-12 md:justify-around">
<hgroup className="basis-6/12"> <hgroup className="basis-6/12">
<div className="relative"> <div className="relative">
<div className="before:absolute before:-left-52 before:-top-44 before:z-[-1] before:content-textAccent"> <div className="before:absolute before:-left-52 before:-top-44 before:z-[-1] before:content-textAccent">
@ -27,25 +36,30 @@ const Introduction = () => {
and headaches. and headaches.
</p> </p>
</hgroup> </hgroup>
<div className="basis-4/12 flex justify-center"> <div className="basis-4/12">
<Image <Image
className="shadow-superPortraitR shadow-secondary-500 rounded-3xl max-w-sm w-full md:max-w-md" className="shadow-superPortraitR shadow-secondary-500 rounded-3xl w-fit"
src={drFeelyPic} src={drFeelyPic}
alt="Headshot of Dr. Feely" alt="Headshot of Dr. Feely"
/> />
</div> </div>
</div> </div>
<div className="bg-secondary-500 rounded-full hidden md:inline-block ml-[-10px] mb-3 absolute bottom-0 left-1/2 animate-bounce drop-shadow-xl p-1.5"> {/* bumpers so the content doesn't overlap with the navbar.
<a href="/#philosophy"> need one on the bottom too because justify-between */}
<ChevronDoubleDownIcon <div className="h-0 md:h-32"></div>
width="20px"
className=""
></ChevronDoubleDownIcon>
</a>
</div>
</div> </div>
<Carousel className="absolute top-0 left-0 h-full w-full z-[-10]"></Carousel>
</section> {/* bouncy arrow :) */}
<div className="bg-secondary-500 rounded-full hidden md:block ml-[-10px] mb-4 absolute bottom-0 left-1/2 animate-bounce drop-shadow-xl p-1.5">
<ChevronDoubleDownIcon
width="20px"
className=""
></ChevronDoubleDownIcon>
</div>
{/* background image magic */}
<HomePageCarousel className="h-full w-full absolute top-0 left-0 z-[-2]"></HomePageCarousel>
<div className="h-full w-full absolute top-0 left-0 z-[-3] bg-primary-500"></div>
</View>
); );
}; };

View file

@ -24,7 +24,7 @@ const Carousel = ({ className }: Props) => {
setBackgroundIndex( setBackgroundIndex(
(prevIndex) => (prevIndex + 1) % backgroundImages.length (prevIndex) => (prevIndex + 1) % backgroundImages.length
); );
}, 10000); }, 9000);
return () => clearInterval(interval); return () => clearInterval(interval);
}, []); }, []);
@ -32,7 +32,7 @@ const Carousel = ({ className }: Props) => {
const transitions = useTransition(backgroundIndex, { const transitions = useTransition(backgroundIndex, {
key: backgroundIndex, key: backgroundIndex,
from: { opacity: 0 }, from: { opacity: 0 },
enter: { opacity: 0.25 }, enter: { opacity: 1 },
leave: { opacity: 0 }, leave: { opacity: 0 },
config: { duration: 2500 }, config: { duration: 2500 },
exitBeforeEnter: true, exitBeforeEnter: true,

View file

@ -51,7 +51,7 @@ const Navbar = () => {
className={ className={
"font-cormorant text-2xl p-5 whitespace-nowrap transition-all " + "font-cormorant text-2xl p-5 whitespace-nowrap transition-all " +
(useSmallNav (useSmallNav
? "text-transparent select-none duration-100" ? "text-transparent select-none w-0 duration-100"
: "duration-300 delay-100") : "duration-300 delay-100")
} }
> >

View file

@ -0,0 +1,11 @@
import Link from "next/link";
const NoReplaceLink = (props: any) => {
return (
<Link replace={true} {...props}>
{props.children}
</Link>
);
};
export default NoReplaceLink;

View file

@ -29,8 +29,8 @@ module.exports = {
cormorant: ["Cormorant", "serif"], cormorant: ["Cormorant", "serif"],
}, },
screens: { screens: {
lg: "1100px", lg: "1200px",
md: "900px", md: "975px",
}, },
keyframes: { keyframes: {
fadeIn: { fadeIn: {
@ -51,11 +51,11 @@ module.exports = {
superPortraitL: "-75px 75px 250px 0px", superPortraitL: "-75px 75px 250px 0px",
}, },
content: { content: {
textAccent: "url('/text_accent.png')", textAccent: "url('/content/text_accent.png')",
textAccent2: "url('/text_accent_2.png')", textAccent2: "url('/content/text_accent_2.png')",
quote: "url('/quote.png')", quote: "url('/content/quote.png')",
textAccent3: "url('/text_accent_3.png')", textAccent3: "url('/content/text_accent_3.png')",
textAccent4: "url('/text_accent_4.png')", textAccent4: "url('/content/text_accent_4.png')",
}, },
}, },
}, },