diff --git a/src/components/EditorRoadmap/EditorRoadmapRenderer.tsx b/src/components/EditorRoadmap/EditorRoadmapRenderer.tsx index 176a2e279..4e358844f 100644 --- a/src/components/EditorRoadmap/EditorRoadmapRenderer.tsx +++ b/src/components/EditorRoadmap/EditorRoadmapRenderer.tsx @@ -38,6 +38,7 @@ function getNodeDetails(svgElement: SVGElement): RoadmapNodeDetails | null { const nodeId = targetGroup?.dataset?.nodeId; const nodeType = targetGroup?.dataset?.type; const title = targetGroup?.dataset?.title; + if (!nodeId || !nodeType) { return null; } @@ -53,6 +54,7 @@ const allowedNodeTypes = [ 'resourceButton', 'todo', 'todo-checkbox', + 'checklist-item', ]; export function EditorRoadmapRenderer(props: RoadmapRendererProps) { @@ -94,8 +96,6 @@ export function EditorRoadmapRenderer(props: RoadmapRendererProps) { const { nodeId, nodeType, targetGroup, title } = getNodeDetails(target) || {}; - console.log(nodeId); - if (!nodeId || !nodeType || !allowedNodeTypes.includes(nodeType)) { return; } @@ -155,9 +155,30 @@ export function EditorRoadmapRenderer(props: RoadmapRendererProps) { return; } + // for the click on rect of checklist-item + if (nodeType === 'checklist-item' && target.tagName === 'rect') { + e.preventDefault(); + if (!isLoggedIn()) { + showLoginPopup(); + return; + } + + const newStatus = targetGroup?.classList.contains('done') + ? 'pending' + : 'done'; + updateTopicStatus(nodeId, newStatus); + return; + } + + // we don't have the topic popup for checklist-item + if (nodeType === 'checklist-item') { + return; + } + if (!title) { return; } + const detailsPattern = `${slugify(title)}@${nodeId}`; window.dispatchEvent( new CustomEvent('roadmap.node.click', { diff --git a/src/data/roadmaps/git-github/git-github-beginner.json b/src/data/roadmaps/git-github/git-github-beginner.json index 5400ccbec..f8ae7b0be 100644 --- a/src/data/roadmaps/git-github/git-github-beginner.json +++ b/src/data/roadmaps/git-github/git-github-beginner.json @@ -1 +1,1636 @@ -{"nodes":[{"id":"kZoyMp6hlBhEmEtP4Ugel","type":"vertical","position":{"x":718.8760409943199,"y":1184.6899404988976},"selected":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"width":20,"height":75,"style":{"width":20,"height":75},"positionAbsolute":{"x":718.8760409943199,"y":1184.6899404988976},"dragging":false,"resizing":false,"focusable":true,"selectable":true},{"id":"j3huHc7cI7XZsXWx7EnLd","type":"horizontal","position":{"x":568.2094217148975,"y":784.448933004529},"selected":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"ZibrFs5SqbM7M-ygmuXJq"},"zIndex":999,"width":84,"height":20,"style":{"width":84,"height":20},"positionAbsolute":{"x":568.2094217148975,"y":784.448933004529},"dragging":false,"resizing":false,"selectable":true,"focusable":true},{"id":"ndgDElXOfvoSQfX9m327n","type":"horizontal","position":{"x":820.4807890856271,"y":643.348933004529},"selected":true,"data":{"label":"horizontal node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"width":76,"height":20,"style":{"width":76,"height":20},"resizing":false,"positionAbsolute":{"x":820.4807890856271,"y":643.348933004529},"dragging":false,"selectable":true,"focusable":true},{"id":"S7HjbouTnYhMlJ763X3Cy","type":"section","position":{"x":896.5316934344742,"y":286.84893300452893},"selected":true,"data":{"label":"","style":{"width":150,"height":100,"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"}},"zIndex":-999,"width":369,"height":219,"style":{"width":369,"height":219},"resizing":false,"dragging":false,"positionAbsolute":{"x":896.5316934344742,"y":286.84893300452893},"selectable":true,"focusable":true},{"id":"5Z9o-b3vBA-ITFg86zzYM","type":"title","position":{"x":614.8760409943199,"y":166.2553633125035},"selected":true,"data":{"label":"Git and GitHub","style":{"fontSize":28,"justifyContent":"flex-start","textAlign":"center"}},"zIndex":999,"width":227,"height":68,"style":{},"positionAbsolute":{"x":614.8760409943199,"y":166.2553633125035},"dragging":false,"selectable":true,"focusable":true},{"id":"XgM_I974PlXAu4AbeqHX1","type":"vertical","position":{"x":718.3760409943199,"y":93.2553633125035},"selected":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"}},"zIndex":999,"width":20,"height":73,"style":{"width":20,"height":73},"resizing":false,"positionAbsolute":{"x":718.3760409943199,"y":93.2553633125035},"dragging":false,"focusable":true,"selectable":true},{"id":"yHmHXymPNWwu8p1vvqD3o","type":"paragraph","position":{"x":909.4971847919508,"y":83.84893300452893},"selected":true,"data":{"label":"Find the detailed version of this roadmap along with other similar roadmaps","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"left","borderColor":"#000000","backgroundColor":"#FFFFFf"}},"zIndex":999,"width":353,"height":142,"positionAbsolute":{"x":909.4971847919508,"y":83.84893300452893},"dragging":false,"selectable":true,"focusable":true,"style":{"width":353,"height":142},"resizing":false},{"id":"2zqZkyVgigifcRS1H7F_b","type":"button","position":{"x":921.7005592047509,"y":165.8344964222742},"selected":true,"data":{"label":"roadmap.sh","href":"https://roadmap.sh","color":"#ffffff","backgroundColor":"#4136D6","style":{"fontSize":17}},"zIndex":999,"width":329,"height":49,"dragging":false,"style":{"width":329,"height":49},"resizing":false,"positionAbsolute":{"x":921.7005592047509,"y":165.8344964222742},"selectable":true,"focusable":true},{"id":"HlUUGj3dOZ68t4gIjerXh","type":"topic","position":{"x":640.3760409943199,"y":371.84893300452893},"selected":true,"data":{"label":"Learn the Basics","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"zIndex":999,"width":176,"height":50,"positionAbsolute":{"x":640.3760409943199,"y":371.84893300452893},"selectable":true,"focusable":true,"dragging":false,"style":{"width":176,"height":50},"resizing":false},{"id":"PtU5Qwfzn3N1i3oRlCGoR","type":"topic","position":{"x":640.3760409943199,"y":505.34893300452893},"selected":true,"data":{"label":"Basic Git Usage","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"bXfCUG3h1TIFPgD4WUDph"},"zIndex":999,"width":176,"height":49,"style":{"width":176,"height":49},"positionAbsolute":{"x":640.3760409943199,"y":505.34893300452893},"dragging":false,"selectable":true,"focusable":true,"resizing":false},{"id":"bXfCUG3h1TIFPgD4WUDph","type":"topic","position":{"x":640.3760409943199,"y":628.848933004529},"selected":true,"data":{"label":"Collaboration","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"}},"zIndex":999,"width":176,"height":49,"style":{"width":176,"height":49},"positionAbsolute":{"x":640.3760409943199,"y":628.848933004529},"dragging":false,"resizing":false,"selectable":true,"focusable":true},{"id":"JN1S4v1vCH6o_1FGxLu6i","type":"paragraph","position":{"x":209.37471641744668,"y":88.38682211276446},"selected":true,"data":{"label":"This version is designed for beginners. Make sure to visit the detailed version","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"left","borderColor":"#000000","backgroundColor":"#FFFFFf"},"oldId":"yHmHXymPNWwu8p1vvqD3o"},"zIndex":999,"width":354,"height":143,"positionAbsolute":{"x":209.37471641744668,"y":88.38682211276446},"dragging":false,"selectable":true,"focusable":true,"style":{"width":354,"height":143},"resizing":false},{"id":"MfErpYwkJ0wiWJZEUVfrb","type":"button","position":{"x":223.7266137420417,"y":167.9386373305844},"selected":true,"data":{"label":"Visit the Detailed Version","href":"/git-github","color":"#ffffff","backgroundColor":"#232323","style":{"fontSize":17},"oldId":"2zqZkyVgigifcRS1H7F_b"},"zIndex":999,"width":328,"height":49,"dragging":false,"style":{"width":328,"height":49},"resizing":false,"positionAbsolute":{"x":223.7266137420417,"y":167.9386373305844},"selectable":true,"focusable":true},{"id":"UcTZNhl15fF_6hbkDgfas","type":"checklist","position":{"x":899.5316934344742,"y":341.84893300452893},"selected":true,"data":{"label":"","checklists":[{"id":"j8ve2qbJMpc1bIgc1Vpft","label":"What are Version Control Systems?"},{"id":"ldhKx761118eU40l5QWoO","label":"What is Git and why should you use it?"},{"id":"qQncScng2f0PUjVATpwDr","label":"Install Git locally"},{"id":"6NOSxPVQrnUAFkaMtCpQq","label":"Create a GitHub account"}]},"zIndex":999,"width":352,"height":151,"positionAbsolute":{"x":899.5316934344742,"y":341.84893300452893},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{"width":352,"height":151}},{"id":"6VtvCuJz7YTSPbTP6pyq_","type":"section","position":{"x":206.20942171489753,"y":333.84893300452893},"selected":true,"data":{"label":"","style":{"width":150,"height":100,"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"},"oldId":"S7HjbouTnYhMlJ763X3Cy"},"zIndex":-999,"width":362,"height":392,"style":{"width":362,"height":392},"resizing":false,"dragging":false,"positionAbsolute":{"x":206.20942171489753,"y":333.84893300452893},"selectable":true,"focusable":true},{"id":"vj56JX-Q5c20XqoVFiNfr","type":"checklist","position":{"x":210.53169343447416,"y":378.84893300452893},"selected":true,"data":{"label":"","checklists":[{"id":"j8ve2qbJMpc1bIgc1Vpft","label":"git init : initializing repositories"},{"id":"ldhKx761118eU40l5QWoO","label":"git add : adding changes to staging"},{"id":"qQncScng2f0PUjVATpwDr","label":"git commit : committing changes"},{"id":"Ehg_9bKxYw9YmtNPiMJ7q","label":"git reset : unstaging changes"},{"id":"ijRFOiDeefkc6_fm1no-H","label":".gitignore file usage"},{"id":"bbQOrehpx6EBB1dsRZyvI","label":"Creating and Merging Branches"}],"oldId":"UcTZNhl15fF_6hbkDgfas"},"zIndex":999,"width":331,"height":216,"positionAbsolute":{"x":210.53169343447416,"y":378.84893300452893},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{}},{"id":"qVsb2HzA7K66lUM5KzEBD","type":"label","position":{"x":916,"y":304.84893300452893},"selected":true,"data":{"label":"Learn the \"What\" and Why\"","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"}},"zIndex":999,"width":222,"height":36,"style":{},"positionAbsolute":{"x":916,"y":304.84893300452893},"dragging":false,"selectable":true,"focusable":true},{"id":"Scl5hHAl-ajRlJu3LDN6F","type":"label","position":{"x":226.53169343447416,"y":347.84893300452893},"selected":true,"data":{"label":"Learn the basic git commands","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"},"oldId":"qVsb2HzA7K66lUM5KzEBD"},"zIndex":999,"width":248,"height":36,"style":{},"positionAbsolute":{"x":226.53169343447416,"y":347.84893300452893},"dragging":false,"selectable":true,"focusable":true},{"id":"3CYgyNOBsUn4cdBZKaoFE","type":"label","position":{"x":226.53169343447416,"y":591.8489330045289},"selected":true,"data":{"label":"Using Git with GitHub","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"},"oldId":"Scl5hHAl-ajRlJu3LDN6F"},"zIndex":999,"width":179,"height":36,"style":{},"positionAbsolute":{"x":226.53169343447416,"y":591.8489330045289},"dragging":false,"selectable":true,"focusable":true},{"id":"VqtoqEu-GlxesVDVuu41B","type":"checklist","position":{"x":210.53169343447416,"y":622.8489330045289},"selected":true,"data":{"label":"","checklists":[{"id":"j8ve2qbJMpc1bIgc1Vpft","label":"Creating private / public repositories"},{"id":"OwJimyakKn2aKzWTeipYy","label":"Adding remote and pushing changes"}],"oldId":"vj56JX-Q5c20XqoVFiNfr"},"zIndex":999,"width":343,"height":88,"positionAbsolute":{"x":210.53169343447416,"y":622.8489330045289},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{}},{"id":"W2jAge7_4FrGa3CGuxV3o","type":"section","position":{"x":896.5316934344742,"y":549.448933004529},"selected":true,"data":{"label":"","style":{"width":150,"height":100,"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"},"oldId":"6VtvCuJz7YTSPbTP6pyq_"},"zIndex":-999,"width":369,"height":269,"style":{"width":369,"height":269},"resizing":false,"dragging":false,"positionAbsolute":{"x":896.5316934344742,"y":549.448933004529},"selectable":true,"focusable":true},{"id":"Aj0SPmt8T85E9Rlp1GHRD","type":"checklist","position":{"x":899.5316934344742,"y":594.448933004529},"selected":true,"data":{"label":"","checklists":[{"id":"qApwMwg8ogYV2MsMzhPOg","label":"Learn about forking repositories"},{"id":"qv8CDZtjQE09zL0kXwHeu","label":"Learn about cloning repositories"},{"id":"e5x0it371pf0PTVUfALv1","label":"Creating Pull Requests"},{"id":"6GpUyNQSHgP6wstpIwe8v","label":"Pulling and pushing changes"},{"id":"OwElV7aPhWujQIvAUclOa","label":"Learn to resolve merge conflicts"},{"id":"3pM50AJwzh5iEB9KvMosu","label":"Learn the most common OSS licences"}],"oldId":"vj56JX-Q5c20XqoVFiNfr"},"zIndex":999,"width":354,"height":216,"positionAbsolute":{"x":899.5316934344742,"y":594.448933004529},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{}},{"id":"x16qRNts_ESjqHt6k8JDX","type":"label","position":{"x":916,"y":563.448933004529},"selected":true,"data":{"label":"Learn to work with others","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"},"oldId":"Scl5hHAl-ajRlJu3LDN6F"},"zIndex":999,"width":208,"height":36,"style":{},"positionAbsolute":{"x":916,"y":563.448933004529},"dragging":false,"selectable":true,"focusable":true},{"id":"aZMVz6kc52vLGcZFD9Dgh","type":"topic","position":{"x":640.3760409943199,"y":769.448933004529},"selected":true,"data":{"label":"More Git","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"sti_TAgZvSpuFWtygAsKc"},"zIndex":999,"width":176,"height":49,"style":{"width":176,"height":49},"positionAbsolute":{"x":640.3760409943199,"y":769.448933004529},"dragging":false,"resizing":false,"selectable":true,"focusable":true},{"id":"4ROOP8Gfq694WLkBb3OHL","type":"section","position":{"x":204.20942171489753,"y":750.6607683354507},"selected":true,"data":{"label":"","style":{"width":150,"height":100,"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"},"oldId":"W2jAge7_4FrGa3CGuxV3o"},"zIndex":-999,"width":364,"height":207,"style":{"width":364,"height":207},"resizing":false,"dragging":false,"positionAbsolute":{"x":204.20942171489753,"y":750.6607683354507},"selectable":true,"focusable":true},{"id":"tmdYR0tG1IRnpkeXUVQb9","type":"checklist","position":{"x":209.20942171489753,"y":795.6607683354507},"selected":true,"data":{"label":"","checklists":[{"id":"qApwMwg8ogYV2MsMzhPOg","label":"Hard reset and reverting changes"},{"id":"G2_sLaml-kZDW_fYUJZOA","label":"Rebase vs Merge vs Squash"},{"id":"LqZNG1zH73TyX7wvS5Xsg","label":"Stashing and applying stashes"},{"id":"yMVDBLmzWKJlVXibn8g6x","label":"Cherry picking commits"}],"oldId":"Aj0SPmt8T85E9Rlp1GHRD"},"zIndex":999,"width":322,"height":152,"positionAbsolute":{"x":209.20942171489753,"y":795.6607683354507},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{}},{"id":"t0D0xOmVtsmEINy_a4v9C","type":"label","position":{"x":225.67772828042337,"y":764.6607683354507},"selected":true,"data":{"label":"Learn additional git functionalities","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"},"oldId":"x16qRNts_ESjqHt6k8JDX"},"zIndex":999,"width":275,"height":36,"style":{},"positionAbsolute":{"x":225.67772828042337,"y":764.6607683354507},"dragging":false,"selectable":true,"focusable":true},{"id":"sti_TAgZvSpuFWtygAsKc","type":"topic","position":{"x":640.3760409943199,"y":917.3860873693703},"selected":true,"data":{"label":"More GitHub","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"bXfCUG3h1TIFPgD4WUDph"},"zIndex":999,"width":176,"height":49,"style":{"width":176,"height":49},"positionAbsolute":{"x":640.3760409943199,"y":917.3860873693703},"dragging":false,"resizing":false,"selectable":true,"focusable":true},{"id":"PKX9zjS8bRMMpKBgdc2mI","type":"section","position":{"x":898.9321922940919,"y":853.8860873693703},"selected":true,"data":{"label":"","style":{"width":150,"height":100,"fontSize":17,"backgroundColor":"#ffffff","borderColor":"#000000"},"oldId":"W2jAge7_4FrGa3CGuxV3o"},"zIndex":-999,"width":364,"height":176,"style":{"width":364,"height":176},"resizing":false,"dragging":false,"positionAbsolute":{"x":898.9321922940919,"y":853.8860873693703},"selectable":true,"focusable":true},{"id":"BDYD8XieOdQgFgb1Wygws","type":"checklist","position":{"x":896.9321922940919,"y":898.8860873693703},"selected":true,"data":{"label":"","checklists":[{"id":"qApwMwg8ogYV2MsMzhPOg","label":"Learn about GitHub Actions"},{"id":"ongEKnGNfniQ4YdTpPoX_","label":"Install and use GitHub CLI"},{"id":"Z0l3CJJLOZjI_5wMwy_3L","label":"Learn about Markdown"}],"oldId":"Aj0SPmt8T85E9Rlp1GHRD"},"zIndex":999,"width":277,"height":120,"positionAbsolute":{"x":896.9321922940919,"y":898.8860873693703},"dragging":false,"selectable":true,"focusable":true,"resizing":false,"style":{}},{"id":"YPjoCC_2o3cEAYbrmgRsq","type":"label","position":{"x":913.4004988596178,"y":867.8860873693703},"selected":true,"data":{"label":"Learn more GitHub topics","href":"","color":"#000000","style":{"fontSize":17,"color":"#000000"},"oldId":"x16qRNts_ESjqHt6k8JDX"},"zIndex":999,"width":213,"height":36,"style":{},"positionAbsolute":{"x":913.4004988596178,"y":867.8860873693703},"dragging":false,"selectable":true,"focusable":true},{"id":"YFC1N-VgE5uMXF68ZBd8s","type":"paragraph","position":{"x":542.8804565125486,"y":1066.6899404988976},"selected":true,"data":{"label":"Continue learning about Git and GitHub","style":{"fontSize":17,"borderColor":"#000000","backgroundColor":"#ffffff","color":"#000000","textAlign":"center","justifyContent":"flex-start","padding":16}},"zIndex":999,"width":371,"height":118,"positionAbsolute":{"x":542.8804565125486,"y":1066.6899404988976},"dragging":false,"style":{"width":371,"height":118},"resizing":false,"selectable":true,"focusable":true},{"id":"nJZnAWELs_Fq2raC_Z2p4","type":"button","position":{"x":556.8804565125486,"y":1122.3377372022524},"selected":true,"data":{"label":"Visit Detailed Git and GitHub Roadmap","href":"https://roadmap.sh/git-github","color":"#ffffff","backgroundColor":"#2a79e4","style":{"fontSize":17}},"zIndex":999,"width":343,"height":49,"dragging":false,"positionAbsolute":{"x":556.8804565125486,"y":1122.3377372022524},"selectable":true,"focusable":true}],"edges":[{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"iogwMmOvub2ZF4zgg6WyF","sourceHandle":"x2","target":"_hYN0gEi9BL24nptEtXWU","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"XX0I26JoVMVXIe_7bVMix","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"_hYN0gEi9BL24nptEtXWU","sourceHandle":"z2","target":"idLHBxhvcIqZTqmh_E8Az","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"dFn6kGOoJ-0BzJJEb9DSG","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"_hYN0gEi9BL24nptEtXWU","sourceHandle":"z2","target":"os3Pa6W9SSNEzgmlBbglQ","targetHandle":"y2","data":{"edgeStyle":"dashed"},"id":"arkF7QJJRbCBYWp0crqa2","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"_hYN0gEi9BL24nptEtXWU","sourceHandle":"z2","target":"3oInpqvTSSC5_K6i7j8N7","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"HNVw8OboycWKLEtEbG2bn","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"_hYN0gEi9BL24nptEtXWU","sourceHandle":"z2","target":"YKhuRbcUFzo0hTvuTq-Yl","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"auB7Png72XjmhcLr3IJA7","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"jZ67HhVRelJaxjsCckSSI","sourceHandle":"x2","target":"hWA7RtuqltMTmHdcCnmES","targetHandle":"y1","data":{"edgeStyle":"solid"},"id":"2aoDIr80lXSJLW1hIGUkb","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"z2","target":"NMznG9mo2wzNFnjhg990f","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"m-_y7nLeYFkUKGiacxWA0","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"z2","target":"gc_7cuIO2_joKlQRAPDfX","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"G7pXuJfkyt2nWAOHU8yV0","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"rrrvATyhXqRgJGWI3z0WF","sourceHandle":"x2","target":"AvbMQ5vY3ip1oX_6Yq4ie","targetHandle":"w2","data":{"edgeStyle":"dashed"},"id":"2_6Yz3-Agx9_rEN5xW86c","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"hWA7RtuqltMTmHdcCnmES","sourceHandle":"w2","target":"1AJv95mTLpR7L8KBoGym8","targetHandle":"x1","data":{"edgeStyle":"dashed"},"id":"kgMI98fg2-mKMgUs0wnjD","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"hWA7RtuqltMTmHdcCnmES","sourceHandle":"y2","target":"0etAs56EeBfh_0IlAaSra","targetHandle":"w1","data":{"edgeStyle":"solid"},"selected":true,"id":"ts38Q2ceHs60TJscUBZVE","focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"jZ67HhVRelJaxjsCckSSI","sourceHandle":"y2","target":"h6ceO0kiBIxNRkPzN3hBY","targetHandle":"z1","data":{"edgeStyle":"dashed"},"id":"ZiMV7umyPdhy3JJDcopR-","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"jZ67HhVRelJaxjsCckSSI","sourceHandle":"y2","target":"_JlT9oKQ6Yu4UX6l19G8P","targetHandle":"z2","data":{"edgeStyle":"dashed"},"id":"WI-MhbxrehFcVwyGJ5CQJ","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"_hYN0gEi9BL24nptEtXWU","sourceHandle":"x2","target":"jZ67HhVRelJaxjsCckSSI","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"qUrLBzvXvJOg53HBfjrOI","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"5Z9o-b3vBA-ITFg86zzYM","sourceHandle":"x2","target":"HlUUGj3dOZ68t4gIjerXh","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-5Z9o-b3vBA-ITFg86zzYMx2-HlUUGj3dOZ68t4gIjerXhw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"HlUUGj3dOZ68t4gIjerXh","sourceHandle":"x2","target":"PtU5Qwfzn3N1i3oRlCGoR","targetHandle":"w2","data":{"edgeStyle":"solid"},"id":"reactflow__edge-HlUUGj3dOZ68t4gIjerXhx2-bXfCUG3h1TIFPgD4WUDphw2","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"PtU5Qwfzn3N1i3oRlCGoR","sourceHandle":"x2","target":"bXfCUG3h1TIFPgD4WUDph","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-PtU5Qwfzn3N1i3oRlCGoRx2-bXfCUG3h1TIFPgD4WUDphw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"HlUUGj3dOZ68t4gIjerXh","sourceHandle":"z2","target":"S7HjbouTnYhMlJ763X3Cy","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"reactflow__edge-HlUUGj3dOZ68t4gIjerXhz2-S7HjbouTnYhMlJ763X3Cyy1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"PtU5Qwfzn3N1i3oRlCGoR","sourceHandle":"y2","target":"6VtvCuJz7YTSPbTP6pyq_","targetHandle":"z1","data":{"edgeStyle":"dashed"},"id":"reactflow__edge-PtU5Qwfzn3N1i3oRlCGoRy2-6VtvCuJz7YTSPbTP6pyq_z1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"y2","target":"W2jAge7_4FrGa3CGuxV3o","targetHandle":"z1","data":{"edgeStyle":"dashed"},"id":"gJKwydljU6EuWE4yGtclv","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"bXfCUG3h1TIFPgD4WUDph","sourceHandle":"x2","target":"aZMVz6kc52vLGcZFD9Dgh","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-bXfCUG3h1TIFPgD4WUDphx2-sti_TAgZvSpuFWtygAsKcw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"y2","target":"4ROOP8Gfq694WLkBb3OHL","targetHandle":"z1","data":{"edgeStyle":"dashed"},"id":"husRs0D5yg1pnRGtqIFQ_","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"aZMVz6kc52vLGcZFD9Dgh","sourceHandle":"x2","target":"sti_TAgZvSpuFWtygAsKc","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-aZMVz6kc52vLGcZFD9Dghx2-sti_TAgZvSpuFWtygAsKcw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"y2","target":"PKX9zjS8bRMMpKBgdc2mI","targetHandle":"z1","data":{"edgeStyle":"dashed"},"id":"2ApKA0kCBCBaRNyikHrG5","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"sti_TAgZvSpuFWtygAsKc","sourceHandle":"z2","target":"PKX9zjS8bRMMpKBgdc2mI","targetHandle":"y2","data":{"edgeStyle":"dashed"},"id":"reactflow__edge-sti_TAgZvSpuFWtygAsKcz2-PKX9zjS8bRMMpKBgdc2mIy2","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"sti_TAgZvSpuFWtygAsKc","sourceHandle":"x2","target":"YFC1N-VgE5uMXF68ZBd8s","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-sti_TAgZvSpuFWtygAsKcx2-YFC1N-VgE5uMXF68ZBd8sw1","selected":true,"focusable":true,"selectable":true}]} \ No newline at end of file +{ + "nodes": [ + { + "id": "kZoyMp6hlBhEmEtP4Ugel", + "type": "vertical", + "position": { + "x": 718.8760409943199, + "y": 1209.6899404988976 + }, + "selected": true, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 75, + "style": { + "width": 20, + "height": 75 + }, + "positionAbsolute": { + "x": 718.8760409943199, + "y": 1209.6899404988976 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "selectable": true + }, + { + "id": "j3huHc7cI7XZsXWx7EnLd", + "type": "horizontal", + "position": { + "x": 568.2094217148975, + "y": 784.448933004529 + }, + "selected": true, + "data": { + "label": "horizontal node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + }, + "oldId": "ZibrFs5SqbM7M-ygmuXJq" + }, + "zIndex": 999, + "width": 84, + "height": 20, + "style": { + "width": 84, + "height": 20 + }, + "positionAbsolute": { + "x": 568.2094217148975, + "y": 784.448933004529 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "ndgDElXOfvoSQfX9m327n", + "type": "horizontal", + "position": { + "x": 820.4807890856271, + "y": 643.348933004529 + }, + "selected": true, + "data": { + "label": "horizontal node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 76, + "height": 20, + "style": { + "width": 76, + "height": 20 + }, + "resizing": false, + "positionAbsolute": { + "x": 820.4807890856271, + "y": 643.348933004529 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "S7HjbouTnYhMlJ763X3Cy", + "type": "section", + "position": { + "x": 896.5316934344742, + "y": 286.84893300452893 + }, + "selected": true, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "zIndex": -999, + "width": 369, + "height": 219, + "style": { + "width": 369, + "height": 219 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": 896.5316934344742, + "y": 286.84893300452893 + }, + "selectable": true, + "focusable": true + }, + { + "id": "5Z9o-b3vBA-ITFg86zzYM", + "type": "title", + "position": { + "x": 614.8760409943199, + "y": 166.2553633125035 + }, + "selected": true, + "data": { + "label": "Git and GitHub", + "style": { + "fontSize": 28, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 227, + "height": 68, + "style": {}, + "positionAbsolute": { + "x": 614.8760409943199, + "y": 166.2553633125035 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "XgM_I974PlXAu4AbeqHX1", + "type": "vertical", + "position": { + "x": 718.3760409943199, + "y": 93.2553633125035 + }, + "selected": true, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 73, + "style": { + "width": 20, + "height": 73 + }, + "resizing": false, + "positionAbsolute": { + "x": 718.3760409943199, + "y": 93.2553633125035 + }, + "dragging": false, + "focusable": true, + "selectable": true + }, + { + "id": "yHmHXymPNWwu8p1vvqD3o", + "type": "paragraph", + "position": { + "x": 909.4971847919508, + "y": 83.84893300452893 + }, + "selected": true, + "data": { + "label": "Find the detailed version of this roadmap along with other similar roadmaps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "left", + "borderColor": "#000000", + "backgroundColor": "#FFFFFf" + } + }, + "zIndex": 999, + "width": 353, + "height": 142, + "positionAbsolute": { + "x": 909.4971847919508, + "y": 83.84893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "style": { + "width": 353, + "height": 142 + }, + "resizing": false + }, + { + "id": "2zqZkyVgigifcRS1H7F_b", + "type": "button", + "position": { + "x": 921.7005592047509, + "y": 165.8344964222742 + }, + "selected": true, + "data": { + "label": "roadmap.sh", + "href": "https://roadmap.sh", + "color": "#ffffff", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 329, + "height": 49, + "dragging": false, + "style": { + "width": 329, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 921.7005592047509, + "y": 165.8344964222742 + }, + "selectable": true, + "focusable": true + }, + { + "id": "HlUUGj3dOZ68t4gIjerXh", + "type": "topic", + "position": { + "x": 640.3760409943199, + "y": 371.84893300452893 + }, + "selected": true, + "data": { + "label": "Learn the Basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 176, + "height": 50, + "positionAbsolute": { + "x": 640.3760409943199, + "y": 371.84893300452893 + }, + "selectable": true, + "focusable": true, + "dragging": false, + "style": { + "width": 176, + "height": 50 + }, + "resizing": false + }, + { + "id": "PtU5Qwfzn3N1i3oRlCGoR", + "type": "topic", + "position": { + "x": 640.3760409943199, + "y": 505.34893300452893 + }, + "selected": true, + "data": { + "label": "Basic Git Usage", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bXfCUG3h1TIFPgD4WUDph" + }, + "zIndex": 999, + "width": 176, + "height": 49, + "style": { + "width": 176, + "height": 49 + }, + "positionAbsolute": { + "x": 640.3760409943199, + "y": 505.34893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false + }, + { + "id": "bXfCUG3h1TIFPgD4WUDph", + "type": "topic", + "position": { + "x": 640.3760409943199, + "y": 628.848933004529 + }, + "selected": true, + "data": { + "label": "Collaboration", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 176, + "height": 49, + "style": { + "width": 176, + "height": 49 + }, + "positionAbsolute": { + "x": 640.3760409943199, + "y": 628.848933004529 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "JN1S4v1vCH6o_1FGxLu6i", + "type": "paragraph", + "position": { + "x": 209.37471641744668, + "y": 88.38682211276446 + }, + "selected": true, + "data": { + "label": "This version is designed for beginners. Make sure to visit the detailed version", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "left", + "borderColor": "#000000", + "backgroundColor": "#FFFFFf" + }, + "oldId": "yHmHXymPNWwu8p1vvqD3o" + }, + "zIndex": 999, + "width": 354, + "height": 143, + "positionAbsolute": { + "x": 209.37471641744668, + "y": 88.38682211276446 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "style": { + "width": 354, + "height": 143 + }, + "resizing": false + }, + { + "id": "MfErpYwkJ0wiWJZEUVfrb", + "type": "button", + "position": { + "x": 223.7266137420417, + "y": 167.9386373305844 + }, + "selected": true, + "data": { + "label": "Visit the Detailed Version", + "href": "/git-github", + "color": "#ffffff", + "backgroundColor": "#232323", + "style": { + "fontSize": 17 + }, + "oldId": "2zqZkyVgigifcRS1H7F_b" + }, + "zIndex": 999, + "width": 328, + "height": 49, + "dragging": false, + "style": { + "width": 328, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 223.7266137420417, + "y": 167.9386373305844 + }, + "selectable": true, + "focusable": true + }, + { + "id": "6VtvCuJz7YTSPbTP6pyq_", + "type": "section", + "position": { + "x": 206.20942171489753, + "y": 333.84893300452893 + }, + "selected": true, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "S7HjbouTnYhMlJ763X3Cy" + }, + "zIndex": -999, + "width": 362, + "height": 392, + "style": { + "width": 362, + "height": 392 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": 206.20942171489753, + "y": 333.84893300452893 + }, + "selectable": true, + "focusable": true + }, + { + "id": "qVsb2HzA7K66lUM5KzEBD", + "type": "label", + "position": { + "x": 916, + "y": 304.84893300452893 + }, + "selected": true, + "data": { + "label": "Learn the \"What\" and Why\"", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + } + }, + "zIndex": 999, + "width": 222, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 916, + "y": 304.84893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "Scl5hHAl-ajRlJu3LDN6F", + "type": "label", + "position": { + "x": 226.53169343447416, + "y": 347.84893300452893 + }, + "selected": true, + "data": { + "label": "Learn the basic git commands", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + }, + "oldId": "qVsb2HzA7K66lUM5KzEBD" + }, + "zIndex": 999, + "width": 248, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 226.53169343447416, + "y": 347.84893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "3CYgyNOBsUn4cdBZKaoFE", + "type": "label", + "position": { + "x": 226.53169343447416, + "y": 591.8489330045289 + }, + "selected": true, + "data": { + "label": "Using Git with GitHub", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + }, + "oldId": "Scl5hHAl-ajRlJu3LDN6F" + }, + "zIndex": 999, + "width": 179, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 226.53169343447416, + "y": 591.8489330045289 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "W2jAge7_4FrGa3CGuxV3o", + "type": "section", + "position": { + "x": 896.5316934344742, + "y": 549.448933004529 + }, + "selected": true, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "6VtvCuJz7YTSPbTP6pyq_" + }, + "zIndex": -999, + "width": 369, + "height": 269, + "style": { + "width": 369, + "height": 269 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": 896.5316934344742, + "y": 549.448933004529 + }, + "selectable": true, + "focusable": true + }, + { + "id": "x16qRNts_ESjqHt6k8JDX", + "type": "label", + "position": { + "x": 916, + "y": 563.448933004529 + }, + "selected": true, + "data": { + "label": "Learn to work with others", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + }, + "oldId": "Scl5hHAl-ajRlJu3LDN6F" + }, + "zIndex": 999, + "width": 208, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 916, + "y": 563.448933004529 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "aZMVz6kc52vLGcZFD9Dgh", + "type": "topic", + "position": { + "x": 640.3760409943199, + "y": 769.448933004529 + }, + "selected": true, + "data": { + "label": "More Git", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sti_TAgZvSpuFWtygAsKc" + }, + "zIndex": 999, + "width": 176, + "height": 49, + "style": { + "width": 176, + "height": 49 + }, + "positionAbsolute": { + "x": 640.3760409943199, + "y": 769.448933004529 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "4ROOP8Gfq694WLkBb3OHL", + "type": "section", + "position": { + "x": 204.20942171489753, + "y": 750.6607683354507 + }, + "selected": true, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "W2jAge7_4FrGa3CGuxV3o" + }, + "zIndex": -999, + "width": 364, + "height": 207, + "style": { + "width": 364, + "height": 207 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": 204.20942171489753, + "y": 750.6607683354507 + }, + "selectable": true, + "focusable": true + }, + { + "id": "t0D0xOmVtsmEINy_a4v9C", + "type": "label", + "position": { + "x": 225.67772828042337, + "y": 764.6607683354507 + }, + "selected": true, + "data": { + "label": "Learn additional git functionalities", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + }, + "oldId": "x16qRNts_ESjqHt6k8JDX" + }, + "zIndex": 999, + "width": 275, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 225.67772828042337, + "y": 764.6607683354507 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "sti_TAgZvSpuFWtygAsKc", + "type": "topic", + "position": { + "x": 640.3760409943199, + "y": 917.3860873693703 + }, + "selected": true, + "data": { + "label": "More GitHub", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bXfCUG3h1TIFPgD4WUDph" + }, + "zIndex": 999, + "width": 176, + "height": 49, + "style": { + "width": 176, + "height": 49 + }, + "positionAbsolute": { + "x": 640.3760409943199, + "y": 917.3860873693703 + }, + "dragging": false, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "PKX9zjS8bRMMpKBgdc2mI", + "type": "section", + "position": { + "x": 898.9321922940919, + "y": 853.8860873693703 + }, + "selected": true, + "data": { + "label": "", + "style": { + "width": 150, + "height": 100, + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "W2jAge7_4FrGa3CGuxV3o" + }, + "zIndex": -999, + "width": 364, + "height": 176, + "style": { + "width": 364, + "height": 176 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": 898.9321922940919, + "y": 853.8860873693703 + }, + "selectable": true, + "focusable": true + }, + { + "id": "YPjoCC_2o3cEAYbrmgRsq", + "type": "label", + "position": { + "x": 913.4004988596178, + "y": 867.8860873693703 + }, + "selected": true, + "data": { + "label": "Learn more GitHub topics", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17, + "color": "#000000" + }, + "oldId": "x16qRNts_ESjqHt6k8JDX" + }, + "zIndex": 999, + "width": 213, + "height": 36, + "style": {}, + "positionAbsolute": { + "x": 913.4004988596178, + "y": 867.8860873693703 + }, + "dragging": false, + "selectable": true, + "focusable": true + }, + { + "id": "YFC1N-VgE5uMXF68ZBd8s", + "type": "paragraph", + "position": { + "x": 542.8804565125486, + "y": 1091.6899404988976 + }, + "selected": true, + "data": { + "label": "Continue learning about Git and GitHub", + "style": { + "fontSize": 17, + "borderColor": "#000000", + "backgroundColor": "#ffffff", + "color": "#000000", + "textAlign": "center", + "justifyContent": "flex-start", + "padding": 16 + } + }, + "zIndex": 999, + "width": 371, + "height": 118, + "positionAbsolute": { + "x": 542.8804565125486, + "y": 1091.6899404988976 + }, + "dragging": false, + "style": { + "width": 371, + "height": 118 + }, + "resizing": false, + "selectable": true, + "focusable": true + }, + { + "id": "nJZnAWELs_Fq2raC_Z2p4", + "type": "button", + "position": { + "x": 556.8804565125486, + "y": 1147.3377372022524 + }, + "selected": true, + "data": { + "label": "Visit Detailed Git and GitHub Roadmap", + "href": "https://roadmap.sh/git-github", + "color": "#ffffff", + "backgroundColor": "#2a79e4", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 343, + "height": 49, + "dragging": false, + "positionAbsolute": { + "x": 556.8804565125486, + "y": 1147.3377372022524 + }, + "selectable": true, + "focusable": true + }, + { + "id": "vj56JX-Q5c20XqoVFiNfr", + "type": "checklist", + "position": { + "x": 210.53169343447416, + "y": 378.84893300452893 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "lottua3gq", + "label": "git init : initializing repositories" + }, + { + "id": "mmnuqpd7o", + "label": "git add : adding changes to staging" + }, + { + "id": "hj1q9xjzp", + "label": "git commit : committing changes" + }, + { + "id": "6gtfpdplw", + "label": "git reset : unstaging changes" + }, + { + "id": "6m78a7kxv", + "label": ".gitignore file usage" + }, + { + "id": "6hhi4mkjf", + "label": "Creating and Merging Branches" + } + ], + "oldId": "UcTZNhl15fF_6hbkDgfas" + }, + "zIndex": 999, + "width": 331, + "height": 216, + "positionAbsolute": { + "x": 210.53169343447416, + "y": 378.84893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": {} + }, + { + "id": "UcTZNhl15fF_6hbkDgfas", + "type": "checklist", + "position": { + "x": 899.5316934344742, + "y": 341.84893300452893 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "y2ffhuchi", + "label": "What are Version Control Systems?" + }, + { + "id": "rtezthcr4", + "label": "What is Git and why should you use it?" + }, + { + "id": "y8g2973m2", + "label": "Install Git locally" + }, + { + "id": "4smgy1rd2", + "label": "Create a GitHub account" + } + ] + }, + "zIndex": 999, + "width": 352, + "height": 151, + "positionAbsolute": { + "x": 899.5316934344742, + "y": 341.84893300452893 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": { + "width": 352, + "height": 151 + } + }, + { + "id": "VqtoqEu-GlxesVDVuu41B", + "type": "checklist", + "position": { + "x": 210.53169343447416, + "y": 622.8489330045289 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "mi57wf3ln", + "label": "Creating private / public repositories" + }, + { + "id": "6fkr1el97", + "label": "Adding remote and pushing changes" + } + ], + "oldId": "vj56JX-Q5c20XqoVFiNfr" + }, + "zIndex": 999, + "width": 343, + "height": 88, + "positionAbsolute": { + "x": 210.53169343447416, + "y": 622.8489330045289 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": {} + }, + { + "id": "tmdYR0tG1IRnpkeXUVQb9", + "type": "checklist", + "position": { + "x": 209.20942171489753, + "y": 795.6607683354507 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "i8siv0d5u", + "label": "Hard reset and reverting changes" + }, + { + "id": "y67rwyype", + "label": "Rebase vs Merge vs Squash" + }, + { + "id": "ahfeqoklw", + "label": "Stashing and applying stashes" + }, + { + "id": "7djv9xaaj", + "label": "Cherry picking commits" + } + ], + "oldId": "Aj0SPmt8T85E9Rlp1GHRD" + }, + "zIndex": 999, + "width": 322, + "height": 152, + "positionAbsolute": { + "x": 209.20942171489753, + "y": 795.6607683354507 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": {} + }, + { + "id": "Aj0SPmt8T85E9Rlp1GHRD", + "type": "checklist", + "position": { + "x": 899.5316934344742, + "y": 594.448933004529 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "38glptsp5", + "label": "Learn about forking repositories" + }, + { + "id": "8opeij1s7", + "label": "Learn about cloning repositories" + }, + { + "id": "608mvu30z", + "label": "Creating Pull Requests" + }, + { + "id": "6rgep3bqc", + "label": "Pulling and pushing changes" + }, + { + "id": "6n7c3cl5p", + "label": "Learn to resolve merge conflicts" + }, + { + "id": "o7v7kmfpv", + "label": "Learn the most common OSS licences" + } + ], + "oldId": "vj56JX-Q5c20XqoVFiNfr" + }, + "zIndex": 999, + "width": 354, + "height": 216, + "positionAbsolute": { + "x": 899.5316934344742, + "y": 594.448933004529 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": {} + }, + { + "id": "BDYD8XieOdQgFgb1Wygws", + "type": "checklist", + "position": { + "x": 896.9321922940919, + "y": 898.8860873693703 + }, + "selected": true, + "data": { + "label": "", + "checklists": [ + { + "id": "ybl1zdo0n", + "label": "Learn about GitHub Actions" + }, + { + "id": "10h7sn2kk", + "label": "Install and use GitHub CLI" + }, + { + "id": "slsgbfvu8", + "label": "Learn about Markdown" + } + ], + "oldId": "Aj0SPmt8T85E9Rlp1GHRD" + }, + "zIndex": 999, + "width": 277, + "height": 120, + "positionAbsolute": { + "x": 896.9321922940919, + "y": 898.8860873693703 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "resizing": false, + "style": {} + } + ], + "edges": [ + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "iogwMmOvub2ZF4zgg6WyF", + "sourceHandle": "x2", + "target": "_hYN0gEi9BL24nptEtXWU", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "XX0I26JoVMVXIe_7bVMix", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "_hYN0gEi9BL24nptEtXWU", + "sourceHandle": "z2", + "target": "idLHBxhvcIqZTqmh_E8Az", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "dFn6kGOoJ-0BzJJEb9DSG", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "_hYN0gEi9BL24nptEtXWU", + "sourceHandle": "z2", + "target": "os3Pa6W9SSNEzgmlBbglQ", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "arkF7QJJRbCBYWp0crqa2", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "_hYN0gEi9BL24nptEtXWU", + "sourceHandle": "z2", + "target": "3oInpqvTSSC5_K6i7j8N7", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "HNVw8OboycWKLEtEbG2bn", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "_hYN0gEi9BL24nptEtXWU", + "sourceHandle": "z2", + "target": "YKhuRbcUFzo0hTvuTq-Yl", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "auB7Png72XjmhcLr3IJA7", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jZ67HhVRelJaxjsCckSSI", + "sourceHandle": "x2", + "target": "hWA7RtuqltMTmHdcCnmES", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "id": "2aoDIr80lXSJLW1hIGUkb", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "z2", + "target": "NMznG9mo2wzNFnjhg990f", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "m-_y7nLeYFkUKGiacxWA0", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "z2", + "target": "gc_7cuIO2_joKlQRAPDfX", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "G7pXuJfkyt2nWAOHU8yV0", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "rrrvATyhXqRgJGWI3z0WF", + "sourceHandle": "x2", + "target": "AvbMQ5vY3ip1oX_6Yq4ie", + "targetHandle": "w2", + "data": { + "edgeStyle": "dashed" + }, + "id": "2_6Yz3-Agx9_rEN5xW86c", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hWA7RtuqltMTmHdcCnmES", + "sourceHandle": "w2", + "target": "1AJv95mTLpR7L8KBoGym8", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "kgMI98fg2-mKMgUs0wnjD", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hWA7RtuqltMTmHdcCnmES", + "sourceHandle": "y2", + "target": "0etAs56EeBfh_0IlAaSra", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "selected": true, + "id": "ts38Q2ceHs60TJscUBZVE", + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jZ67HhVRelJaxjsCckSSI", + "sourceHandle": "y2", + "target": "h6ceO0kiBIxNRkPzN3hBY", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "ZiMV7umyPdhy3JJDcopR-", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jZ67HhVRelJaxjsCckSSI", + "sourceHandle": "y2", + "target": "_JlT9oKQ6Yu4UX6l19G8P", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "WI-MhbxrehFcVwyGJ5CQJ", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "_hYN0gEi9BL24nptEtXWU", + "sourceHandle": "x2", + "target": "jZ67HhVRelJaxjsCckSSI", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "qUrLBzvXvJOg53HBfjrOI", + "selected": true, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "5Z9o-b3vBA-ITFg86zzYM", + "sourceHandle": "x2", + "target": "HlUUGj3dOZ68t4gIjerXh", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-5Z9o-b3vBA-ITFg86zzYMx2-HlUUGj3dOZ68t4gIjerXhw1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "HlUUGj3dOZ68t4gIjerXh", + "sourceHandle": "x2", + "target": "PtU5Qwfzn3N1i3oRlCGoR", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-HlUUGj3dOZ68t4gIjerXhx2-bXfCUG3h1TIFPgD4WUDphw2", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "PtU5Qwfzn3N1i3oRlCGoR", + "sourceHandle": "x2", + "target": "bXfCUG3h1TIFPgD4WUDph", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-PtU5Qwfzn3N1i3oRlCGoRx2-bXfCUG3h1TIFPgD4WUDphw1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "HlUUGj3dOZ68t4gIjerXh", + "sourceHandle": "z2", + "target": "S7HjbouTnYhMlJ763X3Cy", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-HlUUGj3dOZ68t4gIjerXhz2-S7HjbouTnYhMlJ763X3Cyy1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "PtU5Qwfzn3N1i3oRlCGoR", + "sourceHandle": "y2", + "target": "6VtvCuJz7YTSPbTP6pyq_", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-PtU5Qwfzn3N1i3oRlCGoRy2-6VtvCuJz7YTSPbTP6pyq_z1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "y2", + "target": "W2jAge7_4FrGa3CGuxV3o", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "gJKwydljU6EuWE4yGtclv", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "bXfCUG3h1TIFPgD4WUDph", + "sourceHandle": "x2", + "target": "aZMVz6kc52vLGcZFD9Dgh", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-bXfCUG3h1TIFPgD4WUDphx2-sti_TAgZvSpuFWtygAsKcw1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "y2", + "target": "4ROOP8Gfq694WLkBb3OHL", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "husRs0D5yg1pnRGtqIFQ_", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "aZMVz6kc52vLGcZFD9Dgh", + "sourceHandle": "x2", + "target": "sti_TAgZvSpuFWtygAsKc", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-aZMVz6kc52vLGcZFD9Dghx2-sti_TAgZvSpuFWtygAsKcw1", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "y2", + "target": "PKX9zjS8bRMMpKBgdc2mI", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "2ApKA0kCBCBaRNyikHrG5", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "sti_TAgZvSpuFWtygAsKc", + "sourceHandle": "z2", + "target": "PKX9zjS8bRMMpKBgdc2mI", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-sti_TAgZvSpuFWtygAsKcz2-PKX9zjS8bRMMpKBgdc2mIy2", + "selected": true, + "selectable": true, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "sti_TAgZvSpuFWtygAsKc", + "sourceHandle": "x2", + "target": "YFC1N-VgE5uMXF68ZBd8s", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-sti_TAgZvSpuFWtygAsKcx2-YFC1N-VgE5uMXF68ZBd8sw1", + "selected": true, + "focusable": true, + "selectable": true + } + ] +}