Merge pull request #85 from braboj/fix/home-page-content

Update home page for chapter structure

Author: braboj

astro-site/src/pages/index.astro

@@ -1,9 +1,11 @@
 ---
 import DocLayout from "../layouts/DocLayout.astro";
 
+const base = import.meta.env.BASE_URL;
+
 const headings = [
   { depth: 2, slug: "what-youll-learn", text: "What you'll learn" },
-  { depth: 2, slug: "learning-path", text: "Learning path" },
+  { depth: 2, slug: "chapters", text: "Chapters" },
   { depth: 2, slug: "quick-start", text: "Quick start" },
   { depth: 2, slug: "about", text: "About" },
   { depth: 2, slug: "selected-references", text: "Selected references" },
@@ -15,72 +17,80 @@ const headings = [
 
   <p>
     A hands-on tutorial that takes you from first commit to confident daily use.
-    Learn Git's concepts first, then apply them through practical command
-    references and real-world examples.
+    Learn Git's concepts first, then apply them through practical exercises
+    and real-world examples.
   </p>
 
   <h2 id="what-youll-learn">What you'll learn</h2>
 
   <ul>
     <li>
-      <strong>Concepts</strong> — Understand how Git actually works: objects,
-      references, branching, merging, conflict resolution, and branching strategies.
+      <strong>How Git works</strong> — the workspace, index, and repository
+      pipeline that every command builds on.
+    </li>
+    <li>
+      <strong>Building blocks</strong> — objects, references, HEAD, and how
+      Git stores your project history internally.
     </li>
     <li>
-      <strong>Operations</strong> — Master 30+ Git commands organized by workflow:
-      create, track, branch, sync, revert, and inspect.
+      <strong>Branching and merging</strong> — work on features in isolation,
+      merge strategies, conflict resolution, cherry-pick, rebase, and stash.
     </li>
     <li>
-      <strong>Test yourself</strong> — 96 quiz questions to validate your
-      understanding and prepare for technical interviews.
+      <strong>Remote collaboration</strong> — clone, push, pull, fetch, and
+      forking workflows for team projects.
     </li>
     <li>
-      <strong>Reference</strong> — Git dictionary, cheat sheets, client tools,
-      and curated external resources.
+      <strong>Expert topics</strong> — configuration, selectors, refspecs,
+      hooks, bisect, and history rewriting.
     </li>
   </ul>
 
-  <h2 id="learning-path">Learning path</h2>
+  <h2 id="chapters">Chapters</h2>
 
   <table>
-    <caption>Six stages from setup to mastery</caption>
     <thead>
       <tr>
-        <th>Stage</th>
-        <th>Topics</th>
-        <th>You'll be able to...</th>
+        <th>Chapter</th>
+        <th>What you'll learn</th>
       </tr>
     </thead>
     <tbody>
       <tr>
-        <td><strong>1. Setup</strong></td>
-        <td>Installation, hosting services</td>
-        <td>Install Git and create a GitHub account</td>
+        <td><a href={`${base}introduction/`}>Introduction</a></td>
+        <td>What Git is, installation, how it works, command overview</td>
       </tr>
       <tr>
-        <td><strong>2. Basics</strong></td>
-        <td>Repository, configuration, dataflow</td>
-        <td>Initialize repos, configure identity, understand staging</td>
+        <td><a href={`${base}building-blocks/`}>Building Blocks</a></td>
+        <td>Repositories, objects, references, HEAD, tags</td>
       </tr>
       <tr>
-        <td><strong>3. Daily workflow</strong></td>
-        <td>add, commit, push, pull, status, log, diff</td>
-        <td>Track changes and collaborate with a remote</td>
+        <td><a href={`${base}branching-and-merging/`}>Branching and Merging</a></td>
+        <td>Branches, merge strategies, rebase, cherry-pick, conflicts, stash</td>
       </tr>
       <tr>
-        <td><strong>4. Branching</strong></td>
-        <td>branch, checkout, merge, stash</td>
-        <td>Work on features in isolation and integrate them</td>
+        <td><a href={`${base}remote-repositories/`}>Remote Repositories</a></td>
+        <td>Clone, push, pull, fetch, remote tracking, forking workflows</td>
       </tr>
       <tr>
-        <td><strong>5. Advanced</strong></td>
-        <td>rebase, cherry-pick, reset, conflicts</td>
-        <td>Rewrite history, resolve conflicts, recover from mistakes</td>
+        <td><a href={`${base}subprojects/`}>Subprojects</a></td>
+        <td>Submodules and subtrees for managing dependencies</td>
       </tr>
       <tr>
-        <td><strong>6. Mastery</strong></td>
-        <td>Objects, references, selectors, refspec</td>
-        <td>Understand Git internals and debug complex situations</td>
+        <td><a href={`${base}expert-topics/`}>Expert Topics</a></td>
+        <td>Configuration, selectors, refspecs, hooks, bisect, rewriting history</td>
+      </tr>
+      <tr>
+        <td><a href={`${base}playbook/`}>Playbook</a></td>
+        <td>Step-by-step recipes for common Git tasks</td>
+      </tr>
+      <tr>
+        <td><a href={`${base}appendix/`}>Appendix</a></td>
+        <td>Merge strategies, SSH setup, Git clients, references</td>
+      </tr>
+      <tr>
+        <td><a href={`${base}glossary/`}>Glossary</a></td>
+        <td>Key terms and definitions</td>
       </tr>
     </tbody>
   </table>
@@ -90,17 +100,15 @@ const headings = [
   <p>New to Git? Start here:</p>
 
   <ol>
-    <li><a href="/introduction/#install-on-windows">Install Git</a> on your machine</li>
-    <li><a href="/introduction/#git-dataflow">Understand the dataflow</a> — working directory, index, local repo, remote</li>
-    <li><a href="/operations/create/#git-init">Create your first repository</a></li>
-    <li><a href="/operations/track/#git-commit">Make your first commit</a></li>
+    <li><a href={`${base}introduction/#installation`}>Install Git</a> on your machine</li>
+    <li><a href={`${base}introduction/#how-git-works`}>Understand how Git works</a> — workspace, index, repository</li>
+    <li><a href={`${base}introduction/#exercises`}>Try the exercises</a> — clone, commit, push, pull</li>
   </ol>
 
   <h2 id="about">About</h2>
 
   <p>
-    Created by <a href="https://github.com/braboj">Branimir Georgiev</a> and
-    <a href="https://github.com/marwan-rashed">Marwan Rashed</a>.
+    Created by <a href="https://github.com/braboj">Branimir Georgiev</a>.
   </p>
   <p>
     Part of <a href="https://codewithbranko.com">Code with Branko</a> — practical tutorials for developers.
@@ -109,10 +117,10 @@ const headings = [
   <h2 id="selected-references">Selected references</h2>
 
   <ul>
+    <li><a href="https://git-scm.com/book/en/v2">Pro Git Book</a> — the definitive reference</li>
     <li><a href="https://github.com/pluralsight/git-internals-pdf/releases">Git Internals</a> — deep dive into Git's object model</li>
     <li><a href="https://github.com/k88hudson/git-flight-rules">Flight Rules for Git</a> — what to do when things go wrong</li>
     <li><a href="http://think-like-a-git.net/">Think Like (a) Git</a> — graph theory perspective</li>
-    <li><a href="https://git-scm.com/book/en/v2">Pro Git Book</a> — the definitive reference</li>
-    <li><a href="https://githowto.com/">Git How To</a> — guided tour</li>
+    <li><a href="https://learngitbranching.js.org/">Learn Git Branching</a> — interactive branching exercises</li>
   </ul>
 </DocLayout>