Build a clean, modern website that clearly explains OSCP and gets developers to the GitHub repos. That's it.
- 11ty - Dead simple static site generator
- GitHub Pages - Free hosting, zero config
- Markdown - All content in markdown
- Minimal CSS - Maybe Tailwind or just vanilla CSS
- No JavaScript - Unless absolutely needed
/
βββ index.md # Homepage - What is OSCP + Get Started
βββ platform.md # OSCP technical overview
βββ github.md # List of repos with descriptions
βββ about.md # Mission + current team
βββ join.md # Link to Patreon + partner info
βββ contact.md # Simple contact info
- Hero: "Open Spatial Computing Platform"
- One-liner: What OSCP is (30 words max)
- Video embed: If you have a good YouTube video
- 3 Big CTAs:
- β View on GitHub
- β Read the Docs
- β Join Community
- Partner logos (if you must)
- What is OSCP (2-3 paragraphs)
- Core Components (bullet list):
- Spatial Service Discovery
- GeoPose Protocol
- Spatial Content Discovery
- Architecture diagram (one simple image)
- Links to GitHub repos
- Quick Start section
- Repository list with 1-line descriptions:
- oscp-geopose-protocol - GeoPose implementation
- oscp-spatial-content-discovery - Content discovery service
- etc.
- Contributing guidelines (brief)
- Mission (2 paragraphs)
- Current Leadership (names + titles only)
- Contact info
- Individual Membership β Link to Patreon
- Organizations β Contact us
- Why Join (3 bullet points)
- GitHub org link
- Maybe a simple form (Formspree or similar)
# 1. Initialize 11ty project
npm init -y
npm install @11ty/eleventy
# 2. Basic folder structure
mkdir src src/_includes src/_includes/layouts
# 3. Create base layout
# 4. Set up GitHub repo
# 5. Configure GitHub Pages- Write homepage content
- Write platform overview
- Create GitHub repos list
- Add about page
- Basic CSS (responsive, clean)
- Navigation
- Footer
- Test on mobile
- Deploy to GitHub Pages
- Fix any issues
- Add analytics (if needed)
- Final review
- Ship it!
oarc-website/
βββ src/
β βββ _includes/
β β βββ layouts/
β β βββ base.njk
β βββ css/
β β βββ style.css
β βββ img/
β β βββ oscp-architecture.png
β βββ index.md
β βββ platform.md
β βββ github.md
β βββ about.md
β βββ join.md
β βββ contact.md
βββ .eleventy.js
βββ .gitignore
βββ package.json
βββ README.md
- Font: System fonts (no Google Fonts)
- Colors: Black, white, one accent color
- Layout: Single column, max-width 800px
- Mobile: Naturally responsive (it's just text)
- β Working groups pages
- β Events/News section
- β Testbeds
- β Blog
- β Complex membership system
- β Search
- β Dark mode
- β Animations
- β Three.js visualizations
- β Multiple layouts
- β Image galleries
- Gather any must-have images (logo, architecture diagram)
- Get YouTube video URL if exists
- List of GitHub repos to feature
- Patreon account setup
- Evening 1: Setup complete, test deployment works
- Evening 2: All content written and added
- Evening 3: Looks good on mobile and desktop
- Evening 4: Live on GitHub Pages
# Clone and go
git clone [your-repo]
cd oarc-website
npm install
npm run serve # Local dev
npm run build # Build for productionmodule.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/css");
eleventyConfig.addPassthroughCopy("src/img");
return {
dir: {
input: "src",
output: "_site"
}
};
};{
"scripts": {
"serve": "eleventy --serve",
"build": "eleventy"
}
}- Loads fast (< 2 seconds)
- Clear what OSCP is
- Easy to find GitHub repos
- Works on mobile
- Can update content easily
- Deployed and live
- Perfect is the enemy of done
- You can always iterate later
- Focus on developers finding the GitHub repos
- Everything else is secondary
That's it. No more planning. Start coding.