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