Blueprint Studio · Web Project
CS316 · Mental Health
AI Research Site
A structured, multi-page documentation website for an embedding-based Arabic NLP project — built for academic presentation, reproducibility, and responsible AI communication.
CS316 · Mental Health AI Project
Embedding-Based Longitudinal Monitoring (Arabic NLP)
Applies NLP and ML to analyze Arabic textual narratives related to mental health — with trajectory-based alert logic for early risk detection.
View Project Overview
Read IEEE Paper Draft
What This Project Does
Severity Classification
Dual SVM models for depression & anxiety on 0–3 scale.
Longitudinal Monitoring
Tracks mental health trajectories across time points.
Alert Mechanism
Three alert types for worsening trends and spikes.
Responsible AI
Ethics-first, privacy-preserving research framework.
8
Navigation sections with full content coverage
20+
Pages of structured research documentation
100%
Static — no backend, fully hosted on GitHub Pages
Website Screenshots
A Look Inside the Site
Home Page
Home — Card Grid
Both Navs Visible
Left Nav Only
TOC Only
Nav Hidden
Dark Mode
Footer
Contact Button
Site Features
Designed for Research Communication
Structured Navigation
Eight top-level sections covering every research stage — from introduction and methodology to results, deployment, and IEEE paper submission.
Dark Mode + TOC
Toggleable dark mode, collapsible sidebar navigation, and a floating table of contents panel for seamless reading across all pages.
Interactive Code Blocks
Expandable code blocks with syntax highlighting throughout the Deployment and Methodology sections — no page reloads required.
Custom Design System
Crimson brand palette, Lora serif typography, card-grid layouts, and a custom footer with email signup — all built on Material for MkDocs.
Fully Responsive
Optimized for laptop, tablet, and mobile viewing. All layouts adapt fluidly without breaking the research documentation structure.
GitHub Integration
One-click GitHub repo access, contact routing via email, and a "Made by Blueprint" attribution link in the footer.
Built with
MkDocs
Material Theme
Markdown
Custom CSS
JavaScript
GitHub Pages
Google Fonts
Lora Serif
DM Sans