index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>PBS &amp; DBIC Shared Resources · Dartmouth</title>
  <meta name="description" content="Shared human-neuroscience research infrastructure at Dartmouth — the Dartmouth Brain Imaging Center 3T fMRI scanner, Research Computing, fNIRS, EEG, VR, neurostimulation, and psychophysiology." />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="icon" href="images/dartmouth-d.jpg" />
</head>
<body>

  <!-- ============ HEADER ============ -->
  <header class="site-header" data-theme="solid" data-header>
    <div class="container header-inner">
      <a class="brand" href="index.html" aria-label="Home">
        <img class="brand-dpine" src="images/dartmouth-d.jpg" alt="Dartmouth" />
        <span class="brand-text">Shared Resources</span>
      </a>
      <button class="nav-toggle" data-nav-toggle aria-label="Menu" aria-expanded="false"><span></span><span></span><span></span></button>
      <nav class="nav" data-nav aria-label="Primary">
        <a class="nav-link active" href="index.html">Home</a>
        <a class="nav-link" href="mri.html">fMRI</a>
        <a class="nav-link" href="fnirs.html">fNIRS</a>
        <a class="nav-link" href="eeg.html">EEG</a>
        <a class="nav-link" href="vr.html">VR</a>
        <a class="nav-link" href="neurostim.html">Neurostim</a>
        <a class="nav-link" href="psychophys.html">Psychophys</a>
        <a class="nav-link" href="con.html">Open Neuro</a>
        <a class="nav-link" href="computing.html">Computing</a>
      </nav>
    </div>
  </header>

  <!-- ============ HERO ============ -->
  <section class="hero">
    <canvas id="constellation" aria-hidden="true"></canvas>
    <div class="container hero-inner">
      <div class="hero-grid">

        <!-- left: logos -->
        <div class="hero-brandcol" data-reveal>
          <img class="dbic-logo" src="images/dbic-logo-green-t.png" alt="Dartmouth Brain Imaging Center" />
          <img class="nc-logo" src="images/neural-code-logo.png" alt="Breaking the Neural Code at Dartmouth" />
        </div>

        <!-- middle: copy -->
        <div class="hero-copy">
          <span class="eyebrow" data-reveal>Dartmouth · PBS &amp; DBIC</span>
          <h1 data-reveal data-reveal-delay="1">Shared human neuroscience infrastructure at Dartmouth</h1>
          <p class="hero-lede" data-reveal data-reveal-delay="2">
            A connected ecosystem of imaging, stimulation, and computing resources —
            open to the PBS, DBIC, and broader Dartmouth research community.
          </p>
          <div class="hero-cta" data-reveal data-reveal-delay="3">
            <a class="btn btn-primary btn-arrow" href="#resources">Explore resources</a>
          </div>
        </div>

        <!-- right: brain-modality montage -->
        <div class="hero-montage" aria-hidden="true">
          <div class="montage-track">
            <figure><img src="images/montage-t1.jpg" alt="" loading="lazy" /><figcaption>Structural · T1</figcaption></figure>
            <figure><img src="images/montage-fmri.jpg" alt="" loading="lazy" /><figcaption>Functional · BOLD</figcaption></figure>
            <figure><img src="images/montage-dti.jpg" alt="" loading="lazy" /><figcaption>Diffusion · DTI</figcaption></figure>
            <figure><img src="images/montage-asl.jpg" alt="" loading="lazy" /><figcaption>Perfusion · ASL</figcaption></figure>
            <figure><img src="images/montage-angio.jpg" alt="" loading="lazy" /><figcaption>Angiography</figcaption></figure>
            <figure><img src="images/montage-parcellation.jpg" alt="" loading="lazy" /><figcaption>Parcellation</figcaption></figure>
            <!-- duplicated for seamless loop -->
            <figure><img src="images/montage-t1.jpg" alt="" loading="lazy" /><figcaption>Structural · T1</figcaption></figure>
            <figure><img src="images/montage-fmri.jpg" alt="" loading="lazy" /><figcaption>Functional · BOLD</figcaption></figure>
            <figure><img src="images/montage-dti.jpg" alt="" loading="lazy" /><figcaption>Diffusion · DTI</figcaption></figure>
            <figure><img src="images/montage-asl.jpg" alt="" loading="lazy" /><figcaption>Perfusion · ASL</figcaption></figure>
            <figure><img src="images/montage-angio.jpg" alt="" loading="lazy" /><figcaption>Angiography</figcaption></figure>
            <figure><img src="images/montage-parcellation.jpg" alt="" loading="lazy" /><figcaption>Parcellation</figcaption></figure>
          </div>
        </div>

      </div>
    </div>
    <div class="scroll-hint" aria-hidden="true">Scroll</div>
  </section>

  <!-- ============ INTRO / STATS ============ -->
  <section class="section" id="about">
    <div class="container">
      <div class="narrow center" style="margin-inline:auto;">
        <span class="eyebrow" data-reveal>One community, shared instruments</span>
        <h2 data-reveal data-reveal-delay="1">World-class facilities for human neuroscience</h2>
        <p class="lede center" data-reveal data-reveal-delay="2">
          Housed in Moore Hall alongside the Department of Psychological and Brain Sciences
          and the Cognitive Science Program, these resources span a state-of-the-art 3&nbsp;Tesla
          MRI scanner, petabyte-scale computing, and specialized labs for fNIRS, EEG, virtual
          reality, neurostimulation, and human psychophysiology. Many are available to
          researchers across campus.
        </p>
      </div>
      <div class="stats" style="margin-top:3.2rem;">
        <div class="stat" data-reveal><div class="num">3<span class="unit">T</span></div><div class="label">Siemens Prisma MRI scanner</div></div>
        <div class="stat" data-reveal data-reveal-delay="1"><div class="num">6,700<span class="unit">+</span></div><div class="label">HPC cores on Discovery</div></div>
        <div class="stat" data-reveal data-reveal-delay="2"><div class="num">2.8<span class="unit">PB</span></div><div class="label">DartFS research storage</div></div>
        <div class="stat" data-reveal data-reveal-delay="3"><div class="num">8</div><div class="label">Shared resource facilities</div></div>
      </div>
    </div>
  </section>

  <!-- ============ RESOURCES GRID ============ -->
  <section class="section section-alt" id="resources">
    <div class="container">
      <span class="eyebrow" data-reveal>The resources</span>
      <h2 data-reveal data-reveal-delay="1">Explore the facilities</h2>
      <p class="lede" data-reveal data-reveal-delay="2">Each resource has a dedicated page with specifications, imagery, and access details.</p>

      <div class="card-grid" style="margin-top:2.6rem;">

        <article class="res-card" data-reveal>
          <div class="thumb"><span class="tag">DBIC</span><img src="images/mri-scanner-prisma2.jpg" alt="Siemens MAGNETOM Prisma 3T scanner at DBIC" loading="lazy" /></div>
          <div class="body">
            <h3>fMRI Scanner</h3>
            <p>Siemens MAGNETOM Prisma 3T with 32-, 64-, and 20-channel head coils, multiband &amp; multi-echo BOLD, and the DBIC automated analysis pipeline.</p>
            <span class="more">Explore fMRI</span>
          </div>
          <a class="stretched" href="mri.html">DBIC fMRI scanner</a>
        </article>

        <article class="res-card" data-reveal data-reveal-delay="1">
          <div class="thumb"><span class="tag">DBIC · CIM</span><img src="images/fnirs-kernel.jpg" alt="Wearable dual TD-fNIRS system" loading="lazy" /></div>
          <div class="body">
            <h3>Dual fNIRS</h3>
            <p>Wearable Kernel Flow2 time-domain fNIRS — whole-head, portable cortical imaging supporting two-person hyperscanning.</p>
            <span class="more">Explore fNIRS</span>
          </div>
          <a class="stretched" href="fnirs.html">Dual fNIRS</a>
        </article>

        <article class="res-card" data-reveal data-reveal-delay="2">
          <div class="thumb"><span class="tag">Research Computing</span><img src="images/computing-hpc-cluster.png" alt="Dartmouth Discovery HPC cluster" loading="lazy" style="object-fit:contain;background:#fff;padding:6%;" /></div>
          <div class="body">
            <h3>Computing &amp; Storage</h3>
            <p>DartFS petabyte storage, the Discovery HPC cluster, dedicated dual H200 GPUs, and shared access to open neuroimaging datasets.</p>
            <span class="more">Explore computing</span>
          </div>
          <a class="stretched" href="computing.html">Research computing</a>
        </article>

        <article class="res-card" data-reveal>
          <div class="thumb"><span class="tag">Stoermer Lab</span><img src="images/eeg-highdensity.jpg" alt="High-density EEG cap" loading="lazy" /></div>
          <div class="body">
            <h3>EEG Lab</h3>
            <p>Three electromagnetically shielded testing rooms with high-density Brain Products EEG for millisecond-scale neural recording.</p>
            <span class="more">Explore EEG</span>
          </div>
          <a class="stretched" href="eeg.html">Shared EEG lab</a>
        </article>

        <article class="res-card" data-reveal data-reveal-delay="1">
          <div class="thumb"><span class="tag">Robertson Lab</span><img src="images/vr-lab.jpg" alt="Virtual reality research headset" loading="lazy" /></div>
          <div class="body">
            <h3>VR Lab</h3>
            <p>Immersive virtual reality for naturalistic paradigms and spatial cognition, with room-scale tracking. Shared on request.</p>
            <span class="more">Explore VR</span>
          </div>
          <a class="stretched" href="vr.html">Shared VR lab</a>
        </article>

        <article class="res-card" data-reveal data-reveal-delay="2">
          <div class="thumb"><span class="tag">Wager Lab</span><img src="images/neurostim-tms-session.jpg" alt="Transcranial magnetic stimulation session" loading="lazy" /></div>
          <div class="body">
            <h3>Neurostimulation</h3>
            <p>MagVenture TMS with Localite neuronavigation, fMRI-compatible Starstim tDCS/tES, and temporal-interference stimulation.</p>
            <span class="more">Explore neurostim</span>
          </div>
          <a class="stretched" href="neurostim.html">Neurostimulation lab</a>
        </article>

        <article class="res-card" data-reveal>
          <div class="thumb"><span class="tag">Wager Lab · CANlab</span><img src="images/diagram-biopac-psychophysiology.png" alt="Biopac psychophysiology recording setup" loading="lazy" style="object-fit:contain;background:#fff;padding:6%;" /></div>
          <div class="body">
            <h3>Psychophysiology</h3>
            <p>Dyadic Biopac physiology, Medoc quantitative sensory testing, conditioned pain modulation, thermal imaging, and facial/movement decoding.</p>
            <span class="more">Explore psychophys</span>
          </div>
          <a class="stretched" href="psychophys.html">Psychophysiology lab</a>
        </article>

        <article class="res-card" data-reveal data-reveal-delay="1">
          <div class="thumb"><span class="tag">Center for Open Neuroscience</span><img src="images/diagram-dbic-pipeline.png" alt="Open neuroscience data and pipelines" loading="lazy" style="object-fit:contain;background:#fff;padding:8%;" /></div>
          <div class="body">
            <h3>Open Neuroscience</h3>
            <p>The Center for Open Neuroscience — DataLad, BIDS, and reproducible tools for sharing and versioning neuroimaging data at scale.</p>
            <span class="more">Explore CON</span>
          </div>
          <a class="stretched" href="con.html">Center for Open Neuroscience</a>
        </article>

      </div>
    </div>
  </section>

  <!-- ============ SPONSOR / NEURAL CODE BAND ============ -->
  <section class="section section-dark">
    <div class="container narrow center" style="margin-inline:auto;">
      <img src="images/neural-code-logo.png" alt="Breaking the Neural Code at Dartmouth" style="height:64px;width:auto;margin:0 auto 1.6rem;filter:brightness(0) invert(1);" data-reveal />
      <span class="eyebrow" data-reveal>Sponsored by</span>
      <h2 data-reveal data-reveal-delay="1">The Neural Code Cluster at Dartmouth</h2>
      <p class="lede center" data-reveal data-reveal-delay="2" style="margin-inline:auto;">
        Breaking the Neural Code at Dartmouth sponsors this site and several of the shared
        resources featured here — advancing an integrated, collaborative approach to
        understanding the brain across imaging, stimulation, and computation.
      </p>
    </div>
  </section>

  <!-- ============ FOOTER ============ -->
  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div>
          <div class="footer-logos">
            <img src="images/dbic-logo-white-t.png" alt="Dartmouth Brain Imaging Center" />
          </div>
          <p class="footer-about">Shared research infrastructure of the Dartmouth Brain Imaging Center (DBIC) and the Department of Psychological and Brain Sciences, with the Cognitive Science Program — Moore Hall, Hanover, NH.</p>
        </div>
        <div>
          <h4>Resources</h4>
          <ul class="footer-links">
            <li><a href="mri.html">fMRI Scanner</a></li>
            <li><a href="fnirs.html">Dual fNIRS</a></li>
            <li><a href="computing.html">Computing &amp; Storage</a></li>
            <li><a href="con.html">Open Neuroscience</a></li>
          </ul>
        </div>
        <div>
          <h4>More labs</h4>
          <ul class="footer-links">
            <li><a href="eeg.html">EEG Lab</a></li>
            <li><a href="vr.html">VR Lab</a></li>
            <li><a href="neurostim.html">Neurostimulation</a></li>
            <li><a href="psychophys.html">Psychophysiology</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <span>© <span data-year>2026</span> Dartmouth Brain Imaging Center · Department of Psychological and Brain Sciences</span>
        <span>Contact: <a href="mailto:courtney.rogers@dartmouth.edu">courtney.rogers@dartmouth.edu</a></span>
      </div>
    </div>
  </footer>

  <script src="js/constellation.js" defer></script>
  <script src="js/main.js" defer></script>
</body>
</html>