John Loper II 7f5a0ae36e Adjust back alignment: shift down 5 additional points (total 14 from original)
Back positions now at Y=47, 233, 419, 605 for better front/back alignment
2026-06-14 14:25:34 -04:00

LoperBoys Website

Overview

A responsive single-page website for LoperBoys - a local lawn care, home maintenance, and seasonal services business serving Warsaw, Coshocton, and surrounding areas.

Project Structure

LoperBoys/
├── README.md              # This file
├── PROJECT_STATUS.md      # Project tracking and status
└── LoperBoys.com/         # Website files
    ├── index.html         # Main HTML page
    ├── styles.css         # CSS styles
    ├── script.js          # JavaScript functionality
    └── favicon.svg        # Custom favicon

Features

  • Responsive design (works on mobile, tablet, and desktop)
  • Services showcase with pricing
  • Contact information with clickable links
  • Smooth scrolling navigation
  • Professional blue-collar aesthetic
  • Custom favicon
  1. Lawn Mowing - Starting at $25/visit
  2. Gutter Cleanout - Starting at $75
  3. Window Cleaning - Starting at $50
  4. Leaf Raking - Starting at $80
  5. Snow Shoveling - Starting at $30/snowfall
  6. Car Washing - Starting at $35
  7. Wood Stacking - Starting at $60
  8. Lawn Pick-up - Starting at $50
  9. Porch Sweeping - Starting at $15

Deployment

Local Testing

Open LoperBoys.com/index.html in a web browser to preview.

Production Server

Server: 10.10.9.230

Deployment Location: /var/www/loperboys/

nginx Configuration: /etc/nginx/sites-available/loperboys.com

Access URLs:

Email Configuration

The contact section displays:

Payment Processing

The site displays these payment methods:

  • 💵 Cash
  • 📱 Venmo
  • 📲 Cash App

(PayPal and Stripe integration available via John's existing code if needed)

Current Status

  • Website deployed and live at http://loperboys.com
  • All services listed with pricing
  • Responsive design implemented
  • Custom favicon added
  • Navigation with smooth scrolling
  • Payment integration (optional - PayPal/Stripe available)
  • Contact form (currently displays contact info, form can be added)

Next Steps (Optional)

  1. Contact Form: Add a working contact form with email submission
  2. Payment Integration: Add PayPal/Stripe buttons if desired
  3. SEO: Add meta descriptions and Open Graph tags
  4. Analytics: Add Google Analytics or similar
  5. SSL Certificate: Configure HTTPS for production

Contact Information

  • Phone: 220-200-4022 (clickable)
  • Email: contact@loperboys.com (clickable)
  • Service Area: Warsaw, Coshocton, and surrounding areas
  • Pricing: By-the-job starting at $15

Server Configuration Details

nginx Site Configuration

File: /etc/nginx/sites-available/loperboys.com

server {
    listen 80;
    listen [::]:80;
    server_name loperboys.com www.loperboys.com;

    root /var/www/loperboys;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }

    add_header X-Frame-Options "SAMEORIGIN" always;
    add_header X-Content-Type-Options "nosniff" always;
    add_header X-XSS-Protection "1; mode=block" always;
}

Apply changes:

sudo nginx -t              # Test configuration
sudo systemctl reload nginx  # Reload nginx

Files on Server

# Check files
ls -la /var/www/loperboys/

# View nginx config
cat /etc/nginx/sites-available/loperboys.com

# Test nginx config
sudo nginx -t

Server Access

SSH Access:

  • User: sage
  • Host: 10.10.9.230
  • Authentication: SSH key-based (Ed25519)
  • Command: ssh sage@10.10.9.230

Sudo Permissions:

  • The sage user has passwordless sudo access for nginx management
  • This allows nginx configuration updates and service restarts without password
  • Sudo is configured in /etc/sudoers or /etc/sudoers.d/
  • Typical usage:
    sudo nginx -t              # Test nginx configuration
    sudo systemctl reload nginx  # Reload nginx without full restart
    sudo systemctl restart nginx  # Full nginx restart
    

Security Notes:

  • Passwordless sudo is limited to specific commands (nginx, systemctl)
  • SSH key authentication is used (no password login)
  • The Sage user is a member of the www-data group for web file access

Git Repository

Gitea URL: https://gitea.loperfamily.com/Sage_Software/LoperBoys

Clone:

git clone https://gitea.loperfamily.com/Sage_Software/LoperBoys.git

Project created: April 13, 2026
Last updated: April 14, 2026

S
Description
LoperBoys lawn care and home maintenance website
Readme 187 MiB
Languages
HTML 73.4%
CSS 15.9%
JavaScript 6.7%
PHP 1.7%
Python 1.5%
Other 0.8%