make me short easy notes with explanations

Reading File

Running Command

python -m markitdown "/home/daytona/workspace/attachments/bc325873-d3d9-4421-a7d…

Running Command

cd "/home/daytona/workspace/attachments/bc325873-d3d9-4421-a7dd-12c922cf524b" &&…

Running Command

pip install --user python-pptx -q && python3 -c " from pptx import Presentation …

Here are your short, easy notes on the Cerebral Cortex (Cerebrum):

🧠 Cerebral Cortex - Easy Notes

1. What is the Cerebral Cortex?

The largest and uppermost part of the brain
Gray matter (outer layer) = neuronal cell bodies
White matter (inner layer) = axons covered in myelin (gives white color)

2. Protection - The Meninges

Three layers wrap around the brain and spinal cord:

Layer	Description
Dura mater	Tough outermost layer; sticks to inside of skull; creates compartments for hemispheres and cerebellum
Arachnoid mater	Middle, delicate spider-web-like layer; below it is the subarachnoid space filled with CSF and blood vessels
Pia mater	Innermost layer; hugs the gyri and sulci tightly

Epidural space = between skull and dura
Subdural space = just under the dura
Dura is innervated by the trigeminal nerve (CN V)

3. Blood Brain Barrier (BBB)

Located in walls of CNS blood vessels
Endothelial cells are tightly packed (tight junctions)
Acts as a selective filter - keeps out foreign invaders, hormones, antibodies
Not fully developed in fetuses and infants

4. Arterial Blood Supply

Internal carotid artery - main supply to cerebral hemispheres
- → Anterior cerebral artery - medial frontal + parietal lobes, corpus callosum
- → Middle cerebral artery - lateral hemispheres, internal capsule
Posterior cerebral artery (from basilar artery) - occipital lobe + inferior temporal lobe
External carotid artery supplies face, oral, nasal, and orbital cavities

5. Cerebral Landmarks

Term	Meaning
Fissures	Deep grooves
Sulci	Shallower grooves
Gyri	Raised ridges (the bumps)
Longitudinal fissure	Separates right and left hemispheres
Central sulcus	Separates frontal from parietal lobe
Lateral fissure	Separates frontal/parietal from temporal lobe
Transverse fissure	Divides cerebrum from cerebellum

6. Lobes of the Brain

There are 4 main lobes in each hemisphere + 1 hidden lobe:

Lobe	Location	Key Function
Frontal	Front, above eyes	Reasoning, planning, motor movement, speech
Parietal	Behind central sulcus	Touch sensation, spatial awareness
Temporal	Below lateral fissure	Hearing, language comprehension, memory
Occipital	Very back of brain	Vision
Limbic/Insula	Underneath the 4 lobes	Emotion, memory

7. Frontal Lobe - Key Areas

Prefrontal Cortex (BA 9,10,11,12,46,47)

Cognition, personality, decision-making, social behavior
Dorsolateral - working memory
Ventrolateral - episodic + autobiographical memory, motor inhibition
Orbitofrontal - reward/punishment learning
Medial - emotional memory

Frontal Eye Fields (BA 8)

Controls eye movements (up, down, left, right)
Involved in managing uncertainty and feelings of hope

Broca's Area (BA 44, 45)

In the inferior frontal gyrus
Speech production and language processing
BA 45 (Pars triangularis) - language interpretation, syntax
BA 44 (Pars opercularis) - coordinates motor speech; contains mirror neurons

Premotor Cortex (BA 6)

Plans and sequences complex voluntary movements
Speech motor planning
Contains mirror neurons
Supplementary motor cortex (top of BA 6) - sequencing, posture, bimanual coordination

Primary Motor Cortex (BA 4) - Precentral Gyrus

Sends motor signals to the opposite side of the body
Arranged as a homunculus (more fibers for fine movements like hands/face)

8. Parietal Lobe - Key Areas

Primary Somatosensory Cortex (BA 3,2,1) - Post-central Gyrus

Receives touch, temperature, vibration, proprioception
Also arranged as a homunculus

Somatosensory Association Cortex (BA 5, 7)

Integrates body position and spatial orientation
Assists with visuo-motor coordination and fluent speech

Angular Gyrus (BA 39)

Left side: reading, math, understanding metaphors
Right side: visuospatial processing

Supramarginal Gyrus (BA 40)

