OBO Website Deployment Guide

Website deployed to EdgeOne: https://test.100w.top/

CSS files are accessible individually but not loading in browser due to EdgeOne MIME type configuration.

1. Changed all resource paths from absolute (/styles.css) to relative (styles.css)
2. Added explicit type="text/css" attribute to CSS links
3. Added cache control meta tags for forced refresh

• main/index.html - Fixed paths and added cache control
• main/styles.css - No changes needed
• main/script.js - No changes needed

Since EdgeOne console requires manual login, please:

1. Go to EdgeOne Console: https://console.cloud.tencent.com/edgeone
2. Navigate to your site: test.100w.top
3. Re-upload entire main folder:
   • Delete existing files in deployment
   • Upload all contents of main/ folder
   • Ensure file structure maintains: index.html, styles.css, script.js, img/ folder

Add ?v=2 parameter to CSS URL in browser to bypass cache:

• Change: <link rel="stylesheet" href="styles.css" type="text/css">
• To: <link rel="stylesheet" href="styles.css?v=2" type="text/css">

After redeployment, website should display:

• ✅ Proper styling and layout
• ✅ Working image slider
• ✅ Responsive navigation with mobile hamburger menu
• ✅ Interactive elements
• ✅ Optimized mobile experience with touch gestures
• ✅ Swipe-enabled image slider on mobile
• ✅ Adaptive layouts for all screen sizes
• ✅ Enhanced form input experience
• ✅ Dark mode support
• ✅ Safe area compatibility for notched devices

• Responsive hamburger menu with smooth animations
• Touch-friendly menu items
• Prevents page scroll when menu is open
• Click-outside to close functionality

• Swipe gestures for image slider
• Optimized touch targets for buttons and links
• Form input auto-scroll on focus
• Prevention of iOS zoom on inputs

• Responsive typography scaling
• Flexible grid layouts
• Optimized spacing and padding
• Safe area insets for modern devices

• Reduced animations for low-power mode
• Hardware acceleration for smooth scrolling
• Optimized asset loading

• High contrast dark mode support
• Reduced motion preferences
• Keyboard navigation support
• Screen reader friendly structure