mirror of
https://github.com/soconnor0919/hristudio.git
synced 2025-12-11 14:44:44 -05:00
Sean O'Connor
544207e9a2
- Updated .rules to enforce stricter UI/UX standards, including exclusive use of Lucide icons and consistent patterns for entity view pages. - Added new UI components for entity views, including headers, sections, and quick actions to improve layout and reusability. - Refactored existing pages (experiments, participants, studies, trials) to utilize the new entity view components, enhancing consistency across the dashboard. - Improved accessibility and user experience by implementing loading states and error boundaries in async operations. - Updated package dependencies to ensure compatibility and performance improvements. Features: - Comprehensive guidelines for component reusability and visual consistency. - Enhanced user interface with new entity view components for better organization and navigation. Breaking Changes: None - existing functionality remains intact.
A Web-Based Wizard-of-Oz Platform for Collaborative and Reproducible Human-Robot Interaction Research
A markdown-based conference presentation using Marp with a custom mono/minimal theme, featuring ASCII diagrams and professional formatting.
Quick Start
# Install dependencies
bun install
# OR
npm install
# Start live preview (recommended for editing)
./start-presentation.sh preview
# Build PDF for conference submission
./start-presentation.sh pdf
Available Scripts
bun run preview- Live preview with auto-reloadbun run watch- Watch mode with browser previewbun run build:pdf- Generate PDF for conferencebun run build:html- Generate HTML versionbun run build:pptx- Generate PowerPoint formatbun run build:all- Build all formatsbun run serve- Start development server
Files
hristudio-presentation.md- Main presentation contentstart-presentation.sh- Quick start helper scriptpackage.json- Dependencies and scripts
Design System
The presentation uses a mono/minimal aesthetic with:
- Font: JetBrains Mono (Geist Mono fallback)
- Colors: Matching HRIStudio's oklch color scheme
- Layout: Clean, spacious design with no unnecessary elements
- Typography: Consistent hierarchy with proper spacing
Development Workflow
- Edit: Modify
hristudio-presentation.mdin your editor - Preview: Run
./start-presentation.sh previewfor live reload - Build: Generate final PDF with
./start-presentation.sh pdf - Version Control: All files are text-based and git-friendly
VS Code Integration
Install "Marp for VS Code" extension for:
- Live preview in editor
- Syntax highlighting
- Immediate feedback while editing
Conference Requirements
The generated PDF meets standard conference requirements:
- 16:9 aspect ratio for projectors
- High-quality embedded fonts
- Professional typography
- Consistent with academic presentation standards
Customization
- Edit content in
hristudio-presentation.md - Modify colors/fonts in the
<style>section - Add new slides by inserting
---separators - Use custom CSS classes for special formatting
This setup provides a developer-friendly, version-controlled presentation workflow that maintains design consistency with the HRIStudio platform.