diff --git a/diagram-new-light-dark.svg b/diagram-new-light-dark.svg
new file mode 100644
index 0000000..cba7187
--- /dev/null
+++ b/diagram-new-light-dark.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="549px" height="382px" viewBox="-0.5 -0.5 549 382"><defs><clipPath id="mx-clip-104-31-152-26-0"><rect x="104" y="31" width="152" height="26"/></clipPath><clipPath id="mx-clip-104-57-152-26-0"><rect x="104" y="57" width="152" height="26"/></clipPath><clipPath id="mx-clip-104-83-152-26-0"><rect x="104" y="83" width="152" height="26"/></clipPath><clipPath id="mx-clip-104-117-152-26-0"><rect x="104" y="117" width="152" height="26"/></clipPath><clipPath id="mx-clip-4-271-152-26-0"><rect x="4" y="271" width="152" height="26"/></clipPath><clipPath id="mx-clip-4-297-152-26-0"><rect x="4" y="297" width="152" height="26"/></clipPath><clipPath id="mx-clip-4-331-152-26-0"><rect x="4" y="331" width="152" height="26"/></clipPath><clipPath id="mx-clip-4-357-152-26-0"><rect x="4" y="357" width="152" height="26"/></clipPath><clipPath id="mx-clip-214-271-152-26-0"><rect x="214" y="271" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-31-152-26-0"><rect x="392" y="31" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-57-152-26-0"><rect x="392" y="57" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-83-152-26-0"><rect x="392" y="83" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-109-152-26-0"><rect x="392" y="109" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-135-152-26-0"><rect x="392" y="135" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-169-152-26-0"><rect x="392" y="169" width="152" height="26"/></clipPath><clipPath id="mx-clip-392-195-152-26-0"><rect x="392" y="195" width="152" height="26"/></clipPath></defs><rect fill="#ffffff" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/><g><g><path d="M 100 26 L 100 0 L 260 0 L 260 26" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 100 26 L 100 138 L 260 138 L 260 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 100 26 L 260 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" font-style="italic" text-anchor="middle" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="179.5" y="17.5">Person</text></g></g><g><rect x="100" y="26" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-104-31-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="105.5" y="43.5">Name</text></g></g><g><rect x="100" y="52" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-104-57-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="105.5" y="69.5">Phone Number</text></g></g><g><rect x="100" y="78" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-104-83-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="105.5" y="95.5">Email Address</text></g></g><g><path d="M 100 108 L 260 108" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><rect x="100" y="112" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-104-117-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="105.5" y="129.5">Purchase Parking Pass</text></g></g><g><path d="M 0 266 L 0 240 L 160 240 L 160 266" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 0 266 L 0 378 L 160 378 L 160 266" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 0 266 L 160 266" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" text-anchor="middle" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="79.5" y="257.5">Student</text></g></g><g><rect x="0" y="266" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-4-271-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="5.5" y="283.5">Student Number</text></g></g><g><rect x="0" y="292" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-4-297-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="5.5" y="309.5">Average Mark</text></g></g><g><path d="M 0 322 L 160 322" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><rect x="0" y="326" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" text-decoration="underline" clip-path="url(#mx-clip-4-331-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="5.5" y="343.5">Is Eligible To Enroll</text></g></g><g><rect x="0" y="352" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-4-357-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="5.5" y="369.5">Get Seminars Taken</text></g></g><g><path d="M 80 240 L 80 189 L 180 189 L 180 150.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 180 139.12 L 185.5 150.12 L 174.5 150.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><path d="M 210 266 L 210 240 L 370 240 L 370 266" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 210 266 L 210 310 L 370 310 L 370 266" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 210 266 L 370 266" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" text-anchor="middle" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="289.5" y="257.5">Professor</text></g></g><g><rect x="210" y="266" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-214-271-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="215.5" y="283.5">Salary</text></g></g><g><path d="M 210 296 L 370 296" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><path d="M 290 240 L 290 189 L 180 189 L 180 150.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 180 139.12 L 185.5 150.12 L 174.5 150.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><path d="M 388 26 L 388 0 L 548 0 L 548 26" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 388 26 L 388 216 L 548 216 L 548 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 388 26 L 548 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" text-anchor="middle" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="467.5" y="17.5">Address</text></g></g><g><rect x="388" y="26" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-31-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="43.5">Street</text></g></g><g><rect x="388" y="52" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-57-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="69.5">City</text></g></g><g><rect x="388" y="78" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-83-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="95.5">State</text></g></g><g><rect x="388" y="104" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-109-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="121.5">Postal Code</text></g></g><g><rect x="388" y="130" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-135-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="147.5">Country</text></g></g><g><path d="M 388 160 L 548 160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><rect x="388" y="164" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-169-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="181.5">Validate</text></g></g><g><rect x="388" y="190" width="160" height="26" fill="none" stroke="none" pointer-events="all"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" clip-path="url(#mx-clip-392-195-152-26-0)" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="393.5" y="207.5">Output As Label</text></g></g><g><path d="M 260 69 L 324 69 L 385.76 69" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 379.88 72.5 L 386.88 69 L 379.88 65.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="261.5" y="68.5">0..1</text></g></g><g><g fill="#000000" font-family="&quot;Helvetica&quot;" text-anchor="end" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"><text x="379.5" y="68.5">1</text></g></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 61px; margin-left: 319px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">lives at</div></div></div></foreignObject><text x="319" y="64" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">lives at</text></switch></g></g></g></svg>
\ No newline at end of file