Skip to content

ViacheslavDanilov/safe-icp

Repository files navigation

SafeICP

A Safe Window Into Brain Pressure

Non-invasive intracranial pressure estimation through optical sensing and machine learning.

Live Site

Next.js React Tailwind TypeScript

About

SafeICP is a presentation site for a research project on non-invasive intracranial pressure monitoring. The site walks through the full pipeline: clinical motivation, optical sensing, hardware translation, ML training and benchmarking, quantitative and qualitative evidence, and future roadmap.

Slide Deck

# Slide Topic
1 Prelude Speaker introduction
2 Hero Project overview
3 Problem Why ICP monitoring matters
4 Contrast Invasive vs non-invasive
5 System SafeICP measurement pipeline
6 Hardware Lab rig to bedside device
7 Sensing Optical sensing logic
8 Inference Signal-to-ICP mapping
9 Data Paired optical and invasive cohorts
10 Data Split Two-level stratified splitting
11 Cross-Val 5-fold cross-validation visualization
12 Model Zoo 10 time-series architectures benchmark
13 Qualitative Model behavior and prediction traces
14 Metrics Quantitative results
15 Meaning Interpretation of findings
16 Future Impact and next steps
17 Conclusion Clinical accuracy summary
18 Consortium Partner institutions
19 Team Team members
20 Q&A Questions, answers, and contact

Features

  • Scroll-snap deck on desktop — full-viewport slides with keyboard navigation (←/→, ↑/↓, Home, End)
  • Long-scroll on mobile — slides flow as continuous sections below 768 px so dense content always fits
  • Tap-to-enlarge figures — click or tap any scientific figure to open it in a fullscreen lightbox; close via backdrop tap, ✕, or Escape
  • Reveal animations — staggered entrance with cascade timelines on the problem slide; honors prefers-reduced-motion
  • Refined progress indicator — gradient teal bar with leading-edge highlight, plus a tabular-numeral slide counter
  • Accessible by default — skip link, screen-reader counter, focus-visible rings, semantic landmarks, keyboard-accessible lightbox triggers

Quick Start

# Clone & install
git clone https://github.com/ViacheslavDanilov/safe-icp.git
cd safe-icp
pnpm install

# Start development server
pnpm dev

Open localhost:3000 to view the presentation.

Tech Stack

  • Framework — Next.js 16 with App Router and React 19
  • Styling — Tailwind CSS v4 + custom CSS design system organized per slide
  • Typography — Inter (headings) + IBM Plex Sans (body) via next/font
  • Animations — CSS keyframes with a staggered entrance system and prefers-reduced-motion support
  • Lightbox — Native <dialog> element, no JS dependencies; opens via document-delegated click on .zoomable elements

License

MIT

About

Non-invasive intracranial pressure estimation through optical sensing and machine learning – interactive presentation site

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors