update site

absolute-beginners/git-github-beginner/learn-basics/index.mdx

@@ -0,0 +1,3 @@
+# Learn Basics
+
+## What are version control system

docs/css/project-practicals/animation-practice.mdx

@@ -21,7 +21,7 @@ tags:
 
 Animations are the secret ingredient that transforms a static webpage into an **engaging and memorable user experience**. This practical session is dedicated to solidifying your understanding of CSS **Transitions**, **Transforms**, and **Keyframe Animations** by applying them to real-world components.
 
-Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/docs/category/transitions--animations) section.
+Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/category/transitions--animations) section.
 
 <AdsComponent />
 <br />

docs/css/project-practicals/responsive-design-practice.mdx

@@ -9,7 +9,7 @@ Responsive Web Design (RWD) is a crucial skill in modern frontend development. I
 
 This practical session will guide you through implementing the core principles of RWD, focusing on **Media Queries**, **Fluid Layouts**, and the **Mobile-First** strategy.
 
-Before starting, ensure you are familiar with the concepts in the [Responsiveness](/tutorial/docs/category/responsiveness) section.
+Before starting, ensure you are familiar with the concepts in the [Responsiveness](/category/responsiveness) section.
 
 <AdsComponent />
 <br />

docs/index.mdx

@@ -58,15 +58,15 @@ Select a technology below to dive into our structured tutorials. Each path is de
 
 <DocsCards>
 
-<DocsCard header="HTML" href="/docs/category/html/" icon="/icons/html-5.svg">
+<DocsCard header="HTML" href="/category/html/" icon="/icons/html-5.svg">
   <p>Learn the building blocks of the web — HTML. Understand tags, attributes, forms, and layout fundamentals to create structured webpages.</p>
 </DocsCard>
 
-<DocsCard header="CSS" href="/docs/css/introduction" icon="/icons/css.svg">
+<DocsCard header="CSS" href="/css/introduction" icon="/icons/css.svg">
   <p>Master styling with CSS. Learn Flexbox, Grid, animations, and responsive design techniques for beautiful interfaces.</p>
 </DocsCard>
 
-<DocsCard header="JavaScript" href="/docs/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
+<DocsCard header="JavaScript" href="/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
   <p>From basics to advanced — learn JavaScript programming, DOM manipulation, and ES6+ features to bring interactivity to your projects.</p>
 </DocsCard>
 
@@ -102,7 +102,7 @@ Select a technology below to dive into our structured tutorials. Each path is de
   <p>Learn NoSQL database concepts with MongoDB. Store, query, and manage data efficiently for modern applications.</p>
 </DocsCard>
 
-<DocsCard header="AI & Machine Learning" href="/docs/machine-learning" icon="/icons/ai-chat.svg">
+<DocsCard header="AI & Machine Learning" href="/machine-learning" icon="/icons/ai-chat.svg">
   <p>Explore artificial intelligence, machine learning, and neural networks with beginner-friendly examples.</p>
 </DocsCard>
 

docs/technical-writer/advanced/localization-and-accessibility.mdx

@@ -27,7 +27,7 @@ Most modern Docs-as-Code platforms support localization through external files.
 
 1.  **Extract Strings:** Your content management system (or localization tool) extracts the translatable text (strings) from your Markdown files (e.g., `.mdx`) and places them into key-value files (e.g., `.json`, `.po`, or `.xliff`).
 2.  **Translation:** These string files are sent to human translators or machine translation services.
-3.  **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/docs/en`, `/docs/de`, `/docs/ja`).
+3.  **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/en`, `/de`, `/ja`).
 
 :::warning Context is King
 When working with translators, provide **context**. If a string is "Open," specify whether it's the verb (e.g., "Open the file") or the adjective (e.g., "The API is Open"). This avoids grammatical errors in languages with gendered nouns.

docs/technical-writer/resources/portfolio-building.mdx

@@ -51,7 +51,7 @@ Aim for 3–5 high-quality projects. A few excellent, polished examples are infi
 <LinkCard
     title="Tip: The Live Project"
     description="If you contribute documentation to an Open Source project, that merged Pull Request (PR) is your single most powerful portfolio piece—it's real-world proof of collaboration and quality."
-    link="/tutorial/docs/technical-writer/advanced/open-source-contributions"
+    link="/tutorial/technical-writer/advanced/open-source-contributions"
     icon="code"
 />
 

docs/technical-writer/resources/templates-and-samples.mdx

@@ -170,7 +170,7 @@ icon="book"
 <LinkCard
 title="Docusaurus Official Templates"
 description="Review the source code of the official Docusaurus templates on GitHub. They provide excellent examples of MDX usage, sidebar structure, and front matter."
-link="https://www.google.com/search?q=https://docusaurus.io/docs/next/installation%23scaffolding-your-site"
+link="https://docusaurus.io/docs/next/installation#scaffolding-your-site"
 icon="code"
 />
 

docusaurus.config.js

@@ -36,7 +36,7 @@ const config = {
       ({
         // debug: true,
         docs: {
-          routeBasePath: "docs",
+          routeBasePath: "/",
           sidebarPath: "./sidebars.ts",
           editUrl: "https://github.com/codeharborhub/tutorial/edit/main/",
           remarkPlugins: [remarkMath],
@@ -140,10 +140,10 @@ const config = {
               <div class="mega-menu-column">
                 <h3>🚀 Foundations</h3>
                 <hr style="margin: 0.5rem 0; opacity: 0.4;">
-                <a href="#">🐣 Absolute Beginner</a>
+                <a href="/tutorial/absolute-beginners/">🐣 Absolute Beginner</a>
                 <a href="#">🏛️ Computer Science</a>
                 <a href="#">💻 Languages & Platforms</a>
-                <a href="/tutorial/docs/git/introduction">🌿 Git & GitHub</a>
+                <a href="/tutorial/git/introduction">🌿 Git & GitHub</a>
               </div>
 
               <div class="mega-menu-column">
@@ -191,12 +191,12 @@ const config = {
           //   html: '<span class="nav-emoji">📝</span> Blog',
           //   position: "right",
           // },
-          // {
-          //   href: "https://github.com/codeharborhub",
-          //   position: "right",
-          //   className: "header-github-link",
-          //   "aria-label": "GitHub repository",
-          // },
+          {
+            href: "https://github.com/codeharborhub",
+            position: "right",
+            className: "header-github-link",
+            "aria-label": "GitHub repository",
+          },
         ],
       },
       footer: {

sidebars.ts

@@ -257,39 +257,39 @@ const sidebars: SidebarsConfig = {
     {
       type: "link",
       label: "CSS",
-      href: "/docs/css/introduction",
+      href: "/css/introduction",
     },
 
     // Machine LearningTutorial Structure
 
     {
       type: "link",
       label: "Machine Learning",
-      href: "/docs/machine-learning/",
+      href: "/machine-learning/",
     },
 
     // JavaScript Tutorial Structure
 
     {
       type: "link",
       label: "JavaScript",
-      href: "/docs/javascript/introduction-to-javascript/what-is-js",
+      href: "/javascript/introduction-to-javascript/what-is-js",
     },
 
     // Git Tutorial Structure
 
     {
       type: "link",
       label: "Git",
-      href: "/docs/git/introduction",
+      href: "/git/introduction",
     },
 
     // GitHub Tutorial Structure
 
     {
       type: "link",
       label: "GitHub",
-      href: "/docs/github/introduction-to-github",
+      href: "/github/introduction-to-github",
     },
 
     //  React Tutorial Structure
@@ -464,21 +464,21 @@ const sidebars: SidebarsConfig = {
     {
       type: "link",
       label: "Cybersecurity",
-      href: "/docs/cybersecurity/",
+      href: "/cybersecurity/",
     },
 
     // Internet
     {
       type: "link",
       label: "Internet",
-      href: "/docs/internet/introduction/",
+      href: "/internet/introduction/",
     },
     // Technical Writer
 
     {
       type: "link",
       label: "Technical Writer",
-      href: "/docs/technical-writer/",
+      href: "/technical-writer/",
     },
   ],