65 lines
2.1 KiB
Markdown
65 lines
2.1 KiB
Markdown
# Happy Tails Pet Care
|
|
|
|
A professional website created for Happy Tails Pet Care using SloanOps template system.
|
|
|
|
## Overview
|
|
|
|
This site was generated using the SloanOps client onboarding system and is designed for deployment to Cloudflare Pages via Gitea Actions CI/CD.
|
|
|
|
## Customization
|
|
|
|
### Content Updates
|
|
- Edit HTML files in the root directory to update page content
|
|
- Modify images in the `images/` directory
|
|
- Update text content directly in HTML files
|
|
|
|
### Styling
|
|
- All colors, fonts, and spacing are controlled via CSS variables in `css/style.css`
|
|
- To rebrand: modify the `:root` variables at the top of `css/style.css`
|
|
- Font families can be changed in the HTML `<head>` section
|
|
|
|
### Deployment
|
|
Pushes to the `master` branch trigger automatic deployment to Cloudflare Pages.
|
|
Preview deployments are created for all other branches.
|
|
|
|
## Structure
|
|
|
|
```
|
|
3031023-xyz/
|
|
├── index.html # Home page
|
|
├── about.html # About page (if included)
|
|
├── services.html # Services page (if included)
|
|
├── products.html # Products page (if included)
|
|
├── contact.html # Contact page
|
|
├── css/
|
|
│ └── style.css # All styles with CSS variables
|
|
├── js/
|
|
│ └── main.js # Interactive components (mobile menu, etc.)
|
|
├── images/ # Image assets
|
|
└── .gitea/
|
|
└── workflows/
|
|
└── deploy.yml # Cloudflare Pages CI/CD configuration
|
|
```
|
|
|
|
## Deployment Setup
|
|
|
|
1. Ensure Cloudflare API token and account ID are configured as secrets in your Gitea repository:
|
|
- `CF_API_TOKEN`: Your Cloudflare API token
|
|
- `CF_ACCOUNT_ID`: Your Cloudflare account ID
|
|
|
|
2. Push to the repository to trigger deployment:
|
|
```bash
|
|
git add .
|
|
git commit -m "Initial commit"
|
|
git push origin master
|
|
```
|
|
|
|
3. The site will be available at: https://3031023.xyz
|
|
|
|
## Maintenance
|
|
|
|
- Update content by editing HTML files
|
|
- Update styling by modifying CSS variables in `css/style.css`
|
|
- Add new images to the `images/` directory and reference them in HTML
|
|
- For structural changes, modify the appropriate HTML template
|