78 lines
No EOL
1.8 KiB
Markdown
78 lines
No EOL
1.8 KiB
Markdown
# 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. |