dontbechad/README.md

# Don't Be Chad - Bitcoin Education

A Hugo-based static website for Bitcoin education focused on real-world mistakes and lessons learned.

## About

"Don't Be Chad" is a Bitcoin education website with the philosophy "I made the mistakes so you don't have to." The site shares real mistakes, costly lessons, and practical advice for Bitcoin security, trading, and technical understanding.

## Features

- **Static Site Security**: Hugo-powered static files for maximum security
- **Responsive Design**: Mobile-first design with orange/black/dark blue theme
- **Real-World Content**: Based on actual Bitcoin mistakes and experiences
- **SEO Optimized**: Clean URLs, meta tags, and structured data
- **Fast Loading**: Minimal JavaScript, optimized CSS
- **Security Focused**: No external dependencies, no tracking scripts

## Technology Stack

- **Hugo**: Static site generator (Go-based)
- **CSS**: Custom responsive design with CSS variables
- **JavaScript**: Minimal, self-contained functionality
- **Markdown**: Content management in Markdown format
- **YAML**: Configuration in YAML format

## Directory Structure

```
dontbechad/
├── hugo.yaml                 # Main configuration
├── content/                  # Content directory
│   ├── _index.md            # Homepage
│   ├── about.md             # About page
│   ├── mistakes/            # Bitcoin mistakes section
│   │   ├── _index.md        # Mistakes index
│   │   ├── security-mistakes.md
│   │   ├── wallet-mistakes.md
│   │   ├── trading-mistakes.md
│   │   └── technical-mistakes.md
│   └── guides/             # Educational guides
│       ├── _index.md        # Guides index
│       ├── getting-started.md
│       └── security-best-practices.md
├── static/                  # Static assets
│   ├── css/
│   │   └── style.css       # Main stylesheet
│   ├── js/
│   │   └── script.js       # Main JavaScript
│   ├── images/             # Images directory
│   └── robots.txt          # SEO robots file
└── themes/                 # Theme directory
    └── dontbechad/
        ├── theme.yaml       # Theme configuration
        └── layouts/         # Hugo templates
            ├── _default/
            │   ├── baseof.html
            │   ├── index.html
            │   ├── list.html
            │   ├── single.html
            │   └── rss.xml
            └── index.html
```

## Color Scheme

- **Primary (Orange)**: #FF6B35 - CTAs, accents, highlights
- **Background (Dark Blue)**: #0A1929 - Main background
- **Text (Charcoal)**: #1A1A1A - High contrast text
- **Card (Black)**: #000000 - Card backgrounds
- **Accent (Light Orange)**: #FF8C42 - Secondary accents

## Security Features

- **Static HTML**: No server-side processing or databases
- **No External Dependencies**: Self-contained CSS and JavaScript
- **HTTPS Ready**: SSL certificate configuration
- **Security Headers**: X-Frame-Options, X-XSS-Protection, CSP
- **No Tracking Scripts**: Privacy-focused design
- **Input Validation**: Hugo's built-in security features

## Local Development

### Prerequisites

1. **Install Hugo**: Download from [gohugo.io](https://gohugo.io/getting-started/installing/)
2. **Git**: For version control

### Setup

1. Clone the repository:
```bash
git clone https://github.com/yourusername/dontbechad.git
cd dontbechad
```

2. Run local development server:
```bash
hugo server -D
```

3. Open browser to `http://localhost:1313`

### Building for Production

```bash
hugo --minify
```

The static site will be generated in the `public/` directory.

## Content Management

### Adding New Mistakes

1. Create new file in `content/mistakes/`
2. Add front matter with title, date, category
3. Write content in Markdown format
4. Add to mistakes index if needed

### Adding New Guides

1. Create new file in `content/guides/`
2. Add front matter with title, description, category
3. Write content in Markdown format
4. Add to guides index if needed

### Front Matter Example

```yaml
---
title: "Article Title"
description: "Brief description"
category: "Category Name"
date: 2026-01-17
---
```

## Deployment

### Netlify (Recommended)

1. Connect repository to Netlify
2. Set build command: `hugo --minify`
3. Set publish directory: `public`
4. Enable HTTPS

### GitHub Pages

1. Enable GitHub Pages in repository settings
2. Use GitHub Actions for automatic builds
3. Configure custom domain if needed

### Other Static Hosting

The generated `public/` directory can be deployed to any static hosting service.

## Customization

### Colors

Edit CSS variables in `static/css/style.css`:

```css
:root {
  --primary-color: #FF6B35;
  --background-color: #0A1929;
  --text-color: #1A1A1A;
  /* ... */
}
```

### Layout

Modify templates in `themes/dontbechad/layouts/`

### Content Structure

Update content files in `content/` directory

## Contributing

1. Fork the repository
2. Create feature branch
3. Make changes
4. Test locally
5. Submit pull request

## License

MIT License - see LICENSE file for details

## Contact

- **Email**: chad@dontbechad.com
- **Twitter**: @dontbechad_btc
- **GitHub**: Issues and discussions

## Security Considerations

- Regular security audits recommended
- Keep Hugo updated to latest version
- Review dependencies periodically
- Monitor for security advisories

## Performance Optimization

- Images are optimized for web
- CSS is minified in production
- JavaScript is minimal and self-contained
- Browser caching headers recommended
- CDN deployment recommended for global performance

## Future Enhancements

- [ ] Add search functionality
- [ ] Implement comments system
- [ ] Add newsletter signup
- [ ] Create video content
- [ ] Add interactive security checklists
- [ ] Implement dark/light mode toggle
- [ ] Add multilingual support

---

**Important**: This is educational content about Bitcoin mistakes and learning. Not financial advice. Always do your own research and consult with qualified professionals.