The official website for the Social Profile Exchange Protocol.
- HTML Templating: Panini (Handlebars-based)
- CSS Framework: Tailwind CSS (via CDN)
- Fonts: Inter & JetBrains Mono (Google Fonts)
- Syntax Highlighting: Prism.js (via CDN)
- Build Tool: Gulp
- Node.js 18+
- npm
# Clone the repository
git clone https://github.com/spxp/spxp-web.git
cd spxp-web
# Install dependencies
npm install
# Start development server (with live reload)
npm run devThis opens http://localhost:3000 in your browser with live reload on changes.
# Build for production
npm run buildOutput is written to dist/.
spxp-web/
├── src/
│ ├── layouts/ # Page layouts (Panini)
│ │ └── modern.html # Main layout with Tailwind config
│ └── pages/ # Page content
│ └── index.html # Homepage
├── profile/ # SPXP profile files (copied to dist/)
│ ├── spxp # Profile JSON
│ ├── spxp-posts # Posts endpoint
│ └── spxp-profile-logo.png
├── dist/ # Build output (git-ignored)
├── gulpfile.js # Build configuration
└── package.json
Pushes to master automatically deploy to spxp.org via GitHub Actions (SFTP).