OpenRelay

OpenRelay is a clean, modern, developer-focused community website built using only HTML, CSS, and JavaScript.

---

🚀 Overview

OpenRelay offers a fully responsive and mobile-friendly design, with an intuitive light/dark mode toggle that remembers user preferences. Navigation is accessible and consistent across all pages, featuring a top navbar with links to:

• Home
• News
• Projects
• Tutorials
• Events
• Community
• About
• Contact

---

✨ Key Features

• Universal Search Bar: Find content across all sections easily.
• Light/Dark Mode Toggle: Seamless theme switching with persistent user preference.
• Newsletter Subscription Form: Visually functional form in the footer (UI only, no backend).
• Contact Page: Dedicated, styled form for user inquiries (UI only).
• Responsive & Accessible: Mobile-first layout, keyboard navigable, and accessible markup.
• Consistent Navigation: Top navbar present on all pages, ensuring a unified user experience.
• Open Source: Licensed under the MIT License for freedom to use, modify, and contribute.

---

📁 Project Structure

openrelay/
│
├── index.html          # Main landing page
├── /css/               # Stylesheets (style.css, themes, etc.)
├── /js/                # JavaScript files (navigation, theme, search)
├── /pages/             # Static HTML for each section (news, projects, tutorials, etc.)
├── /assets/            # Images, icons, logos, and other static assets
├── /docs/              # Project documentation (contributing, setup, etc.)
├── LICENSE             # MIT License
└── README.md           # Project documentation

---

🛠️ Getting Started

1. Clone the repository:

   git clone https://github.com/hrudu-dev/openrelay.git
   cd openrelay

2. Open index.html in your browser.
   • No build step or server required—everything runs client-side!

---

🧩 Customization & Extension

• Add Pages:
  Duplicate a file in /pages/ and add your content.
• Styling:
  Modify /css/style.css or add new stylesheets for themes and customizations.
• JavaScript:
  Add or update scripts in /js/ for navigation, theme, or new features.
• Assets:
  Place images and icons in /assets/ and reference them in your HTML.

---

🤝 Contributing

1. Fork the repo and create your branch (git checkout -b feature/your-feature)
2. Make your changes (keep code clean and commented)
3. Push to your branch (git push origin feature/your-feature)
4. Open a pull request

All contributions are welcome: UI/UX, accessibility, features, bugfixes, and documentation.

---

📄 License

This project is open source under the MIT License.

---

📬 Contact

• GitHub Issues
• Contact Page (UI only)

---

OpenRelay — A modern, open, and extensible platform for developers and tech communities.