56 lines
2.2 KiB
Markdown
56 lines
2.2 KiB
Markdown
# CLAUDE.md
|
|
|
|
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
|
|
|
## Project Overview
|
|
|
|
This is a static website for 岸基网络科技有限公司 (Anji Network Technology Co., Ltd.), a Chinese logistics and port technology company. The website is built with vanilla HTML, CSS, and JavaScript without any build tools or frameworks.
|
|
|
|
## Architecture
|
|
|
|
### File Structure
|
|
- **Root HTML files**: Individual page files (index.html, company.html, product_*.html, etc.)
|
|
- **assets/**: Static resources
|
|
- **css/**: Stylesheets (Bootstrap 3.3.4, custom styles)
|
|
- **js/**: JavaScript files (jQuery, Bootstrap, custom scripts)
|
|
- **images/**: Image assets
|
|
- **fonts/**: Font files
|
|
|
|
### Key Pages
|
|
- `index.html`: Homepage
|
|
- `company.html`: Company introduction
|
|
- `product_*.html`: Product pages (eCommerce, Logistics, Port)
|
|
- `chuandai.html`, `yunmatou.html`, `jining.html`: Service/product detail pages
|
|
- `contact.html`: Contact information
|
|
- `header.html`, `footer.html`: Reusable components (loaded via JavaScript)
|
|
|
|
### Technology Stack
|
|
- HTML5 with Bootstrap 3.3.4
|
|
- jQuery (multiple versions included: 1.10.2, 1.11.0)
|
|
- Custom CSS framework with responsive design
|
|
- No build process or package manager
|
|
|
|
## Development Commands
|
|
|
|
### Testing Locally
|
|
```bash
|
|
# Serve files using Python's built-in server
|
|
python3 -m http.server 8000
|
|
# Or using Node.js
|
|
npx http-server
|
|
```
|
|
|
|
### No Build Process
|
|
This is a static website with no compilation or build steps required. Simply edit files and refresh the browser.
|
|
|
|
## Important Notes
|
|
|
|
1. **Chinese Content**: The website is primarily in Chinese. Maintain existing Chinese text when making changes.
|
|
|
|
2. **No Package Management**: There are no package.json, npm, or other dependency managers. All libraries are included as static files.
|
|
|
|
3. **jQuery Dependency**: The site heavily relies on jQuery. Be careful when updating JavaScript to maintain jQuery compatibility.
|
|
|
|
4. **Responsive Design**: The site uses custom responsive CSS. Test changes on multiple screen sizes.
|
|
|
|
5. **File Paths**: All asset paths are relative. Maintain the existing directory structure when adding new files. |