LtHans FiveM Server Website

This is the official website for LtHans FiveM server, built for GitHub Pages with custom domain support.

Features

• Responsive Design: Fully responsive website that works on all devices
• Modern UI: Clean, modern design with animations and effects
• Server Information: Display server status, rules, and connection details
• Mobile Navigation: Collapsible mobile navigation menu
• Copy to Clipboard: Easy copying of server connection details
• Social Links: Integration with Discord and other social platforms
• SEO Optimized: Proper meta tags and semantic HTML structure

Structure

website/
??? index.html          # Main HTML file
??? CNAME              # GitHub Pages custom domain configuration
??? css/
?   ??? style.css      # Main stylesheet
??? js/
?   ??? script.js      # JavaScript functionality
??? images/            # Image assets (to be added)
??? README.md          # This file

Setup for GitHub Pages

1. Repository Setup:

   • Create a new GitHub repository
   • Upload all files to the repository
   • Enable GitHub Pages in repository settings

2. Custom Domain Configuration:

   • The CNAME file contains LtHans.com
   • Configure your domain's DNS settings:
     • Add a CNAME record pointing to yourusername.github.io
     • Or add A records pointing to GitHub Pages IPs:
       • 185.199.108.153
       • 185.199.109.153
       • 185.199.110.153
       • 185.199.111.153

3. Customization:

   • Update server connection details in index.html
   • Replace Discord links with your actual server links
   • Add your server images to the images/ folder
   • Modify colors and styling in css/style.css

Content Sections

• Hero Section: Server introduction with player count
• About Section: Information about your server
• Features Section: Key server features and highlights
• Rules Section: Important server rules
• Join Section: Connection details and requirements
• Footer: Additional links and information

Customization Guide

Server Information

Update the following in index.html:

• Server IP address in the "Join Now" section
• Discord server link
• Server description and features
• Rules and requirements

Styling

Modify css/style.css to:

• Change color scheme (primary color is #00d4ff)
• Adjust fonts and typography
• Modify animations and effects
• Update responsive breakpoints

JavaScript Features

The js/script.js includes:

• Mobile navigation toggle
• Smooth scrolling
• Copy to clipboard functionality
• Server status updates (mock implementation)
• Scroll animations
• Easter egg (Konami code)

Browser Support

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+
• Mobile browsers

Performance

• Optimized CSS and JavaScript
• Minimal external dependencies
• Responsive images
• Smooth animations with CSS transforms

SEO Features

• Semantic HTML structure
• Meta tags for social sharing
• Proper heading hierarchy
• Alt text for images (when added)
• Clean URLs with GitHub Pages

Security

• No external JavaScript dependencies for core functionality
• CSP-friendly code
• HTTPS enabled through GitHub Pages

License

This website template is open source and available under the MIT License.

Support

For technical support with the website, create an issue in the GitHub repository. For FiveM server support, join the Discord server.