SPXP.org Website

The official website for the Social Profile Exchange Protocol.

Tech Stack

• 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

Development

Prerequisites

• Node.js 18+
• npm

Setup

# 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 dev

This opens http://localhost:3000 in your browser with live reload on changes.

Build

# Build for production
npm run build

Output is written to dist/.

Project Structure

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

Deployment

Pushes to master automatically deploy to spxp.org via GitHub Actions (SFTP).

License

Apache License 2.0