ksloan 60e616ed25 feat(site): Add hero imagery and enhance visual design with background images
- Replace gradient backgrounds with high-quality imagery for hero and page sections
- Add 10 new pet care and team member photos (hero, services, team profiles)
- Implement overlay system for hero sections with improved text contrast and readability
- Restructure hero markup with overlay div and hero-content wrapper for proper layering
- Convert about preview section to two-column grid layout with image and content
- Update footer credits to include photo attribution to Unsplash
- Enhance dark mode styling for hero sections with adjusted overlay gradients
- Add responsive grid layout for about section that stacks on mobile devices
- Improve visual hierarchy and brand presentation across all pages
2026-08-17 12:04:57 -04:00

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:

    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
S
Description
No description provided
Readme
2.6 MiB
Languages
HTML 31.3%
JavaScript 29.7%
CSS 21.4%
Astro 15.6%
TypeScript 2%