Skip to content

Latest commit

 

History

History
89 lines (64 loc) · 2.21 KB

README_EN.md

File metadata and controls

89 lines (64 loc) · 2.21 KB

WebNav Hub 🚀 | 中文

A minimalist navigation website with UI design inspired by Pornhub's black and orange color scheme.

Features ✨

  • 🎨 Classic black and orange color scheme
  • 📱 Fully responsive design for all devices
  • 🌙 Dark mode first
  • ⚡ Pure static website, fast loading
  • 🎯 Clear navigation system
  • 💡 Intuitive card layout
  • 🔍 Multiple useful categories:
    • AI Search Tools
    • Social Media
    • Utility Tools
    • Tech News
    • Cloud Storage
    • Email Services

Online Preview 🌐

  • GitHub Pages: https://g.186404.xyz/pornhubNav
  • Cloudflare Pages: https://pornhubnav.pages.dev

Deployment Guide 🚀

GitHub Pages Deployment

  1. Fork this repository
  2. Go to repository Settings > Pages
  3. Select main branch as Source
  4. Save and wait for deployment

Cloudflare Pages Deployment

  1. Login to Cloudflare Dashboard
  2. Go to Pages section
  3. Create new project and connect repository
  4. Deploy settings:
    • Build command: leave empty
    • Build output directory: leave empty
  5. Save and deploy

Local Development 💻

# Clone repository
git clone https://github.com/your-username/webnav-hub.git

# Enter project directory
cd webnav-hub

# Run with any HTTP server
# For example, Python's HTTP server
python -m http.server 8080

Customization 🔧

  • Modify website links and categories in index.html

  • Adjust CSS variables to change the color scheme:

    :root {
  --primary-bg: #000000;    /* Primary background */
  --secondary-bg: #1b1b1b;  /* Secondary background */
  --hover-bg: #272727;      /* Hover background */
  --text-color: #ffffff;    /* Text color */
  --accent-color: #ff9000;  /* Accent color (orange) */
}

Contributing 🤝

Issues and Pull Requests are welcome to improve this project!

License 📄

MIT License - See LICENSE file for details

Acknowledgments 🙏

  • Font Awesome - Icon library
  • All website listings are collected from the internet

Disclaimer ⚠️

This project is for learning and communication purposes only. Please comply with local laws and regulations.