Merge pull request #5090 from codeharborhub/dev-6

added Hacktoberfest 2026 Guide

Author: ajay-dhangar

community/hacktoberfest-2026.mdx

@@ -0,0 +1,303 @@
+---
+id: hacktoberfest-2026
+title: "Hacktoberfest 2026 Guide"
+sidebar_label: "Hacktoberfest 2026"
+sidebar_position: 8
+slug: /community/hacktoberfest-2026
+description: "Join CodeHarborHub for Hacktoberfest 2026! Learn, build, and collaborate with a global community while exploring open-source AI, web development, documentation, and developer tools."
+keywords:
+  - Hacktoberfest 2026
+  - CodeHarborHub Hacktoberfest
+  - Hacktoberfest 2026 CodeHarborHub
+  - open source 2026
+  - open source contributions
+  - open source AI
+  - open-weight AI
+  - developer community
+  - GitHub open source
+  - web development
+  - Docusaurus
+  - HTML CSS JavaScript
+  - React TypeScript
+  - beginner open source
+  - Hacktoberfest projects
+tags:
+  - hacktoberfest
+  - hacktoberfest-2026
+  - open-source
+  - open-source-ai
+  - community
+  - github
+  - web-development
+  - developer-education
+  - CodeHarborHub
+image: /img/chh-hacktoberfest-2026.png
+---
+
+Welcome to **Hacktoberfest 2026 at CodeHarborHub**! October is always our favorite month of the year—a dedicated time for developers, students, technical writers, designers, and open-source fans of all skill levels to come together, share ideas, and build things that make learning to code easier for everyone.
+
+![Hacktoberfest 2026 at CodeHarborHub](/img/chh-hacktoberfest-2026.png)
+
+This year, Hacktoberfest feels fresh. Rather than treating open source like a numbers game of rapid-fire pull requests, the festival pivots toward **hands-on learning, meaningful collaboration, and building with open-weight AI models**.
+
+Whether you are fixing your first broken link or architecting an interactive visualizer, your contributions help shape a free, high-quality developer platform.
+
+> **Build something practical. Learn something new. Share what you know. Help someone grow.**
+
+:::info Event Snapshot
+* **Event Window:** October 1 – October 31, 2026
+* **Primary Focus:** Open-Source AI, Developer Education, Accessibility & Core Web
+* **Official Hub:** [hacktoberfest.com](https://hacktoberfest.com)
+* **CodeHarborHub Repo:** [codeharborhub.github.io](https://github.com/CodeHarborHub/codeharborhub.github.io)
+:::
+
+## What's New for Hacktoberfest 2026?
+
+If you have joined Hacktoberfest in past years, you will notice a major shift in how the event operates.
+
+### Pull Requests Are No Longer Reward-Counted
+
+In previous editions, participants tracked PR counts to hit swags and badges. For **2026**, the official organizers have decoupled reward tracking from pull requests entirely. 
+
+This change was made to relieve pressure on maintainers and eliminate low-effort spam (like fixing a single comma or reformatting blank lines). Instead, the official program rewards participation in **learning challenges, livestreams, and community activities**.
+
+### What This Means for CodeHarborHub Contributors
+
+Does this mean open source doesn't matter this month? **Not at all!**
+
+Open-source contributions remain the heart of CodeHarborHub. We simply encourage you to slow down, focus on quality over speed, and build things that genuinely matter:
+
+* 📚 Clear, accurate tutorials that simplify complex subjects
+* 🎨 Accessible, responsive UI components
+* 🛠️ Robust developer tools and automated tests
+* 🐛 Verified bug fixes that fix real user pain points
+
+---
+
+## Ways to Get Involved
+
+You can participate in Hacktoberfest 2026 through several tracks depending on your preferences and availability.
+
+<Tabs>
+<TabItem value="online" label="💻 Online Track" default>
+
+Join online from anywhere. The digital experience centers on learning milestones, community challenges, and interactive sessions.
+
+* **Livestreams:** Deep dives on open-weight models, tooling, and agents.
+* **Global Hack Week:** Dedicated hackathon sprints with community prompts.
+* **Badges:** Earn up to 24 unique virtual stickers through official activities.
+
+</TabItem>
+
+<TabItem value="dev" label="🧑‍💻 DEV Challenges">
+
+Hacktoberfest has partnered with DEV to host weekly building challenges throughout October:
+
+* **Launch Weekend Challenge:** October 2–4
+* **Week 1 Challenge:** October 5–11
+* **Week 2 Challenge:** October 12–18
+* **Week 3 Challenge:** October 19–25
+* **Week 4 Challenge:** October 26–31
+
+These challenges highlight projects built with open-source AI and open-weight models.
+
+</TabItem>
+
+<TabItem value="ghw" label="🧠 Global Hack Week">
+
+Hosted by MLH, **Global Hack Week: Hacktoberfest** runs from **October 9–15, 2026**.
+
+Participate in technical workshops, earn points, and unlock milestone rewards at **15, 30, and 75 points**.
+
+</TabItem>
+
+<TabItem value="fest" label="🏫 Local Fests">
+
+Connect with developers nearby by attending or organizing a local Fest. 
+
+* **Hack Days:** Hands-on, mini-hackathons focused on building and demoing projects.
+* **Meetups:** Casual gatherings featuring workshops, lightning talks, and networking.
+
+</TabItem>
+</Tabs>
+
+---
+
+## Contributing to CodeHarborHub
+
+CodeHarborHub exists to make modern software engineering education free and accessible to everyone. Here is how you can jump in across different skill levels:
+
+### Beginner Friendly
+No prior open-source experience? No problem! Start small and build your confidence:
+* Fix typos, grammatical errors, or awkward phrasing in existing guides.
+* Replace broken external links with updated, high-quality references.
+* Clarify beginner tutorials or add code comments to tricky snippets.
+* Improve Markdown/MDX formatting and structural headings.
+
+**Technologies:** `HTML`, `CSS`, `JavaScript`, `Git`, `Markdown`, `MDX`
+
+### Intermediate
+Ready to write functional code or upgrade components?
+* Design interactive React or MDX components for tutorials.
+* Improve responsive navigation, dark/light themes, or mobile layouts.
+* Add comprehensive unit tests or optimize web performance and SEO.
+* Implement custom Docusaurus plugins or GitHub Actions workflows.
+
+**Technologies:** `React`, `TypeScript`, `Docusaurus`, `Node.js`, `Tailwind CSS`, `Jest`
+
+### Advanced Engineering
+Want to tackle core architecture? Talk with maintainers before diving into major changes:
+* Build interactive code runners or live sandbox integrations.
+* Integrate open-source AI agents for interactive learning assistants.
+* Redesign search capabilities or overhaul site navigation performance.
+* Improve test suites, CI/CD pipelines, and automated site builds.
+
+## Responsible Use of AI Tools
+
+AI coding assistants (ChatGPT, Claude, Gemini, Copilot, Cursor) are great companions when used thoughtfully, but **unverified AI dumps will be closed without review**.
+
+:::caution Maintain Your Ownership
+If you use AI tools to draft code or content, you are still 100% responsible for verifying everything you submit.
+:::
+
+Before opening a Pull Request, run through this quick human checklist:
+
+```text
+  AI Drafted Code / Content
+             │
+             ▼
+     [ ] Human Reviewed    → Did you check technical accuracy?
+     [ ] Human Tested      → Does the build pass cleanly (`npm run build`)?
+     [ ] Human Understood  → Can you explain every line you wrote?
+             │
+             ▼
+     Ready to Submit!
+
+```
+
+## Priority Subject Areas
+
+We welcome educational updates and project maintenance across all main technical tracks:
+
+| Track | Focus & Example Contributions |
+| --- | --- |
+| **HTML & CSS** | Semantic structure, ARIA accessibility, modern Flexbox/Grid layouts |
+| **JavaScript & TS** | Modern ES6+ features, async patterns, explicit type safety |
+| **React & Docusaurus** | UI components, custom hooks, documentation theme improvements |
+| **Git & Linux** | Practical workflows, shell script cheatsheets, CLI basics |
+| **AI & Machine Learning** | Clear, beginner-focused guides on open-weight models & prompts |
+| **DevOps & Testing** | GitHub Actions workflows, CI performance, Jest/Playwright tests |
+
+## Step-by-Step Pull Request Guide
+
+Follow this standard workflow when making code or documentation changes to our platform.
+
+### 1. Fork & Clone
+
+Fork [codeharborhub.github.io](https://github.com/CodeHarborHub/codeharborhub.github.io) to your personal GitHub account, then clone it locally:
+
+```bash
+git clone https://github.com/<your-username>/codeharborhub.github.io.git
+cd codeharborhub.github.io
+```
+
+### 2. Connect Upstream
+
+Keep your local copy in sync with the main project repository:
+
+```bash
+git remote add upstream https://github.com/CodeHarborHub/codeharborhub.github.io.git
+```
+
+### 3. Create a Descriptive Branch
+
+Always work on a separate feature branch instead of your local `main`:
+
+```bash
+# Documentation updates
+git checkout -b docs/improve-html-forms
+
+# Bug fixes or components
+git checkout -b fix/mobile-menu-overlap
+```
+
+### 4. Install & Run Locally
+
+Make sure you have Node.js installed, then start the development server:
+
+```bash
+npm install
+npm start
+```
+
+### 5. Build & Test Your Work
+
+Before committing, verify that your changes don't break site builds or cause layout bugs:
+
+```bash
+npm run build
+```
+
+Verify your work across desktop and mobile screen sizes, check both Light & Dark modes, and make sure there are no browser console errors.
+
+### 6. Commit & Submit
+
+Keep your commits clean and descriptive:
+
+```bash
+git add .
+git commit -m "docs: add modern flexbox examples to CSS guide"
+git push origin docs/improve-html-forms
+
+```
+
+Finally, open a Pull Request against our `main` branch!
+
+---
+
+## What to Avoid
+
+To maintain high standards across the project, please avoid:
+
+* ❌ Opening PRs without testing whether the local build (`npm run build`) passes.
+* ❌ Submitting automated formatting changes across untouched files.
+* ❌ Copying material from other tutorials or websites without proper licensing/credit.
+* ❌ Submitting generic, low-effort AI summaries.
+* ❌ Pushing private environment tokens, secrets, or API keys.
+
+## Looking for Issues?
+
+Check our GitHub Issues tab and filter by relevant labels:
+
+`hacktoberfest-2026` · `good-first-issue` · `documentation` · `frontend` · `help-wanted`
+
+:::tip Claiming Issues
+Found an issue you'd like to tackle? Leave a quick comment on the issue asking to be assigned before starting work. This prevents duplicate efforts from multiple contributors!
+:::
+
+## A Global Developer Community
+
+CodeHarborHub is built by and for developers from every corner of the world—including India, the United States, Europe, Japan, Southeast Asia, and beyond. We aim for clear, welcoming, and accessible technical English so everyone can learn together.
+
+```text
+    Learn       Explore      Build       Share
+      │            │           │           │
+      └────────────┴─────┬─────┴───────────┘
+                         ▼
+                   Collaborate
+                         │
+                         ▼
+                     Grow ✨
+
+```
+
+## Useful Community Links
+
+* 🐙 **CodeHarborHub Repository:** [github.com/CodeHarborHub/codeharborhub.github.io](https://github.com/CodeHarborHub/codeharborhub.github.io)
+* 📜 **Contribution Guidelines:** [`CONTRIBUTING.md`](https://github.com/CodeHarborHub/codeharborhub.github.io/blob/main/CONTRIBUTING.md)
+* 🤝 **Code of Conduct:** [`CODE_OF_CONDUCT.md`](https://github.com/CodeHarborHub/codeharborhub.github.io/blob/main/CODE_OF_CONDUCT.md)
+* 🎃 **Official Hacktoberfest Site:** [hacktoberfest.com](https://hacktoberfest.com)
+
+### Level Up Skills with CodeHarborHub
+
+Happy Hacking, and welcome to Hacktoberfest 2026! We can't wait to see what you build and share with the community.

static/img/chh-hacktoberfest-2026.png

@@ -2,7 +2,7 @@
 id: citations
 title: "Citing Work and Titles using the cite Tag"
 sidebar_label: "Citations"
-sidebar_position: 11
+sidebar_position: 9
 slug: /html/text-content/citations
 description: "Learn how to correctly use the cite tag to reference creative works, books, research papers, movies, and external articles."
 keywords:

tutorials/html/03-text-content/citations.mdx

@@ -2,7 +2,7 @@
 id: code-text
 title: "Displaying Code Snippets, Keyboard Input, and Preformatted Text"
 sidebar_label: "Code & Computer Text"
-sidebar_position: 12
+sidebar_position: 11
 slug: /html/text-content/code-text
 description: "Explore computer text elements including code, pre, kbd, samp, and var to format inline code snippets, terminal output, and user inputs."
 keywords: