Add beginner friendly git and github roadmap

src/components/EditorRoadmap/EditorRoadmapRenderer.css

@@ -10,7 +10,8 @@ svg g[data-type='link-item'],
 svg > g[data-type='button'],
 svg > g[data-type='resourceButton'],
 svg > g[data-type='todo-checkbox'],
-svg > g[data-type='todo'] {
+svg > g[data-type='todo'],
+svg > g[data-type='checklist'] > g[data-type='checklist-item'] > rect {
   cursor: pointer;
 }
 
@@ -28,6 +29,10 @@ svg g[data-type='todo-checkbox']:hover {
   opacity: 0.8;
 }
 
+svg g[data-type='checklist'] > g[data-type='checklist-item'] > rect:hover {
+  fill: #cbcbcb !important;
+}
+
 svg .done rect {
   fill: #cbcbcb !important;
 }
@@ -46,8 +51,8 @@ svg .done text[fill='#ffffff'] {
   fill: black;
 }
 
-svg > g[data-type='subtipic'].done > rect + text,
+svg > g[data-type='subtopic'].done > rect + text,
-svg > g[data-type='subtipic'].learning > rect + text {
+svg > g[data-type='subtopic'].learning > rect + text {
   fill: #cbcbcb;
 }
 

src/components/TopicDetail/TopicDetail.tsx

@@ -369,7 +369,7 @@ export function TopicDetail(props: TopicDetailProps) {
                         className="flex w-full items-center justify-center rounded-md bg-gray-800 p-2 text-sm text-white transition-colors hover:bg-black hover:text-white disabled:bg-green-200 disabled:text-black"
                       >
                         <GitHubIcon className="mr-2 inline-block h-4 w-4 text-white" />
-                        Help us Improve this Content
+                        Help us Write this Content
                       </a>
                     </div>
                   )}

src/data/roadmaps/git-github/content/basic-git-usage@PtU5Qwfzn3N1i3oRlCGoR.md

@@ -0,0 +1 @@
+# Basic Git Usage

src/data/roadmaps/git-github/content/collaboration@bXfCUG3h1TIFPgD4WUDph.md

@@ -0,0 +1 @@
+# Collaboration

src/data/roadmaps/git-github/content/more-git@aZMVz6kc52vLGcZFD9Dgh.md

@@ -0,0 +1 @@
+# More Git

src/data/roadmaps/git-github/content/more-github@sti_TAgZvSpuFWtygAsKc.md

@@ -0,0 +1 @@
+# More GitHub

src/lib/resource-progress.ts

@@ -389,6 +389,7 @@ export function refreshProgressCounters() {
     '.clickable-group',
     '[data-type="todo"]',
     '[data-type="topic"]',
+    '[data-type="checklist-item"]',
     '[data-type="subtopic"]',
     '.react-flow__node-topic',
     '.react-flow__node-subtopic',