# catcrafts.net

A modern, responsive website built with C++ using Crafter.CppDOM and compiled to WebAssembly.

## Features

- Modern, clean design with gradient colors and smooth animations
- Fully responsive layout that works on mobile and desktop
- Blog functionality with multiple posts
- Smooth navigation and transitions
- Semantic HTML structure
- Custom CSS with modern styling techniques

## Project Structure

```
catcrafts.net/
├── interfaces/           # Interface definitions
│   ├── Catcrafts.cppm
│   ├── Catcrafts-Views.cppm
│   ├── Catcrafts-Component.cppm
│   └── Catcrafts-Blog.cppm
├── implementations/      # Implementation files
│   ├── Catcrafts-Blog.cpp
│   └── main.cpp
├── styles.css            # Modern CSS styling
├── project.json          # Build configuration
├── run.sh                # Development server script
└── build.sh              # Build script
```

## Building and Running

### Prerequisites
- C++ compiler with WebAssembly support
- Caddy server for serving files

### Quick Start

1. Make the scripts executable:
```bash
chmod +x run.sh build.sh
```

2. Run the development server:
```bash
./run.sh
```

The website will be available at `http://localhost:8085`

### Building Manually

```bash
./build.sh
```

## Technologies Used

- **C++**: Core application logic
- **Crafter.CppDOM**: DOM manipulation library
- **WebAssembly**: Runtime environment
- **CSS3**: Modern styling with animations and gradients
- **HTML5**: Semantic markup

## Customization

To add new blog posts:
1. Edit `interfaces/Catcrafts-Blog.cppm`
2. Add new entries to the `posts` vector

To modify styling:
1. Edit `styles.css`
2. Adjust colors, fonts, and layout as needed

## License

This project is licensed under the MIT License - see the LICENSE file for details.