dependencygraph.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 7.0.6 (20230106.0513)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="675pt" height="590pt"
 viewBox="0.00 0.00 675.00 590.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 586)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-586 671,-586 671,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_src</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 647,-8 647,-8 653,-8 659,-14 659,-20 659,-20 659,-562 659,-562 659,-568 653,-574 647,-574 647,-574 20,-574 20,-574 14,-574 8,-568 8,-562 8,-562 8,-20 8,-20 8,-14 14,-8 20,-8"/>
<text text-anchor="middle" x="333.5" y="-562.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_src/components</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M183.5,-16C183.5,-16 639,-16 639,-16 645,-16 651,-22 651,-28 651,-28 651,-446 651,-446 651,-452 645,-458 639,-458 639,-458 183.5,-458 183.5,-458 177.5,-458 171.5,-452 171.5,-446 171.5,-446 171.5,-28 171.5,-28 171.5,-22 177.5,-16 183.5,-16"/>
<text text-anchor="middle" x="411.25" y="-446.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_src/components/editor</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M284,-24C284,-24 631,-24 631,-24 637,-24 643,-30 643,-36 643,-36 643,-184 643,-184 643,-190 637,-196 631,-196 631,-196 284,-196 284,-196 278,-196 272,-190 272,-184 272,-184 272,-36 272,-36 272,-30 278,-24 284,-24"/>
<text text-anchor="middle" x="457.5" y="-184.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editor</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_src/components/output</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M276,-230C276,-230 538,-230 538,-230 544,-230 550,-236 550,-242 550,-242 550,-420 550,-420 550,-426 544,-432 538,-432 538,-432 276,-432 276,-432 270,-432 264,-426 264,-420 264,-420 264,-242 264,-242 264,-236 270,-230 276,-230"/>
<text text-anchor="middle" x="407" y="-420.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">output</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_src/data</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M172,-466C172,-466 244,-466 244,-466 250,-466 256,-472 256,-478 256,-478 256,-506 256,-506 256,-512 250,-518 244,-518 244,-518 172,-518 172,-518 166,-518 160,-512 160,-506 160,-506 160,-478 160,-478 160,-472 166,-466 172,-466"/>
<text text-anchor="middle" x="208" y="-506.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">data</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_src/styles</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M90,-339C90,-339 140,-339 140,-339 146,-339 152,-345 152,-351 152,-351 152,-379 152,-379 152,-385 146,-391 140,-391 140,-391 90,-391 90,-391 84,-391 78,-385 78,-379 78,-379 78,-351 78,-351 78,-345 84,-339 90,-339"/>
<text text-anchor="middle" x="115" y="-379.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">styles</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_src/utils</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M465,-466C465,-466 533,-466 533,-466 539,-466 545,-472 545,-478 545,-478 545,-536 545,-536 545,-542 539,-548 533,-548 533,-548 465,-548 465,-548 459,-548 453,-542 453,-536 453,-536 453,-478 453,-478 453,-472 459,-466 465,-466"/>
<text text-anchor="middle" x="499" y="-536.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">utils</text>
</g>
<!-- src/App.tsx -->
<g id="node1" class="node">
<title>src/App.tsx</title>
<g id="a_node1"><a xlink:href="src/App.tsx" xlink:title="App.tsx">
<path fill="#bbfeff" stroke="black" d="M136,-331C136,-331 94,-331 94,-331 91,-331 88,-328 88,-325 88,-325 88,-319 88,-319 88,-316 91,-313 94,-313 94,-313 136,-313 136,-313 139,-313 142,-316 142,-319 142,-319 142,-325 142,-325 142,-328 139,-331 136,-331"/>
<text text-anchor="start" x="100" y="-319.8" font-family="Helvetica,sans-Serif" font-size="9.00">App.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx -->
<g id="node2" class="node">
<title>src/components/Editor.tsx</title>
<g id="a_node2"><a xlink:href="src/components/Editor.tsx" xlink:title="Editor.tsx">
<path fill="#bbfeff" stroke="black" d="M229,-145C229,-145 187,-145 187,-145 184,-145 181,-142 181,-139 181,-139 181,-133 181,-133 181,-130 184,-127 187,-127 187,-127 229,-127 229,-127 232,-127 235,-130 235,-133 235,-133 235,-139 235,-139 235,-142 232,-145 229,-145"/>
<text text-anchor="start" x="189" y="-133.8" font-family="Helvetica,sans-Serif" font-size="9.00">Editor.tsx</text>
</a>
</g>
</g>
<!-- src/App.tsx&#45;&gt;src/components/Editor.tsx -->
<g id="edge1" class="edge">
<title>src/App.tsx&#45;&gt;src/components/Editor.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M120.64,-312.52C135.18,-282.79 180.05,-191.08 198.72,-152.93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="200.4,-154.27 201.15,-147.96 196.63,-152.43 200.4,-154.27"/>
</g>
<!-- src/components/Output.tsx -->
<g id="node3" class="node">
<title>src/components/Output.tsx</title>
<g id="a_node3"><a xlink:href="src/components/Output.tsx" xlink:title="Output.tsx">
<path fill="#bbfeff" stroke="black" d="M230.5,-331C230.5,-331 185.5,-331 185.5,-331 182.5,-331 179.5,-328 179.5,-325 179.5,-325 179.5,-319 179.5,-319 179.5,-316 182.5,-313 185.5,-313 185.5,-313 230.5,-313 230.5,-313 233.5,-313 236.5,-316 236.5,-319 236.5,-319 236.5,-325 236.5,-325 236.5,-328 233.5,-331 230.5,-331"/>
<text text-anchor="start" x="187.5" y="-319.8" font-family="Helvetica,sans-Serif" font-size="9.00">Output.tsx</text>
</a>
</g>
</g>
<!-- src/App.tsx&#45;&gt;src/components/Output.tsx -->
<g id="edge2" class="edge">
<title>src/App.tsx&#45;&gt;src/components/Output.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.32,-322C151.07,-322 160.98,-322 170.37,-322"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="170.13,-324.1 176.13,-322 170.13,-319.9 170.13,-324.1"/>
</g>
<!-- src/data/sampleCV.json -->
<g id="node4" class="node">
<title>src/data/sampleCV.json</title>
<g id="a_node4"><a xlink:href="src/data/sampleCV.json" xlink:title="sampleCV.json">
<path fill="#ffee44" stroke="black" d="M242,-492C242,-492 174,-492 174,-492 171,-492 168,-489 168,-486 168,-486 168,-480 168,-480 168,-477 171,-474 174,-474 174,-474 242,-474 242,-474 245,-474 248,-477 248,-480 248,-480 248,-486 248,-486 248,-489 245,-492 242,-492"/>
<text text-anchor="start" x="176" y="-480.8" font-family="Helvetica,sans-Serif" font-size="9.00">sampleCV.json</text>
</a>
</g>
</g>
<!-- src/App.tsx&#45;&gt;src/data/sampleCV.json -->
<g id="edge3" class="edge">
<title>src/App.tsx&#45;&gt;src/data/sampleCV.json</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M142.46,-328.15C146.17,-330.09 149.54,-332.65 152,-336 168.44,-358.46 144.32,-438 160,-461 162.06,-464.01 164.64,-466.63 167.53,-468.89"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="166.01,-470.4 172.18,-471.9 168.29,-466.88 166.01,-470.4"/>
</g>
<!-- src/components/editor/AchievementInput.tsx -->
<g id="node5" class="node">
<title>src/components/editor/AchievementInput.tsx</title>
<g id="a_node5"><a xlink:href="src/components/editor/AchievementInput.tsx" xlink:title="AchievementInput.tsx">
<path fill="#bbfeff" stroke="black" d="M544.5,-170C544.5,-170 453.5,-170 453.5,-170 450.5,-170 447.5,-167 447.5,-164 447.5,-164 447.5,-158 447.5,-158 447.5,-155 450.5,-152 453.5,-152 453.5,-152 544.5,-152 544.5,-152 547.5,-152 550.5,-155 550.5,-158 550.5,-158 550.5,-164 550.5,-164 550.5,-167 547.5,-170 544.5,-170"/>
<text text-anchor="start" x="455.5" y="-158.8" font-family="Helvetica,sans-Serif" font-size="9.00">AchievementInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/AchievementInput.tsx -->
<g id="edge4" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/AchievementInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M235.23,-140.81C244.31,-142.34 254.58,-143.91 264,-145 323.09,-151.84 390.94,-156.08 438.31,-158.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="438.09,-160.56 444.18,-158.76 438.29,-156.36 438.09,-160.56"/>
</g>
<!-- src/components/editor/EducationSectionInput.tsx -->
<g id="node6" class="node">
<title>src/components/editor/EducationSectionInput.tsx</title>
<g id="a_node6"><a xlink:href="src/components/editor/EducationSectionInput.tsx" xlink:title="EducationSectionInput.tsx">
<path fill="#bbfeff" stroke="black" d="M554,-50C554,-50 444,-50 444,-50 441,-50 438,-47 438,-44 438,-44 438,-38 438,-38 438,-35 441,-32 444,-32 444,-32 554,-32 554,-32 557,-32 560,-35 560,-38 560,-38 560,-44 560,-44 560,-47 557,-50 554,-50"/>
<text text-anchor="start" x="446" y="-38.8" font-family="Helvetica,sans-Serif" font-size="9.00">EducationSectionInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/EducationSectionInput.tsx -->
<g id="edge5" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/EducationSectionInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M212.17,-126.64C218.7,-109.02 235.48,-71.22 264,-55 316.56,-25.11 386.94,-25.2 436.74,-30.54"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="436.27,-32.6 442.47,-31.2 436.75,-28.43 436.27,-32.6"/>
</g>
<!-- src/components/editor/HeaderSectionInput.tsx -->
<g id="node7" class="node">
<title>src/components/editor/HeaderSectionInput.tsx</title>
<g id="a_node7"><a xlink:href="src/components/editor/HeaderSectionInput.tsx" xlink:title="HeaderSectionInput.tsx">
<path fill="#bbfeff" stroke="black" d="M549,-80C549,-80 449,-80 449,-80 446,-80 443,-77 443,-74 443,-74 443,-68 443,-68 443,-65 446,-62 449,-62 449,-62 549,-62 549,-62 552,-62 555,-65 555,-68 555,-68 555,-74 555,-74 555,-77 552,-80 549,-80"/>
<text text-anchor="start" x="451" y="-68.8" font-family="Helvetica,sans-Serif" font-size="9.00">HeaderSectionInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/HeaderSectionInput.tsx -->
<g id="edge6" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/HeaderSectionInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M214.73,-126.75C223.49,-113.58 241.57,-89.92 264,-80 317.73,-56.24 385.36,-56.43 434.08,-61.11"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="433.75,-63.19 439.94,-61.72 434.19,-59.01 433.75,-63.19"/>
</g>
<!-- src/components/editor/IntroductionSectionInput.tsx -->
<g id="node8" class="node">
<title>src/components/editor/IntroductionSectionInput.tsx</title>
<g id="a_node8"><a xlink:href="src/components/editor/IntroductionSectionInput.tsx" xlink:title="IntroductionSectionInput.tsx">
<path fill="#bbfeff" stroke="black" d="M403,-134C403,-134 286,-134 286,-134 283,-134 280,-131 280,-128 280,-128 280,-122 280,-122 280,-119 283,-116 286,-116 286,-116 403,-116 403,-116 406,-116 409,-119 409,-122 409,-122 409,-128 409,-128 409,-131 406,-134 403,-134"/>
<text text-anchor="start" x="288" y="-122.8" font-family="Helvetica,sans-Serif" font-size="9.00">IntroductionSectionInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/IntroductionSectionInput.tsx -->
<g id="edge7" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/IntroductionSectionInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M235.25,-133.85C245.63,-133 258.1,-131.98 270.84,-130.94"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="270.85,-133.05 276.66,-130.47 270.51,-128.86 270.85,-133.05"/>
</g>
<!-- src/components/editor/ProjectSectionInput.tsx -->
<g id="node9" class="node">
<title>src/components/editor/ProjectSectionInput.tsx</title>
<g id="a_node9"><a xlink:href="src/components/editor/ProjectSectionInput.tsx" xlink:title="ProjectSectionInput.tsx">
<path fill="#bbfeff" stroke="black" d="M393.5,-104C393.5,-104 295.5,-104 295.5,-104 292.5,-104 289.5,-101 289.5,-98 289.5,-98 289.5,-92 289.5,-92 289.5,-89 292.5,-86 295.5,-86 295.5,-86 393.5,-86 393.5,-86 396.5,-86 399.5,-89 399.5,-92 399.5,-92 399.5,-98 399.5,-98 399.5,-101 396.5,-104 393.5,-104"/>
<text text-anchor="start" x="297.5" y="-92.8" font-family="Helvetica,sans-Serif" font-size="9.00">ProjectSectionInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/ProjectSectionInput.tsx -->
<g id="edge8" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/ProjectSectionInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M225.88,-126.64C236.53,-121.08 250.74,-114.31 264,-110 269.26,-108.29 274.78,-106.75 280.36,-105.37"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="280.83,-107.42 286.2,-104.02 279.88,-103.33 280.83,-107.42"/>
</g>
<!-- src/components/editor/TechnicalSkillSectionInput.tsx -->
<g id="node10" class="node">
<title>src/components/editor/TechnicalSkillSectionInput.tsx</title>
<g id="a_node10"><a xlink:href="src/components/editor/TechnicalSkillSectionInput.tsx" xlink:title="TechnicalSkillSectionInput.tsx">
<path fill="#bbfeff" stroke="black" d="M562,-140C562,-140 436,-140 436,-140 433,-140 430,-137 430,-134 430,-134 430,-128 430,-128 430,-125 433,-122 436,-122 436,-122 562,-122 562,-122 565,-122 568,-125 568,-128 568,-128 568,-134 568,-134 568,-137 565,-140 562,-140"/>
<text text-anchor="start" x="438" y="-128.8" font-family="Helvetica,sans-Serif" font-size="9.00">TechnicalSkillSectionInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/editor/TechnicalSkillSectionInput.tsx -->
<g id="edge9" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/editor/TechnicalSkillSectionInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M235.28,-138.3C244.37,-138.99 254.62,-139.66 264,-140 331.96,-142.47 349.1,-143.76 417,-140 418.28,-139.93 419.57,-139.85 420.87,-139.77"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="420.69,-141.89 426.53,-139.36 420.39,-137.7 420.69,-141.89"/>
</g>
<!-- src/components/ToolSection.tsx -->
<g id="node11" class="node">
<title>src/components/ToolSection.tsx</title>
<g id="a_node11"><a xlink:href="src/components/ToolSection.tsx" xlink:title="ToolSection.tsx">
<path fill="#bbfeff" stroke="black" d="M378,-222C378,-222 311,-222 311,-222 308,-222 305,-219 305,-216 305,-216 305,-210 305,-210 305,-207 308,-204 311,-204 311,-204 378,-204 378,-204 381,-204 384,-207 384,-210 384,-210 384,-216 384,-216 384,-219 381,-222 378,-222"/>
<text text-anchor="start" x="313" y="-210.8" font-family="Helvetica,sans-Serif" font-size="9.00">ToolSection.tsx</text>
</a>
</g>
</g>
<!-- src/components/Editor.tsx&#45;&gt;src/components/ToolSection.tsx -->
<g id="edge10" class="edge">
<title>src/components/Editor.tsx&#45;&gt;src/components/ToolSection.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M214.36,-145.49C222.9,-159.65 240.99,-186.01 264,-199 273.63,-204.43 284.88,-207.85 295.83,-209.97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="295.26,-212.01 301.53,-210.92 295.95,-207.86 295.26,-212.01"/>
</g>
<!-- src/components/output/AchievementOutput.tsx -->
<g id="node12" class="node">
<title>src/components/output/AchievementOutput.tsx</title>
<g id="a_node12"><a xlink:href="src/components/output/AchievementOutput.tsx" xlink:title="AchievementOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M393.5,-406C393.5,-406 295.5,-406 295.5,-406 292.5,-406 289.5,-403 289.5,-400 289.5,-400 289.5,-394 289.5,-394 289.5,-391 292.5,-388 295.5,-388 295.5,-388 393.5,-388 393.5,-388 396.5,-388 399.5,-391 399.5,-394 399.5,-394 399.5,-400 399.5,-400 399.5,-403 396.5,-406 393.5,-406"/>
<text text-anchor="start" x="297.5" y="-394.8" font-family="Helvetica,sans-Serif" font-size="9.00">AchievementOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/AchievementOutput.tsx -->
<g id="edge11" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/AchievementOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M214.79,-331.46C223.61,-345 241.77,-369.63 264,-382 269.2,-384.89 274.85,-387.23 280.66,-389.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="280,-391.13 286.35,-390.77 281.17,-387.1 280,-391.13"/>
</g>
<!-- src/components/output/EducationSectionOutput.tsx -->
<g id="node13" class="node">
<title>src/components/output/EducationSectionOutput.tsx</title>
<g id="a_node13"><a xlink:href="src/components/output/EducationSectionOutput.tsx" xlink:title="EducationSectionOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M403,-376C403,-376 286,-376 286,-376 283,-376 280,-373 280,-370 280,-370 280,-364 280,-364 280,-361 283,-358 286,-358 286,-358 403,-358 403,-358 406,-358 409,-361 409,-364 409,-364 409,-370 409,-370 409,-373 406,-376 403,-376"/>
<text text-anchor="start" x="288" y="-364.8" font-family="Helvetica,sans-Serif" font-size="9.00">EducationSectionOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/EducationSectionOutput.tsx -->
<g id="edge12" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/EducationSectionOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M223.35,-331.46C234.12,-338.14 249.45,-346.81 264,-352 267.26,-353.16 270.62,-354.24 274.04,-355.24"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="273.37,-357.23 279.71,-356.77 274.47,-353.18 273.37,-357.23"/>
</g>
<!-- src/components/output/HeaderSectionOutput.tsx -->
<g id="node14" class="node">
<title>src/components/output/HeaderSectionOutput.tsx</title>
<g id="a_node14"><a xlink:href="src/components/output/HeaderSectionOutput.tsx" xlink:title="HeaderSectionOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M398,-346C398,-346 291,-346 291,-346 288,-346 285,-343 285,-340 285,-340 285,-334 285,-334 285,-331 288,-328 291,-328 291,-328 398,-328 398,-328 401,-328 404,-331 404,-334 404,-334 404,-340 404,-340 404,-343 401,-346 398,-346"/>
<text text-anchor="start" x="293" y="-334.8" font-family="Helvetica,sans-Serif" font-size="9.00">HeaderSectionOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/HeaderSectionOutput.tsx -->
<g id="edge13" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/HeaderSectionOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M236.87,-325.11C248.34,-326.39 262.17,-327.93 276.01,-329.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="275.41,-331.52 281.6,-330.1 275.87,-327.34 275.41,-331.52"/>
</g>
<!-- src/components/output/IntroductionSectionOutput.tsx -->
<g id="node15" class="node">
<title>src/components/output/IntroductionSectionOutput.tsx</title>
<g id="a_node15"><a xlink:href="src/components/output/IntroductionSectionOutput.tsx" xlink:title="IntroductionSectionOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M406.5,-316C406.5,-316 282.5,-316 282.5,-316 279.5,-316 276.5,-313 276.5,-310 276.5,-310 276.5,-304 276.5,-304 276.5,-301 279.5,-298 282.5,-298 282.5,-298 406.5,-298 406.5,-298 409.5,-298 412.5,-301 412.5,-304 412.5,-304 412.5,-310 412.5,-310 412.5,-313 409.5,-316 406.5,-316"/>
<text text-anchor="start" x="284.5" y="-304.8" font-family="Helvetica,sans-Serif" font-size="9.00">IntroductionSectionOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/IntroductionSectionOutput.tsx -->
<g id="edge14" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/IntroductionSectionOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M236.87,-318.89C245.98,-317.88 256.57,-316.69 267.48,-315.48"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="267.53,-317.59 273.26,-314.83 267.07,-313.41 267.53,-317.59"/>
</g>
<!-- src/components/output/ProjectSectionOutput.tsx -->
<g id="node16" class="node">
<title>src/components/output/ProjectSectionOutput.tsx</title>
<g id="a_node16"><a xlink:href="src/components/output/ProjectSectionOutput.tsx" xlink:title="ProjectSectionOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M396.5,-286C396.5,-286 292.5,-286 292.5,-286 289.5,-286 286.5,-283 286.5,-280 286.5,-280 286.5,-274 286.5,-274 286.5,-271 289.5,-268 292.5,-268 292.5,-268 396.5,-268 396.5,-268 399.5,-268 402.5,-271 402.5,-274 402.5,-274 402.5,-280 402.5,-280 402.5,-283 399.5,-286 396.5,-286"/>
<text text-anchor="start" x="294.5" y="-274.8" font-family="Helvetica,sans-Serif" font-size="9.00">ProjectSectionOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/ProjectSectionOutput.tsx -->
<g id="edge15" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/ProjectSectionOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M223.35,-312.54C234.12,-305.86 249.45,-297.19 264,-292 268.38,-290.44 272.96,-289.02 277.61,-287.75"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="277.8,-289.87 283.1,-286.36 276.77,-285.8 277.8,-289.87"/>
</g>
<!-- src/components/output/TechnicalSkillSectionOutput.tsx -->
<g id="node17" class="node">
<title>src/components/output/TechnicalSkillSectionOutput.tsx</title>
<g id="a_node17"><a xlink:href="src/components/output/TechnicalSkillSectionOutput.tsx" xlink:title="TechnicalSkillSectionOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M411,-256C411,-256 278,-256 278,-256 275,-256 272,-253 272,-250 272,-250 272,-244 272,-244 272,-241 275,-238 278,-238 278,-238 411,-238 411,-238 414,-238 417,-241 417,-244 417,-244 417,-250 417,-250 417,-253 414,-256 411,-256"/>
<text text-anchor="start" x="280" y="-244.8" font-family="Helvetica,sans-Serif" font-size="9.00">TechnicalSkillSectionOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/Output.tsx&#45;&gt;src/components/output/TechnicalSkillSectionOutput.tsx -->
<g id="edge16" class="edge">
<title>src/components/Output.tsx&#45;&gt;src/components/output/TechnicalSkillSectionOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M214.79,-312.54C223.61,-299 241.77,-274.37 264,-262 265.31,-261.27 266.64,-260.58 268.01,-259.92"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="268.56,-261.97 273.25,-257.68 266.91,-258.11 268.56,-261.97"/>
</g>
<!-- src/components/editor/Input.tsx -->
<g id="node18" class="node">
<title>src/components/editor/Input.tsx</title>
<g id="a_node18"><a xlink:href="src/components/editor/Input.tsx" xlink:title="Input.tsx">
<path fill="#bbfeff" stroke="black" d="M629,-110C629,-110 587,-110 587,-110 584,-110 581,-107 581,-104 581,-104 581,-98 581,-98 581,-95 584,-92 587,-92 587,-92 629,-92 629,-92 632,-92 635,-95 635,-98 635,-98 635,-104 635,-104 635,-107 632,-110 629,-110"/>
<text text-anchor="start" x="591" y="-98.8" font-family="Helvetica,sans-Serif" font-size="9.00">Input.tsx</text>
</a>
</g>
</g>
<!-- src/components/editor/AchievementInput.tsx&#45;&gt;src/components/editor/Input.tsx -->
<g id="edge17" class="edge">
<title>src/components/editor/AchievementInput.tsx&#45;&gt;src/components/editor/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M550.79,-153.62C556.82,-151.65 562.7,-149.15 568,-146 579.78,-138.99 589.81,-127.17 596.76,-117.41"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.34,-118.81 599.95,-112.66 594.86,-116.47 598.34,-118.81"/>
</g>
<!-- src/components/editor/EducationSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx -->
<g id="edge18" class="edge">
<title>src/components/editor/EducationSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M556.41,-50.4C560.45,-51.98 564.36,-53.84 568,-56 579.78,-63.01 589.81,-74.83 596.76,-84.59"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="594.86,-85.53 599.95,-89.34 598.34,-83.19 594.86,-85.53"/>
</g>
<!-- src/components/editor/HeaderSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx -->
<g id="edge19" class="edge">
<title>src/components/editor/HeaderSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M547.06,-80.41C554.12,-82.11 561.29,-83.98 568,-86 570.56,-86.77 573.19,-87.63 575.81,-88.53"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="574.9,-90.44 581.26,-90.51 576.33,-86.49 574.9,-90.44"/>
</g>
<!-- src/components/editor/ProjectInput.tsx -->
<g id="node19" class="node">
<title>src/components/editor/ProjectInput.tsx</title>
<g id="a_node19"><a xlink:href="src/components/editor/ProjectInput.tsx" xlink:title="ProjectInput.tsx">
<path fill="#bbfeff" stroke="black" d="M532.5,-110C532.5,-110 465.5,-110 465.5,-110 462.5,-110 459.5,-107 459.5,-104 459.5,-104 459.5,-98 459.5,-98 459.5,-95 462.5,-92 465.5,-92 465.5,-92 532.5,-92 532.5,-92 535.5,-92 538.5,-95 538.5,-98 538.5,-98 538.5,-104 538.5,-104 538.5,-107 535.5,-110 532.5,-110"/>
<text text-anchor="start" x="467.5" y="-98.8" font-family="Helvetica,sans-Serif" font-size="9.00">ProjectInput.tsx</text>
</a>
</g>
</g>
<!-- src/components/editor/ProjectSectionInput.tsx&#45;&gt;src/components/editor/ProjectInput.tsx -->
<g id="edge21" class="edge">
<title>src/components/editor/ProjectSectionInput.tsx&#45;&gt;src/components/editor/ProjectInput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.7,-97.13C416.31,-97.79 434.45,-98.5 450.58,-99.13"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="450.2,-101.22 456.28,-99.36 450.37,-97.02 450.2,-101.22"/>
</g>
<!-- src/components/editor/TechnicalSkillSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx -->
<g id="edge22" class="edge">
<title>src/components/editor/TechnicalSkillSectionInput.tsx&#45;&gt;src/components/editor/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M547.06,-121.59C554.12,-119.89 561.29,-118.02 568,-116 570.56,-115.23 573.19,-114.37 575.81,-113.47"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="576.33,-115.51 581.26,-111.49 574.9,-111.56 576.33,-115.51"/>
</g>
<!-- src/utils/formatDate.tsx -->
<g id="node20" class="node">
<title>src/utils/formatDate.tsx</title>
<g id="a_node20"><a xlink:href="src/utils/formatDate.tsx" xlink:title="formatDate.tsx">
<path fill="#bbfeff" stroke="black" d="M531,-522C531,-522 467,-522 467,-522 464,-522 461,-519 461,-516 461,-516 461,-510 461,-510 461,-507 464,-504 467,-504 467,-504 531,-504 531,-504 534,-504 537,-507 537,-510 537,-510 537,-516 537,-516 537,-519 534,-522 531,-522"/>
<text text-anchor="start" x="469" y="-510.8" font-family="Helvetica,sans-Serif" font-size="9.00">formatDate.tsx</text>
</a>
</g>
</g>
<!-- src/components/output/EducationSectionOutput.tsx&#45;&gt;src/utils/formatDate.tsx -->
<g id="edge23" class="edge">
<title>src/components/output/EducationSectionOutput.tsx&#45;&gt;src/utils/formatDate.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M409.25,-375.45C412.08,-377.3 414.7,-379.47 417,-382 451.9,-420.39 395.3,-459.43 430,-498 435.76,-504.4 443.58,-508.4 451.87,-510.84"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="451.34,-512.88 457.66,-512.18 452.29,-508.78 451.34,-512.88"/>
</g>
<!-- src/utils/TrimURL.tsx -->
<g id="node21" class="node">
<title>src/utils/TrimURL.tsx</title>
<g id="a_node21"><a xlink:href="src/utils/TrimURL.tsx" xlink:title="TrimURL.tsx">
<path fill="#bbfeff" stroke="black" d="M527,-492C527,-492 471,-492 471,-492 468,-492 465,-489 465,-486 465,-486 465,-480 465,-480 465,-477 468,-474 471,-474 471,-474 527,-474 527,-474 530,-474 533,-477 533,-480 533,-480 533,-486 533,-486 533,-489 530,-492 527,-492"/>
<text text-anchor="start" x="473" y="-480.8" font-family="Helvetica,sans-Serif" font-size="9.00">TrimURL.tsx</text>
</a>
</g>
</g>
<!-- src/components/output/HeaderSectionOutput.tsx&#45;&gt;src/utils/TrimURL.tsx -->
<g id="edge24" class="edge">
<title>src/components/output/HeaderSectionOutput.tsx&#45;&gt;src/utils/TrimURL.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.17,-342.82C408.94,-345.14 413.33,-348.14 417,-352 442.71,-379.07 410.3,-403.28 430,-435 439.26,-449.92 455.05,-461.48 469.08,-469.52"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="467.71,-471.17 473.98,-472.18 469.71,-467.48 467.71,-471.17"/>
</g>
<!-- src/components/output/ProjectOutput.tsx -->
<g id="node22" class="node">
<title>src/components/output/ProjectOutput.tsx</title>
<g id="a_node22"><a xlink:href="src/components/output/ProjectOutput.tsx" xlink:title="ProjectOutput.tsx">
<path fill="#bbfeff" stroke="black" d="M536,-286C536,-286 462,-286 462,-286 459,-286 456,-283 456,-280 456,-280 456,-274 456,-274 456,-271 459,-268 462,-268 462,-268 536,-268 536,-268 539,-268 542,-271 542,-274 542,-274 542,-280 542,-280 542,-283 539,-286 536,-286"/>
<text text-anchor="start" x="464" y="-274.8" font-family="Helvetica,sans-Serif" font-size="9.00">ProjectOutput.tsx</text>
</a>
</g>
</g>
<!-- src/components/output/ProjectSectionOutput.tsx&#45;&gt;src/components/output/ProjectOutput.tsx -->
<g id="edge25" class="edge">
<title>src/components/output/ProjectSectionOutput.tsx&#45;&gt;src/components/output/ProjectOutput.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M402.72,-277C417.28,-277 432.82,-277 447.05,-277"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="446.68,-279.1 452.68,-277 446.68,-274.9 446.68,-279.1"/>
</g>
<!-- src/components/editor/ProjectInput.tsx&#45;&gt;src/components/editor/Input.tsx -->
<g id="edge20" class="edge">
<title>src/components/editor/ProjectInput.tsx&#45;&gt;src/components/editor/Input.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M538.93,-101C549.65,-101 561.22,-101 571.72,-101"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="571.61,-103.1 577.6,-101 571.6,-98.9 571.61,-103.1"/>
</g>
<!-- src/main.tsx -->
<g id="node23" class="node">
<title>src/main.tsx</title>
<g id="a_node23"><a xlink:href="src/main.tsx" xlink:title="main.tsx">
<path fill="#bbfeff" stroke="black" d="M64,-348C64,-348 22,-348 22,-348 19,-348 16,-345 16,-342 16,-342 16,-336 16,-336 16,-333 19,-330 22,-330 22,-330 64,-330 64,-330 67,-330 70,-333 70,-336 70,-336 70,-342 70,-342 70,-345 67,-348 64,-348"/>
<text text-anchor="start" x="25.5" y="-336.8" font-family="Helvetica,sans-Serif" font-size="9.00">main.tsx</text>
</a>
</g>
</g>
<!-- src/main.tsx&#45;&gt;src/App.tsx -->
<g id="edge26" class="edge">
<title>src/main.tsx&#45;&gt;src/App.tsx</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M70.46,-332.57C73.33,-331.88 76.28,-331.16 79.22,-330.45"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="79.69,-332.49 85.02,-329.04 78.69,-328.41 79.69,-332.49"/>
</g>
<!-- src/styles/style.scss -->
<g id="node24" class="node">
<title>src/styles/style.scss</title>
<g id="a_node24"><a xlink:href="src/styles/style.scss" xlink:title="style.scss">
<path fill="#ffffcc" stroke="black" d="M138,-365C138,-365 92,-365 92,-365 89,-365 86,-362 86,-359 86,-359 86,-353 86,-353 86,-350 89,-347 92,-347 92,-347 138,-347 138,-347 141,-347 144,-350 144,-353 144,-353 144,-359 144,-359 144,-362 141,-365 138,-365"/>
<text text-anchor="start" x="94" y="-353.8" font-family="Helvetica,sans-Serif" font-size="9.00">style.scss</text>
</a>
</g>
</g>
<!-- src/main.tsx&#45;&gt;src/styles/style.scss -->
<g id="edge27" class="edge">
<title>src/main.tsx&#45;&gt;src/styles/style.scss</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M70.46,-345.43C72.63,-345.95 74.85,-346.49 77.07,-347.03"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="76.36,-349.02 82.69,-348.4 77.35,-344.94 76.36,-349.02"/>
</g>
</g>
</svg>