Stores sound representations of phonemes (speech sounds)
Part of the dorsal language stream
Helps form sounds when reading a printed word

Angular gyrus + Supramarginal gyrus together = Inferior Parietal Lobe

9. Occipital Lobe - Visual Cortex

BA 17 = Primary visual cortex
BA 18, 19 = Associative visual cortex

Two visual processing streams:

Dorsal stream (BA 17 → 18, 19, 7, 39) = "WHERE" - motion and spatial relationships
Ventral stream (BA 17 → 18, 19, 37) = "WHAT" - identifying objects, faces, colors

10. Temporal Lobe - Key Areas

Area	BA	Function
Inferior Temporal Area	20, 21	Auditory processing, language, reading facial emotions
Parahippocampal Gyrus	27-36	Memory; contains hippocampus
Hippocampus	-	Long-term declarative memory (semantic + episodic memory)
Fusiform Gyrus	37	Object naming, facial recognition, visual word recognition
Temporal Pole	38	Left = language/semantics; Right = familiar voices; Both = empathy + Theory of Mind
Auditory Cortex (Heschl's Gyrus)	41, 42	Hearing - processes sound intensity and frequency; tonotopically organized
Wernicke's Area	22	Language comprehension - understanding spoken speech

Quick Memory Tips

Broca's area = Broken speech (can't produce speech)
Wernicke's area = Words understood (comprehension)
Dorsal = WHERE | Ventral = WHAT (visual streams)
Homunculus = "little man" map on the cortex showing body representation
Meninges order (outside in): Dura → Arachnoid → Pia (remember: DAP)

turn this information into quiz

i want interactive quiz

Running Command

mkdir -p /home/daytona/workspace/cerebral-cortex-quiz

Writing File

