SynapSeq Official Website

This repository contains the official SynapSeq website: a single-page landing site that presents the project, explains how the SPSQ format works, and includes an in-page interactive audio preview powered by the SynapSeq WebAssembly engine.

Visit: https://synapseq.org

Project Structure

Root Files

• index.html - Main landing page markup
• main.js - JavaScript bootstrap that initializes the site modules
• styles.css - CSS entry point that imports the modular stylesheets
• CNAME - Custom domain configuration for GitHub Pages
• robots.txt - Search engine crawler instructions
• sitemap.xml - Site structure for search engines
• LICENSE - Project license

Folders

/css

Landing page styles split by responsibility.

• base.css - Legacy base/layout/component styles for the landing page
• site-theme.css - Theme tokens, color system, and site-specific visual overrides

/js

Landing page behavior split into focused browser modules.

• site-shell.js - General UI behavior such as navigation, FAQ, copy buttons, smooth scroll, and reveal animations
• how-it-works-player.js - Interactive editor and SPSQ playback logic for the “How It Works” section
• theme-toggle.js - Light/dark theme toggle, persistence, and theme event dispatching

/lib

Core browser runtime files used by the interactive SynapSeq preview.

• synapseq.js - SynapSeq browser interface
• synapseq.wasm - WebAssembly binary used by the runtime
• wasm_exec.js - Go WebAssembly runtime executor

/vendor

Third-party assets vendored locally for the landing page.

• lucide.min.js - Local Lucide icons bundle
• lucide.min.js.map.json - Source map for the Lucide icons bundle

/assets

Static assets such as logos, favicon, and supporting media.

/ai

Internal design/reference material used during site iteration.

• ui.md - UI color and palette reference

Technologies

• HTML5
• CSS3
• Vanilla JavaScript with browser ES modules
• Tailwind CSS browser runtime
• WebAssembly via the Go-compiled SynapSeq engine
• Static hosting with no build step

Development

Because the site uses browser modules and WebAssembly assets, serve the repository with a local static server instead of opening the HTML file directly.

Examples:

python3 -m http.server 8000

Then open http://localhost:8000 in a modern browser.

License

This project is licensed under the MIT License. See LICENSE for details.