hiroppy/fusumaArchived
Fusuma
Fusuma is a markdown presentation framework and static slide generator that transforms Markdown and MDX files into structured slide decks for web-based presentations. It functions as a technical content renderer and an interactive presentation tool, enabling the creation of slides from text-based source files.
The project distinguishes itself as a speaker delivery suite, providing tools for presentation rehearsal such as voice recording, timing analysis, and rehearsal timelines. It includes a dedicated presenter view with speaker notes and supports real-time slide annotations and live comment streaming to facilitate audience engagement.
The platform covers a broad range of technical rendering capabilities, including mathematical equations, flowcharts, and syntax-highlighted code blocks. It also features interactive component embedding, live screen capture, and the ability to export slide decks as PDF documents.
Deployment is supported through automation for static hosting environments, specifically including GitHub Pages.
Features
- Markdown-to-Slide Decks - Transforms Markdown and MDX source files into structured web-based presentation slide decks.
- Interactive Presentations - Provides a presentation platform with interactive elements, live annotations, and real-time social streaming.
- Technical Content Renderers - Renders technical notation, LaTeX mathematical formulas, and syntax-highlighted code blocks.
- Technical Content Rendering - Renders mathematical equations, flowcharts, and syntax-highlighted code blocks for technical content.
- Presenter View Synchronization - Coordinates the audience-facing presentation and a separate speaker-facing view across devices.
- Presenter Views - Provides a dedicated presenter view featuring speaker notes, a timer, and preview of upcoming slides.
- Live Slideshow Delivery - Manages live delivery with presenter views, speaker notes, timing tools, and real-time annotations.
- Markdown-to-HTML Slide Converters - Transforms Markdown and MDX source files into structured HTML slide components.
- Speaker Tools - Offers a suite of presenter tools including speaker notes, timing controls, and rehearsal recording.
- Speaker Note Displays - Displays hidden speaker notes on a separate screen to guide the presenter without audience visibility.
- Markdown Presentation Generation - Generates full technical presentation decks from Markdown and MDX source including styling.
- Static Site Generators - Produces optimized HTML, CSS, and asset bundles for deployment to static hosting.
- Rehearsal Timelines - Integrates a slide timeline with voice recording to assist users in rehearsing and timing their speeches.
- Presentation Timing Analysis - Measures speech duration and records navigation actions to help analyze the pace of delivery.
- Diagram Renderers - Generates visual flowcharts and graphs from text-based definitions within the slides.
- Mathematical Notation Renderers - Renders complex mathematical formulas and LaTeX notation into formatted HTML.
- Hot Module Replacement - Updates the browser in real-time as source Markdown files are edited during development.
- Hot Reloading Previews - Provides a local development server that updates the slide preview immediately as Markdown files are edited.
- Rehearsal Analytics - Includes voice recording and timing analysis to help speakers practice and refine their speech.
- Slide-Synced Audio Recording - Captures audio during presentations and links it to a timeline of slide transitions for playback and review.
- Presentation Annotations - Allows real-time drawing and markings on slides during a live presentation that are visible to the audience.
- Presentation Sectioning - Automatically generates a table of contents and sidebar navigation based on defined section titles.
- Live Screen Embeds - Displays a real-time capture of a local screen or browser tab for live demonstrations.
- Comments and Live Chat Overlays - Overlays real-time comments from external social sources onto the presentation to engage the audience.
- Interactive Component Embeds - Integrates programmable interactive components into slides to enable complex JavaScript logic.
- Syntax Highlighting - Provides syntax highlighting for source code blocks using customizable themes and language support.
- Slide Navigation Controls - Provides controls for cycling through slides and managing transition effects and keyboard accessibility.
- PDF Exporting - Exports generated web slide decks into PDF documents for offline distribution.
- Presentation Modes - Toggles between development, production, and presentation environments to optimize delivery.
- HTML Slide Decks - Publishes slide decks as full-screen HTML presentations for web-based delivery and sharing.
- Slide Sequence Management - Determines the presentation flow by sorting source files numerically and alphabetically within the directory.
- Visual Style Customization - Applies pre-defined themes and custom stylesheets to modify fonts, colors, and layout.
- File-System Based Routing - Determines the order and hierarchy of presentation slides by scanning the directory structure.
- MDX Components - Embeds programmable JavaScript components directly within Markdown files for interactive elements.
- Plugin Content Rendering - Integrates external engines for specialized typesetting of math, code, and diagrams.
- General Productivity Tools - Markdown-based presentation slide generator.