~/cerebral-cortex-quiz/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>🧠 Cerebral Cortex Quiz</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Segoe UI', sans-serif;
      background: #0f0c29;
      background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      color: #fff;
    }

    .container {
      background: rgba(255,255,255,0.05);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 20px;
      max-width: 720px;
      width: 100%;
      padding: 40px;
      box-shadow: 0 25px 60px rgba(0,0,0,0.4);
    }

    /* ── WELCOME SCREEN ── */
    #welcome-screen { text-align: center; }
    #welcome-screen h1 { font-size: 2.6rem; margin-bottom: 12px; }
    #welcome-screen p  { font-size: 1.1rem; color: #ccc; margin-bottom: 30px; }
    .tag-row { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }
    .tag {
      background: rgba(255,255,255,0.1);
      border-radius: 50px;
      padding: 6px 16px;
      font-size: 0.85rem;
      color: #ddd;
    }

    /* ── QUIZ SCREEN ── */
    #quiz-screen { display: none; }

    .progress-bar-wrap {
      background: rgba(255,255,255,0.1);
      border-radius: 50px;
      height: 8px;
      margin-bottom: 8px;
      overflow: hidden;
    }
    .progress-bar-fill {
      height: 100%;
      background: linear-gradient(90deg, #a78bfa, #60a5fa);
      border-radius: 50px;
      transition: width 0.4s ease;
    }
    .progress-text {
      font-size: 0.82rem;
      color: #aaa;
      text-align: right;
      margin-bottom: 28px;
    }

    .category-badge {
      display: inline-block;
      background: linear-gradient(135deg, #a78bfa33, #60a5fa33);
      border: 1px solid rgba(167,139,250,0.4);
      border-radius: 50px;
      padding: 4px 14px;
      font-size: 0.78rem;
      color: #c4b5fd;
      margin-bottom: 14px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    .question-text {
      font-size: 1.3rem;
      font-weight: 600;
      line-height: 1.5;
      margin-bottom: 28px;
      color: #f1f5f9;
    }

    .options { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }

    .option-btn {
      background: rgba(255,255,255,0.06);
      border: 1.5px solid rgba(255,255,255,0.15);
      border-radius: 12px;
      padding: 14px 20px;
      font-size: 1rem;
      color: #e2e8f0;
      cursor: pointer;
      text-align: left;
      transition: all 0.2s;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .option-btn:hover:not(:disabled) {
      background: rgba(167,139,250,0.15);
      border-color: #a78bfa;
      transform: translateX(4px);
    }
    .option-btn .opt-letter {
      background: rgba(255,255,255,0.1);
      border-radius: 8px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 0.85rem;
      flex-shrink: 0;
    }
    .option-btn.correct {
      background: rgba(34,197,94,0.2);
      border-color: #22c55e;
      color: #bbf7d0;
    }
    .option-btn.correct .opt-letter { background: #22c55e; color: #fff; }
    .option-btn.wrong {
      background: rgba(239,68,68,0.2);
      border-color: #ef4444;
      color: #fecaca;
    }
    .option-btn.wrong .opt-letter { background: #ef4444; color: #fff; }
    .option-btn:disabled { cursor: default; transform: none !important; }

    .feedback-box {
      border-radius: 12px;
      padding: 14px 18px;
      font-size: 0.95rem;
      line-height: 1.5;
      margin-bottom: 20px;
      display: none;
    }
    .feedback-box.correct-fb {
      background: rgba(34,197,94,0.12);
      border: 1px solid rgba(34,197,94,0.3);
      color: #86efac;
    }
    .feedback-box.wrong-fb {
      background: rgba(239,68,68,0.12);
      border: 1px solid rgba(239,68,68,0.3);
      color: #fca5a5;
    }
    .feedback-box span.emoji { font-size: 1.2rem; margin-right: 6px; }

    /* ── RESULTS SCREEN ── */
    #results-screen { display: none; text-align: center; }
    #results-screen h2 { font-size: 2rem; margin-bottom: 10px; }
    .score-circle {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: conic-gradient(#a78bfa var(--pct), rgba(255,255,255,0.08) 0);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 30px auto;
      font-size: 2.2rem;
      font-weight: 800;
      color: #fff;
      box-shadow: 0 0 40px rgba(167,139,250,0.4);
    }
    .score-label { font-size: 1rem; color: #aaa; margin-bottom: 6px; }
    .score-msg { font-size: 1.2rem; font-weight: 600; margin-bottom: 30px; color: #c4b5fd; }

    .results-breakdown {
      text-align: left;
      max-height: 340px;
      overflow-y: auto;
      margin-bottom: 30px;
      padding-right: 4px;
    }
    .result-item {
      background: rgba(255,255,255,0.05);
      border-radius: 10px;
      padding: 12px 16px;
      margin-bottom: 10px;
      border-left: 4px solid transparent;
    }
    .result-item.ri-correct { border-left-color: #22c55e; }
    .result-item.ri-wrong   { border-left-color: #ef4444; }
    .result-item .ri-q { font-size: 0.92rem; color: #e2e8f0; margin-bottom: 5px; }
    .result-item .ri-ans { font-size: 0.82rem; color: #aaa; }
    .result-item .ri-ans span { font-weight: 600; }
    .result-item .ri-correct-ans { color: #86efac; }
    .result-item .ri-your-ans    { color: #fca5a5; }

    /* ── BUTTONS ── */
    .btn {
      display: inline-block;
      padding: 14px 32px;
      border-radius: 12px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      border: none;
      transition: all 0.2s;
    }
    .btn-primary {
      background: linear-gradient(135deg, #a78bfa, #60a5fa);
      color: #fff;
      box-shadow: 0 4px 20px rgba(167,139,250,0.4);
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(167,139,250,0.5); }
    .btn-ghost {
      background: rgba(255,255,255,0.08);
      color: #e2e8f0;
      border: 1px solid rgba(255,255,255,0.15);
    }
    .btn-ghost:hover { background: rgba(255,255,255,0.14); }
    .btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

    .streak-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(251,191,36,0.15);
      border: 1px solid rgba(251,191,36,0.3);
      color: #fde68a;
      border-radius: 50px;
      padding: 4px 12px;
      font-size: 0.82rem;
      font-weight: 600;
      margin-left: 10px;
    }

    .top-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    .score-live {
      font-size: 0.9rem;
      color: #aaa;
    }
    .score-live span { color: #a78bfa; font-weight: 700; }

    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 5px; }
  </style>
</head>
<body>
<div class="container">

  <!-- WELCOME -->
  <div id="welcome-screen">
    <div style="font-size:3.5rem;margin-bottom:10px">🧠</div>
    <h1>Cerebral Cortex Quiz</h1>
    <p>Test your knowledge on the cerebrum, lobes, cortical areas, and key structures.</p>
    <div class="tag-row">
      <span class="tag">40 Questions</span>
      <span class="tag">Multiple Choice</span>
      <span class="tag">Instant Feedback</span>
      <span class="tag">Neuroscience</span>
    </div>
    <button class="btn btn-primary" onclick="startQuiz()">Start Quiz →</button>
  </div>

  <!-- QUIZ -->
  <div id="quiz-screen">
    <div class="top-bar">
      <div style="font-size:1.4rem">🧠</div>
      <div class="score-live">Score: <span id="live-score">0</span></div>
    </div>
    <div class="progress-bar-wrap">
      <div class="progress-bar-fill" id="progress-fill" style="width:0%"></div>
    </div>
    <div class="progress-text" id="progress-text">Question 1 of 40</div>
    <div class="category-badge" id="q-category">Category</div>
    <div class="question-text" id="q-text">Question goes here</div>
    <div class="options" id="options-list"></div>
    <div class="feedback-box" id="feedback-box"></div>
    <div style="text-align:right">
      <button class="btn btn-primary" id="next-btn" onclick="nextQuestion()" style="display:none">Next →</button>
    </div>
  </div>

  <!-- RESULTS -->
  <div id="results-screen">
    <div style="font-size:2.5rem">🎉</div>
    <h2>Quiz Complete!</h2>
    <div class="score-label">Your Score</div>
    <div class="score-circle" id="score-circle">0%</div>
    <div class="score-msg" id="score-msg"></div>
    <div class="results-breakdown" id="results-breakdown"></div>
    <div class="btn-row">
      <button class="btn btn-primary" onclick="restartQuiz()">🔁 Try Again</button>
      <button class="btn btn-ghost" onclick="reviewMistakes()">❌ Review Mistakes</button>
    </div>
  </div>

</div>

<script>
const ALL_QUESTIONS = [
  // CEREBRAL CORTEX BASICS
  { category: "Cerebral Cortex Basics", q: "What is the cerebral cortex?", options: ["Deepest part of the brain","The largest and uppermost surface of the brain","The brain stem","The cerebellum"], answer: 1, explain: "The cerebral cortex is the largest and uppermost portion of the brain - it is the brain's surface." },
  { category: "Cerebral Cortex Basics", q: "What gives the outer layer of the brain its gray color?", options: ["Myelin on axons","Neuronal cell bodies","Blood vessels","Cerebrospinal fluid"], answer: 1, explain: "The outer gray matter is made of neuronal cell bodies. The inner white matter is made of myelinated axons." },
  { category: "Cerebral Cortex Basics", q: "Why is the inner layer of the brain called 'white matter'?", options: ["High fat content","Presence of astrocytes","Myelin coating on axons","Calcium deposits"], answer: 2, explain: "White matter gets its color from the myelin coating surrounding axons." },

  // MENINGES
  { category: "Meninges", q: "How many layers make up the meninges?", options: ["2","3","4","5"], answer: 1, explain: "The meninges has 3 layers: Dura mater, Arachnoid mater, and Pia mater (DAP)." },
  { category: "Meninges", q: "Which meningeal layer adheres to the inside of the skull?", options: ["Pia mater","Arachnoid mater","Dura mater","Subarachnoid layer"], answer: 2, explain: "The dura mater is the tough outermost layer that adheres to the inside of the skull." },
  { category: "Meninges", q: "What is found in the subarachnoid space?", options: ["Only blood vessels","Only neurons","CSF, blood vessels, and trabeculae","Dural sinuses"], answer: 2, explain: "The subarachnoid space contains cerebrospinal fluid (CSF), blood vessels, and spider-web-like trabeculae." },
  { category: "Meninges", q: "Which cranial nerve supplies sensory fibers to the dura mater?", options: ["CN VII","CN V (Trigeminal)","CN IX","CN X"], answer: 1, explain: "The dura is well supplied by sensory nerves from the trigeminal nerve (CN V)." },
  { category: "Meninges", q: "Which meningeal layer tightly follows the gyri and sulci of the brain?", options: ["Dura mater","Arachnoid mater","Pia mater","Epidural layer"], answer: 2, explain: "The pia mater adheres tightly to the hills (gyri) and valleys (sulci) of the brain." },
  { category: "Meninges", q: "What is the space between the skull and the dura mater called?", options: ["Subdural space","Subarachnoid space","Epidural space","Ventricular space"], answer: 2, explain: "The epidural space is located between the skull and the dura mater." },

  // BLOOD BRAIN BARRIER
  { category: "Blood Brain Barrier", q: "Where is the Blood Brain Barrier (BBB) located?", options: ["Meninges","Walls of CNS blood vessels","Choroid plexus","Subarachnoid space"], answer: 1, explain: "The BBB is located in the walls of CNS blood vessels, formed by tightly packed endothelial cells." },
  { category: "Blood Brain Barrier", q: "What type of junctions make the BBB semipermeable?", options: ["Gap junctions","Desmosomes","Tight junctions","Adherens junctions"], answer: 2, explain: "Tight junctions hold endothelial cells together and tightly regulate what substances can pass through." },
  { category: "Blood Brain Barrier", q: "In which population is the BBB NOT fully developed?", options: ["Teenagers","Adults over 60","Fetuses and infants","Athletes"], answer: 2, explain: "The BBB of fetuses and infants is not fully developed, making them more vulnerable to certain substances." },

  // ARTERIAL SUPPLY
  { category: "Arterial Supply", q: "Which artery is the major blood supply to the cerebral hemispheres?", options: ["External carotid artery","Internal carotid artery","Vertebral artery","Basilar artery"], answer: 1, explain: "The internal carotid artery is the major blood supply to the cerebral hemispheres." },
  { category: "Arterial Supply", q: "The anterior cerebral artery supplies which areas?", options: ["Lateral hemisphere and internal capsule","Occipital lobe only","Medial frontal, parietal lobes and corpus callosum","Inferior temporal lobe"], answer: 2, explain: "The anterior cerebral artery supplies the medial surface of the frontal and parietal lobes and the corpus callosum." },
  { category: "Arterial Supply", q: "Which artery supplies the occipital lobe?", options: ["Anterior cerebral artery","Middle cerebral artery","Posterior cerebral artery","External carotid artery"], answer: 2, explain: "The posterior cerebral artery (branch of basilar artery) supplies the occipital lobe and inferior temporal lobe." },
  { category: "Arterial Supply", q: "The middle cerebral artery supplies which areas?", options: ["Medial frontal lobe","Corpus callosum","Lateral portions of hemisphere and internal capsule","Occipital lobe"], answer: 2, explain: "The middle cerebral artery supplies the lateral portions of the hemisphere and the internal capsule." },

  // CEREBRAL LANDMARKS
  { category: "Cerebral Landmarks", q: "What separates the right and left cerebral hemispheres?", options: ["Central sulcus","Lateral fissure","Longitudinal fissure","Transverse fissure"], answer: 2, explain: "The longitudinal fissure is the deep groove that separates the right and left hemispheres." },
  { category: "Cerebral Landmarks", q: "What does the central sulcus separate?", options: ["Frontal and temporal lobes","Right and left hemispheres","Frontal and parietal lobes","Cerebrum and cerebellum"], answer: 2, explain: "The central sulcus (central fissure) separates the frontal lobe from the parietal lobe." },
  { category: "Cerebral Landmarks", q: "Raised ridges on the brain surface are called:", options: ["Sulci","Fissures","Gyri","Ventricles"], answer: 2, explain: "Gyri are the elevated ridges of the brain. Sulci are shallower grooves and fissures are deep grooves." },
  { category: "Cerebral Landmarks", q: "Which fissure divides the cerebrum from the cerebellum?", options: ["Lateral fissure","Central sulcus","Longitudinal fissure","Transverse fissure"], answer: 3, explain: "The transverse fissure divides the cerebrum (above) from the cerebellum (below)." },

  // LOBES
  { category: "Lobes of the Brain", q: "How many main lobes does each cerebral hemisphere have?", options: ["3","4","5","6"], answer: 1, explain: "Each hemisphere has 4 main lobes: Frontal, Parietal, Temporal, and Occipital. A 5th (limbic/insula) lies underneath." },
  { category: "Lobes of the Brain", q: "Which lobe is responsible for voluntary motor movement and speech production?", options: ["Parietal lobe","Temporal lobe","Frontal lobe","Occipital lobe"], answer: 2, explain: "The frontal lobe handles reasoning, planning, voluntary motor movement, and expressive language." },
  { category: "Lobes of the Brain", q: "Which lobe processes auditory information and long-term memory?", options: ["Frontal lobe","Parietal lobe","Occipital lobe","Temporal lobe"], answer: 3, explain: "The temporal lobe processes auditory information, language comprehension, and memory functions." },
  { category: "Lobes of the Brain", q: "Which lobe is primarily responsible for visual processing?", options: ["Frontal lobe","Temporal lobe","Parietal lobe","Occipital lobe"], answer: 3, explain: "The occipital lobe, located at the very back of the brain, handles visual processing and interpretation." },

  // FRONTAL LOBE
  { category: "Frontal Lobe", q: "Broca's area is located in which Brodmann areas?", options: ["BA 4 and 6","BA 9 and 10","BA 44 and 45","BA 41 and 42"], answer: 2, explain: "Broca's area is Brodmann areas 44 (pars opercularis) and 45 (pars triangularis), in the inferior frontal gyrus." },
  { category: "Frontal Lobe", q: "What is the primary function of Broca's area?", options: ["Language comprehension","Speech production","Visual processing","Auditory processing"], answer: 1, explain: "Broca's area is involved in speech production and language processing. Damage causes expressive aphasia." },
  { category: "Frontal Lobe", q: "The primary motor cortex is located in which Brodmann area?", options: ["BA 3,2,1","BA 6","BA 4","BA 8"], answer: 2, explain: "The primary motor cortex is BA 4, located on the precentral gyrus, just anterior to the central fissure." },
  { category: "Frontal Lobe", q: "What is a homunculus in the context of the motor cortex?", options: ["A type of neuron","A map of the body on the cortex with more fibers for fine movement areas","A blood vessel pattern","A memory circuit"], answer: 1, explain: "The homunculus is a body map on the motor cortex where areas needing fine motor control (hands, face) have more cortical representation." },
  { category: "Frontal Lobe", q: "Which area of the prefrontal cortex is involved in reward/punishment learning?", options: ["Dorsolateral PFC","Medial PFC","Orbitofrontal cortex","Ventrolateral PFC"], answer: 2, explain: "The orbitofrontal cortex (BA 11,12) evaluates rewards and punishments and links behavior to experience." },
  { category: "Frontal Lobe", q: "The Frontal Eye Fields (BA 8) control which function?", options: ["Facial expression","Eye movements in all directions","Balance","Olfaction"], answer: 1, explain: "The frontal eye fields control left, right, up, and down eye movements, and are involved in managing uncertainty." },
  { category: "Frontal Lobe", q: "Which area contains mirror neurons and plans complex voluntary movements?", options: ["Primary motor cortex","Prefrontal cortex","Premotor cortex","Frontal eye fields"], answer: 2, explain: "The premotor cortex (BA 6) selects, plans and sequences complex voluntary movements and contains mirror neurons." },

  // PARIETAL LOBE
  { category: "Parietal Lobe", q: "The primary somatosensory cortex is located in which gyrus?", options: ["Precentral gyrus","Postcentral gyrus","Superior temporal gyrus","Angular gyrus"], answer: 1, explain: "The primary somatosensory cortex (BA 3,2,1) is on the postcentral gyrus, just behind the central sulcus." },
  { category: "Parietal Lobe", q: "Which parietal area is important for reading, math, and understanding metaphors?", options: ["Supramarginal gyrus","Primary somatosensory cortex","Angular gyrus","Somatosensory association cortex"], answer: 2, explain: "The angular gyrus (BA 39) in the left hemisphere is important for reading, math, and understanding metaphors." },
  { category: "Parietal Lobe", q: "The Supramarginal Gyrus (BA 40) is important for:", options: ["Facial recognition","Visual processing","Storing phoneme representations and forming word sounds","Long-term memory"], answer: 2, explain: "The supramarginal gyrus stores auditory representations of phonemes and helps form sounds when reading printed words." },
  { category: "Parietal Lobe", q: "Together, the angular gyrus and supramarginal gyrus form which region?", options: ["Superior parietal lobe","Inferior parietal lobe","Posterior parietal cortex","Sensorimotor cortex"], answer: 1, explain: "The angular gyrus (BA 39) and supramarginal gyrus (BA 40) together make up the inferior parietal lobe." },

  // OCCIPITAL LOBE
  { category: "Occipital Lobe", q: "The primary visual cortex corresponds to which Brodmann area?", options: ["BA 18","BA 17","BA 19","BA 37"], answer: 1, explain: "BA 17 is the primary visual cortex. BA 18 and 19 are the associative visual cortex." },
  { category: "Occipital Lobe", q: "The dorsal visual stream is responsible for:", options: ["Color and face recognition","Identifying objects","WHERE - motion and spatial relationships","Long-term visual memory"], answer: 2, explain: "The dorsal stream ('where pathway') analyzes motion and spatial relationships between objects." },
  { category: "Occipital Lobe", q: "The ventral visual stream answers the question:", options: ["Where is the object?","What is the object?","When did I see this?","How do I reach for it?"], answer: 1, explain: "The ventral stream ('what pathway') identifies forms, colors, faces, and objects - answering 'what is it?'" },

  // TEMPORAL LOBE
  { category: "Temporal Lobe", q: "Wernicke's area is Brodmann area:", options: ["BA 44","BA 22","BA 41","BA 38"], answer: 1, explain: "Wernicke's area is BA 22, in the posterior superior temporal gyrus. It handles language comprehension." },
  { category: "Temporal Lobe", q: "What is the primary function of Wernicke's area?", options: ["Speech production","Motor planning","Language comprehension - understanding speech","Visual recognition"], answer: 2, explain: "Wernicke's area attaches meaning to auditory information and helps us understand spoken language." },
  { category: "Temporal Lobe", q: "Which structure is shaped like a seahorse and is key for declarative memory?", options: ["Amygdala","Fusiform gyrus","Hippocampus","Thalamus"], answer: 2, explain: "The hippocampus (S-shaped like a seahorse) is key for declarative memory storage including semantic and episodic memory." },
  { category: "Temporal Lobe", q: "The Fusiform Gyrus (BA 37) is known for:", options: ["Auditory processing","Facial recognition and visual object naming","Emotion regulation","Speech production"], answer: 1, explain: "The fusiform gyrus (also called occipito-temporal gyrus) handles facial recognition, naming objects, and visual object recognition." },
  { category: "Temporal Lobe", q: "Heschl's gyrus (BA 41,42) is the primary cortical area for:", options: ["Vision","Touch sensation","Hearing","Smell"], answer: 2, explain: "Heschl's gyrus is the primary auditory cortex - the first cortical region that receives auditory information. It is tonotopically organized." },
];

let questions = [];
let current = 0;
let score = 0;
let userAnswers = [];
let answered = false;

function shuffle(arr) {
  for (let i = arr.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [arr[i], arr[j]] = [arr[j], arr[i]];
  }
  return arr;
}

function startQuiz() {
  questions = shuffle([...ALL_QUESTIONS]);
  current = 0; score = 0; userAnswers = [];
  document.getElementById('welcome-screen').style.display = 'none';
  document.getElementById('results-screen').style.display = 'none';
  document.getElementById('quiz-screen').style.display = 'block';
  renderQuestion();
}

function renderQuestion() {
  answered = false;
  const q = questions[current];
  const total = questions.length;

  document.getElementById('progress-fill').style.width = ((current / total) * 100) + '%';
  document.getElementById('progress-text').textContent = `Question ${current + 1} of ${total}`;
  document.getElementById('live-score').textContent = score;
  document.getElementById('q-category').textContent = q.category;
  document.getElementById('q-text').textContent = q.q;

  const letters = ['A','B','C','D'];
  const ol = document.getElementById('options-list');
  ol.innerHTML = '';
  q.options.forEach((opt, i) => {
    const btn = document.createElement('button');
    btn.className = 'option-btn';
    btn.innerHTML = `<span class="opt-letter">${letters[i]}</span>${opt}`;
    btn.onclick = () => selectAnswer(i);
    ol.appendChild(btn);
  });

  const fb = document.getElementById('feedback-box');
  fb.style.display = 'none';
  fb.className = 'feedback-box';

  document.getElementById('next-btn').style.display = 'none';
}

function selectAnswer(chosen) {
  if (answered) return;
  answered = true;
  const q = questions[current];
  const btns = document.querySelectorAll('.option-btn');
  btns.forEach(b => b.disabled = true);

  const isCorrect = chosen === q.answer;
  if (isCorrect) score++;

  btns[q.answer].classList.add('correct');
  if (!isCorrect) btns[chosen].classList.add('wrong');

  userAnswers.push({ q: q.q, chosen, correct: q.answer, options: q.options, isCorrect, explain: q.explain });

  const fb = document.getElementById('feedback-box');
  fb.style.display = 'block';
  if (isCorrect) {
    fb.className = 'feedback-box correct-fb';
    fb.innerHTML = `<span class="emoji">✅</span> <strong>Correct!</strong> ${q.explain}`;
  } else {
    fb.className = 'feedback-box wrong-fb';
    fb.innerHTML = `<span class="emoji">❌</span> <strong>Incorrect.</strong> The correct answer is <strong>${q.options[q.answer]}</strong>. ${q.explain}`;
  }

  document.getElementById('next-btn').style.display = 'inline-block';
  document.getElementById('live-score').textContent = score;
}

function nextQuestion() {
  current++;
  if (current >= questions.length) {
    showResults();
  } else {
    renderQuestion();
  }
}

function showResults() {
  document.getElementById('quiz-screen').style.display = 'none';
  document.getElementById('results-screen').style.display = 'block';

  const pct = Math.round((score / questions.length) * 100);
  const circle = document.getElementById('score-circle');
  circle.style.setProperty('--pct', pct + '%');
  circle.textContent = pct + '%';

  let msg = '';
  if (pct >= 90) msg = '🏆 Outstanding! You have mastered the cerebral cortex!';
  else if (pct >= 75) msg = '🎯 Great job! Strong understanding overall.';
  else if (pct >= 60) msg = '📚 Good effort! Review the tricky areas.';
  else msg = '💪 Keep studying! You\'ve got this.';
  document.getElementById('score-msg').textContent = msg;

  const bd = document.getElementById('results-breakdown');
  bd.innerHTML = '<strong style="color:#aaa;font-size:0.85rem;display:block;margin-bottom:10px">QUESTION REVIEW</strong>';
  userAnswers.forEach((a, i) => {
    const div = document.createElement('div');
    div.className = `result-item ${a.isCorrect ? 'ri-correct' : 'ri-wrong'}`;
    div.innerHTML = `
      <div class="ri-q">${i+1}. ${a.q}</div>
      <div class="ri-ans">
        ${a.isCorrect
          ? `<span class="ri-correct-ans">✓ ${a.options[a.correct]}</span>`
          : `<span class="ri-your-ans">✗ Your answer: ${a.options[a.chosen]}</span> &nbsp;|&nbsp; <span class="ri-correct-ans">✓ Correct: ${a.options[a.correct]}</span>`
        }
      </div>`;
    bd.appendChild(div);
  });
}

function reviewMistakes() {
  const mistakes = userAnswers.filter(a => !a.isCorrect);
  if (mistakes.length === 0) {
    alert('Perfect score! No mistakes to review. 🎉');
    return;
  }
  questions = mistakes.map(m => ALL_QUESTIONS.find(q => q.q === m.q)).filter(Boolean);
  current = 0; score = 0; userAnswers = [];
  document.getElementById('results-screen').style.display = 'none';
  document.getElementById('quiz-screen').style.display = 'block';
  renderQuestion();
}

function restartQuiz() {
  document.getElementById('results-screen').style.display = 'none';
  startQuiz();
}
</script>
</body>
</html>

Your interactive quiz is ready! Download and open it in any browser:

index

HTML File · HTML

What's included:

40 multiple-choice questions covering every topic from your notes
Questions are shuffled randomly each time so every attempt feels fresh
Instant feedback after each answer - shows whether you're right or wrong, plus a clear explanation
Live score tracker in the top corner as you go
Results screen at the end with your percentage, a score circle, and a full review of every question
"Review Mistakes" button - replays only the questions you got wrong, so you can drill weak spots
Beautiful dark-themed UI that works on desktop and mobile

Topics covered: Cerebral cortex basics, Meninges (3 layers), Blood Brain Barrier, Arterial supply, Cerebral landmarks, Lobes of the brain, Frontal lobe areas (Broca's, motor cortex, premotor, PFC, frontal eye fields), Parietal lobe (angular gyrus, supramarginal gyrus, sensory cortex), Occipital lobe (dorsal/ventral streams), Temporal lobe (Wernicke's, hippocampus, fusiform, Heschl's gyrus).

image.png

explain

An error occurred (ValidationException) when calling the ConverseStream operation: The model returned the following errors: messages.4.content.1.image.source.bytes: At least one of the image dimensions exceed max allowed size: 8000 pixels

We encountered an error while processing your request. Please try again or reach out to us for help.

🔗Contact Support

✉️hi@orris.care

make short concise notes

We encountered an error while processing your request. Please try again or reach out to us for help.

🔗Contact Support

✉️hi@orris.care

This is a shared conversation. Sign in to Orris to start your own chat.