status.health® Blog

status.health® Blog

The official blog for status.health® - Your trusted source for sexual health education, privacy technology insights, and product updates.

Overview

A privacy-focused, LGBTQ+-centered blog built with Jekyll and designed for the status.health® community. Features a modern design with rainbow gradient branding, dark mode support, and GDPR-compliant newsletter integration.

🚀 Quick Start

Option 1: GitHub Pages (No Local Setup)

1. Fork or use this repository
2. Go to Settings → Pages
3. Source: Deploy from branch → Main → / (root)
4. Your blog is live at https://[username].github.io/blog/

Option 2: Local Development

# Clone the repository
git clone https://github.com/statusdothealth/blog.git
cd blog

# Install dependencies
bundle install

# Serve locally
bundle exec jekyll serve --livereload

# Visit http://localhost:4000

Option 3: Docker

docker-compose up
# Visit http://localhost:4000

✨ Features

Design & Branding

• 🌈 Rainbow gradient branding - Pastel rainbow gradients throughout
• 📱 Fully responsive - Mobile-first design
• 🌓 Dark mode - Automatic system preference detection
• ♿ Accessible - WCAG 2.1 AA compliant
• 🎨 Custom theme - Built specifically for status.health®

Newsletter System

• 📧 Web3Forms integration - 250 free emails/month
• 🔒 GDPR compliant - Consent tracking and privacy-first
• 📮 Email notifications - Alerts sent to newsletter@status.health
• 🧪 Test page - Visit /test-newsletter/ to test

Content Features

• 📝 Markdown posts - Easy content creation
• 🏷️ Categories - Organized by topic
• 🤖 AI attribution - attest.ink badges for transparency
• 📊 SEO optimized - Sitemap, RSS feed, meta tags
• 🔍 Full-text RSS - Subscribe via feed readers

Technical Features

• 🏗️ Jekyll 4.3 - Static site generator
• 📦 GitHub Pages ready - Automatic deployment
• 🔔 GitHub Actions - Automated workflows
• 🧩 Modular design - Reusable components

📝 Content Management

Creating a Blog Post

1. Create a new file in _posts/ with format: YYYY-MM-DD-title.md
2. Add front matter:

---
layout: post
title: "Your Amazing Post Title"
date: 2025-01-06 10:00:00 -0500
categories: [sexual-health, privacy]
author: "Your Name"
excerpt: "A brief description that appears in previews"
featured: true  # Shows on homepage
attribution: human  # or claude, chatgpt, gemini
---

Your content in Markdown...

Categories

Content Calendar

See blog-posts-checklist.md for a 2-year content plan with 96 weekly post ideas.

📧 Newsletter Configuration

Current Setup: Web3Forms

• Access Key: 64d439f4-10f8-41bf-b2ea-c754a499b188
• Notifications: newsletter@status.health
• Free Tier: 250 submissions/month

Alternative Options

1. Google Forms - Unlimited, see GOOGLE_FORMS_SETUP.md
2. ConvertKit - Full email marketing platform
3. Mailchimp - Popular option with free tier

Testing Newsletter

# Visit the test page
https://[your-site]/test-newsletter/

# Or test locally
bundle exec jekyll serve
# Visit http://localhost:4000/test-newsletter/

🎨 Customization

Brand Colors

Edit in assets/css/main.css:

--gradient-rainbow: linear-gradient(
  135deg,
  rgba(255, 200, 200, 0.8),  /* Pastel Pink */
  rgba(255, 230, 200, 0.8),  /* Pastel Orange */
  rgba(255, 255, 200, 0.8),  /* Pastel Yellow */
  rgba(200, 255, 200, 0.8),  /* Pastel Green */
  rgba(200, 230, 255, 0.8),  /* Pastel Blue */
  rgba(220, 200, 255, 0.8),  /* Pastel Purple */
  rgba(255, 200, 230, 0.8)   /* Pastel Pink */
);

Configuration

Edit _config.yml:

title: status.health® Blog
newsletter_provider: web3forms
google_analytics: YOUR_GA_ID  # Optional

Navigation

Edit _data/navigation.yml to modify menu items.

🛠️ Development

Project Structure

blog/
├── _posts/              # Blog posts (Markdown)
├── _layouts/            # Page templates
├── _includes/           # Reusable components
├── _categories/         # Category definitions
├── _data/              # Data files (navigation, etc.)
├── assets/             # Static assets
│   ├── css/           # Stylesheets
│   ├── js/            # JavaScript
│   └── images/        # Images and icons
├── _config.yml         # Jekyll configuration
├── index.html          # Homepage
├── about.md           # About page
├── newsletter.html     # Newsletter signup
├── categories.html     # Categories overview
└── test-newsletter.html # Newsletter testing

Testing

# Run all tests
./test-suite.sh

# Test Jekyll configuration
./jekyll-build-test.sh

# Test newsletter
./test-newsletter.sh

Deployment

See DEPLOYMENT.md for detailed deployment instructions.

🔧 Troubleshooting

Common Issues

Jekyll won’t install

# Use Docker instead
docker-compose up

Newsletter emails not arriving

• Check spam folder
• Verify Web3Forms access key
• Test at /test-newsletter/
• Check quota (250/month)

GitHub Pages not updating

• Check Actions tab for build errors
• Verify Pages is enabled in Settings
• Wait 5-10 minutes for deployment

Custom domain not working

• Verify CNAME file contains your domain
• Check DNS settings (CNAME record)
• Allow 48 hours for propagation

📚 Documentation

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push to branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📜 License

© 2025 Status Health SPC. All rights reserved.

This blog is proprietary software owned by Status Health SPC. See the main status.health website for terms of service.

🙏 Acknowledgments

• Built with Jekyll
• Newsletter powered by Web3Forms
• AI attribution by attest.ink
• Hosted on GitHub Pages

Built with ❤️ by the status.health® team. For questions, email hello@status.health.