{"version":3,"sources":["Components/Header.js","images/logo192.png","Components/Banner.js","Components/Profile/ProfileCardImage.js","Components/Profile/ProfileCardText.js","images/profilepic.jpg","Components/Profile/Profile.js","Components/Projects/ProjectLinks.js","Components/Projects/Projects.js","Components/Footer.js","images/csharp.jpg","Components/TechnicalSkills/TechnicalSkills.js","App.js","index.js"],"names":["Header","props","useState","toggleNav","setToggleNav","handleContentChange","content","setShowContent","window","scrollTo","top","behavior","className","onClick","src","alt","Banner","heading","ProfileCardImage","Card","style","maxWidth","justifyItems","backgroundColor","borderRadius","as","header","Img","variant","img","image","ProfileCardText","Body","border","Text","text","Profile","ProfilePic","ProjectLinks","href","link","target","rel","linkText","Projects","Footer","year","Date","getFullYear","TechnicalSkills","CsharpImage","App","showContent","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.61e079b2.chunk.js","sourcesContent":["import React, { useState } from \"react\";\r\nimport logo from '../images/logo192.png'\r\n\r\nexport default function Header(props) {\r\n  const [toggleNav, setToggleNav] = useState(false);\r\n  const handleContentChange = (content) => {\r\n    props.setShowContent(content);\r\n    setToggleNav(false);\r\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  };\r\n  return (\r\n    <header>\r\n      <nav className=\"navbar navbar-expand-lg\">\r\n        <button onClick={() => handleContentChange(\"Profile\")} className=\"navbar-brand textShadow\">React Practice <img src={logo} alt=\"React Logo\" className=\"boxShadow\" /></button>\r\n        <button className=\"menuToggle\" onClick={() => setToggleNav(true)}>\r\n          <div className=\"hamburger-outer\">\r\n            <div className=\"hamburger-inner\"></div>\r\n            <div className=\"hamburger-inner\"></div>\r\n            <div className=\"hamburger-inner\"></div>\r\n          </div>\r\n        </button>\r\n        {toggleNav && (\r\n          <div className=\"menu\">\r\n            <button className=\"close-menu textShadow\" onClick={() => setToggleNav(false)}>\r\n              &times;\r\n            </button>\r\n            <ul>\r\n              <li onClick={() => handleContentChange(\"Profile\")}>Profile</li>\r\n              <li onClick={() => handleContentChange(\"Projects\")}>Projects</li>\r\n              <li onClick={() => handleContentChange(\"TechnicalSkills\")}>Technical</li>\r\n            </ul>\r\n          </div>\r\n        )}\r\n      </nav>\r\n    </header>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAh1BMVEUAAABk2vth2vxh2/xh2vxh2/xh2vth2/xh2vth2vxh2/xh2vxh2vxh2/xh2vxh2vxh2vth2vth2vth2vxg2vth2vth2/th2vxh2vxh2vxh2vxh2vtg2vth2vth2/xh2vxh2/xh2vth2/xh2vth2vth2/th2vth2vtm6P9h3P5j3/9l4/9o6/9I1caUAAAAJ3RSTlMACPsj9g8s4NjrX5OArPGcRcDQTBwXbj9Y5bM0UWe5eXTKOqTFh4yMjSHNAAAT5ElEQVR42uxb6XKbMBAuAhtsLhs7PvAVx2nQwfs/Xy0s8SmVscgUt/2RzUwnAaTV3qvd7Y9v+IZv+IZv+IZv+IZv+Cp4LfzpRj/kHrefvwcmrj9C7Vl/PhWAxdtNTx9xnBwWvufA7Dj8craK0+MxzU+LlyeTALzrPKzoDXgQ5Zvll2jAPt5b8p5xqkBM0sUTKQDa3ZHXvCI3qJio6STdjIC6L/fHScRryiqit+JUzHfPogCIT4xWpAIQQjil4U9fvu5//FlJqLgurgwgFWWvzxECMOc1U0gBDfeCfAzcruMv3gVlOD12YnX8XDW61BqrjbrKfTdy+cFsLmjVtU8dD08AcCc4P2ngMwnBT4ctyJfjlJvH1zYACg5DUwDkMw51FdJxSGM2SaDbKSi4H7YSoo4P7Wug1UxWjQemAMgjobHULDzP59GE1590mXB6hB7d056osSGwoRZZUeZ5WhDK1EM6x5JhCXilRB2TxbuRfLRcvx4D6U3AURqsNAU2B2IujE855VG8WN7e+h+Mq3d0M6QIgH4U3jAQns2MF/7qzKUCQI+OSxzAZP9bVBukcprla88IyrNA7U/PWDYkAQdKlJKumwwMidAsNYMDodlGvrEjiDCOX2+TpZlJeYaJidlTrOCdKgadPm3fkLJLOSUEzG29OeRX1oywVkqTpHVY+OZDY7jg1XACGCvkIvLuxab1nPKWgqo++/IpPngLqSEiFiNzM4nc3mTAJ/L10AScNHuUn7ZImG6h4oRmUAPv+o4JAiOZ7+TD7jhDnmLG84YAIrnj3feRo1xACJzLtEa9+aBQn8ZNdWzhE3b7Jh+KAOz9MuG3vdMHbn4R1lAjmstn0kzLmhCwH4Gik0uiwDdDEbDmyklPza0tLb7Ao5L66EkTfylAlWAn+ZlLT1kAExrYiTJyP9BD2wMKQyiuxjjeGg/CN/mRm018NjgB8Y2N0gd5j70VGB7Qrb/LRNAqVTpSi52Kuhrcio837aRHx85X+i5tVCN0kgn9OxeJW7PPgjwpqY4UAa6d5etXzttTM/2bCPY/3GtThSYd7OCIMcQpW3ijoHX7UH9HloxgPGQ6BA+d8f4hxmstF+c/v/RauFJ+NISpDZVIsC+4B+U7AXXp9Vs3VeFyOxqYgJ3OFF2FDyRvHOfncd8L/0LcTGeyHJiAtagQBnqt2AsQwNZY5by1DhrJsDHFxv0WVMyQQNBXcGum8Iz/DQGwmYCb130x6bnu7b8g4Oq0JqYfbdzKVan/BwKIJMDtg0JKoEHNOhrBrwyjQsMbMZKJMw309Va0edFcvuppxDzzh3ajTLHmrcfGqY4BpE4u+D3/iht9GTqQEQQyZzqAM8cyCwx0NE6wdoBANnwqgZuDPv9F6pOsZuAy9G9SCSRzuNJ3a3F7+z3elka6osfYm2t1gmRuUFB1UahB5wmWE070fUxysXkkiA4HL47luSKgxMNBy1qoF3Q7IH3YUB0WUY3Jwu3j9aWBZlhI+9zIvLYDQjgc7tW38H79C9zIPgYlAK6F4E7cXcBugO/1d7BNGFF3Afk5d2IcAQ66o6igz/mKz1ATuAJjuwcb+NpbLwYnYM+Bv5t/gsCB4keuONatbcDFdwXi4bs0uJKJrkDgKTvp8IJe1BKH2l4vOQ9VWtzyG3rbj3pew2MYAJ+MvaU/lrDbyX/95dJbBwzqpaY8PLv6pEuLw8NZoOABr2lQsWivMGwSTSZZQIhUuYqQIMgmkyhrX1cLHB17oDaKAuyQIrjQ1g0B761RNj3FZREaVzAuOOcMwK8g8JpVYXHMk+l6+Rsdo9ARLgdo8XF5pVH9JX+2io9XztJby9UA1fjF3+oBKJRrWBYd49XM93SrZ1exZ/UHEIzoomnt7ZM0ygStqVDzGtVXQC1hzQZZlCb7hooNKsjDE7DMFHc+/ENeBKJhuvvgbkKkOGoRRJeVnysph8/o8XmFUOypqGZ7o89/BHK5FgatdIOmHL5BcwUdTBl7xHcCsJ86FipukPp1sOEtOIjltOB3Wcgq2zobEIIrEMZDbgnABv4+9RXqgZi/PJQZ5Q7G3bS3eC8v8c/TYbrZL2az2Xp9/Wex30wPr0mcp/NziG1YpwkJmpWH5R9SgObj/pJhmsQAeXRO65qjhVR6zsJDSY2GeE35XTIIozRLNyMnDW7mj3+GgvLfUGirEyQ85odDwCo0qG/ZWwNI5hpQ0pxwJYBgOs2PYePPQIU5CyK28dhBgmuucF9WVA8FAZho5hXT034sN89p3zETFB5Ut0dGw8UpLTLRBBR7kq06bjzQ8FXdORQCqmPAle/Jwvd0ok3VU2QwrjaSJri99PiLpNzew1RRGq0wVvGl459C+vuAop6WGKmPmh+ZvyAH7tszR/FEp1XLLSfIQ4BU0G2C0Yrex38NP2s+kXalldc35m0+tEag6tNfidTVt2mIv2n/RDVmWMPk1E8KaFeHlP9+epJeFOdqeWPFRQdVICeg9oCbl374U9864zSgepIN40UHCME9W/xOBTE1R1AyX/k/Rpkd6o+UoG7du84XMGJRfRYqEbqaxPSo52Lhcs8zRYGzCBdz8XkpL06+fKVPy7KlFr3MH3FT+2pujsQZ80h13jzxX8+8USXYgshfXCTI1/uwroxlvM7ytTbZ1W8zQ8qCu8st6qGNpVDreKgdQqL33utV63xSC4OEqp5snHOpXmwov9Sd8KSG01WNGjoErKpqbW+GX7oKMKT+qd6eBeaRNMbla0TFp0HBHJt1TWpg6opQWkw9HABzc1zqEO4Id0KAltBopE5jFUFrApcGZ4A7t2LatBCU4Eh1tHtUGFsE1CS32AC5PXeGUxCO1hlw+4f8Pdxuw/d82liQFQww4dfKEs4Y+2wKUylEZQ0H49sV58ZkWzi10EKH5mjb4BJu7jUrgyZ7bvLroIQHsaqNfC0pKOyKEKbxwjYhYITRzpmphFbGZFtyNweZt7dWuHNYMAg9yiSkBUZFCRnBjjUzmigGXbRzsgSqQSr6oQ5mjwxCe0pMtll8U17zx0xU1X2xH9oJb2AlED3aYcrvqOse3KpFgl8qPULt2nbNxugtkNkhSDNdS8Oe1v4wU0Aw5ef9eExEYUyMjjqTgwxCQNC5O9qAwcIHWQDdrT8pMUByU6sigJHWY1pZSL2YUYIo1kHBcl5XGiAocJYTbb0PRksQemnaCABqCy2rLfbf7Q140JvzXDiH/TxDsgSVIxinfsUPOH9HCR23easUDtdkA/n9Uz/Te+j8uvAe55iMof59tzVKOHsw2Qa2AdDOQqzroIDBWnQCirCDufKH5cGKE116MT8dtfdU5miNmBxGJLVzfRuQ6OBjhdfeq5sChR0BAwFWguhxKXlXOmR17ZDSdIElgpMWp6siBwYJ9P2Ra0XyqXOoEuoGnE1WZI3LdALDyBr650gTIB/HXKMqoHroTBkR1QXaZ9sxBSmNCZ1aDtkDvQu8tkZbCa3tsCXRpyyPux+uNoC5i4Dy3v95gF32GmixeFdSVw/Yzuigc5aT7QLgsEQAbXQAkijYE+Yg4n6TeZgHwkUYQy0PCMA8pe2IEIXdGmBOtIBtCJTusSpmCwDC6QZ4SlsEsO/+w7EvBgF9CzvI6EDyHxAAp9avr4RsBpdPr+8oje1q4DdM0twq1NEAj7+CHi1/dGfFr/bOdDttGIjCRZjF7EvYEpKwxpLs93++1ljwGYSRaUSXc5gfbRKwLVma0ejOndHOca2lqQyabddt4an2AJTnyRFMXuPeSAGjrzwySLYOsnaZ0WFhgikUFacvgxNmJlV8FzqIrWfpwNVzdIA9AS+Dt1EWl4SBhykraYcAYQ2vzFplisV2+BkA1lb3+OPNWXNIOE1ZhXiGvYlNwXZdfh2jNezonRNIKNx4y/oJDUnbhe4z7pZZLxR4UAzAfe70y+J0BVaXqZtaCe7hUuFr067IDhHRsDEOu3/F7W/Ic6OLZYQZySy6qcLaDBpuLctM2f1MQ7OlRKNupebEwra5KJ+hGwIB30qmaSw0r+0c9QyiqxLw1phumWasNQDHDeCc5CheBbAWCWtfYHJFvrRIWgf0gZeBHg+T4Hr7IY0Cj2b3GifAKoXt38da3IC2oJxHcl1QpQO1U8GkEurrm5raLrkSuhbJsGKvGUYzaqET2KrvSBBMXq994+P04oSMPit0wcL1DQq+stwwkhHRZKB97nhu+mSrGFokO1BIwVDyKs6HPodNjy7xZFYMs+akNh9o6wLACbMKOCdKkAxBKwkXG0PsBHd/zEaglQylTZtMBBZPdwnz5+0GPhkWVY8t+H+/SMH1I4FlQQ0AKKLoI/A63up5NZOYlpFUZ/egnfYTPJlqLxgrdjIEbEDU8pHmeb/ZU3Gses0t9YeQkSRQeTPAUW2DdRchnwy9iEW+2ku/bj7AjcDcGY2w9uPEh6pvs9kbVawuEVRc4Hz47aKOUjuQKh+gmd5EPk2QjO6K7iz9gPWOtGjmMeiEHePjR9shoYYE/P50DtHjzVbkmx9ZIbLC+id0QQ/fU9PGG2cGsQND+RDYFAUeIe6PWdWwQxmLtDXUUuWBr5gg5a04/UUFGikX/RmrGAsm6x+u8J2FfkRyALqwqgzJpr3IyCbM6Iajihg1gIKzK7NYfT1VPGZQfmHDUS7PgOSqyxDuIp3JnZGSOjp7j2JfKV0Eq7rVpgsUAhK76VwoFnwiO0Ss764UBRrKH/V0uo6S+Pz5Mu7iHZTpwub11AX4KnnLXbHoS+4dtb0Gv1LcBtxen7gqNH/oZHrYi9/HQYMQAXxw1Gr0+K5yHMO8BmOkstnIk7AjO2vylxuFrUjgiyAqeO0MXk5vbpWUJaywjUGDzRUvg89uT/EMBj5Rr4O7WXOsIiG0HSSdTeG6/76ZVHihJcFB4olCZjjUZPbeX4fpvOEJEJV6/Tea/1vEv51Cobj1wcNRvVG3M68uI8WGCr6lvSRkn9DfZXXe2a576qJeGkwfPVr9Pv2V1fCrGae+5VXeeSKlWgQK1MclJKqoYKGkTODAn7c+XX6YO9+szjnehrHUBVRvpRVxyH5n2hoP3urVSa1WOUmtNqnWN4Nla9XpB3xbqwI6uJKmAuV3288w1Jb9hSqiz0eIIXiLoNcLG41G85f8+i/s9QKhTNoGXy6i76uw2zIcYI/8dTAQF/v+EK5VhrduOOxKHbrquBSAy0frbY5Vtv5ouM4+RMHFPo5O3EzV3bcQmmp1m+KQPCO+2wvansTBaDvfHtlI1Qfm0CTpjqLe+vpoHHqRKaL4nZYb+r6UovG6P2QBjY87PO9ZTHjA4MuV+rLTHYWm7qWK7umEyjQ6FuFu2xnXK6dyGsoC4X2msxIMRcNqb8tV/2PUCHRM+44ai5znqsQqaIxe29NxvYadINzhOQsIQAX4kmcaqVXfOprlQElLFPG/uFOv1q7epmtFrH0Jkaktf7poQD85JYOON2neTOt9+kve31ut5Xg2y1AkbsGF1kaBmLcXARHC5bR7AbZDL/PSzoc2LTNJsIs9q0/B7cdAXPczgUvJocmc7jxhxUVGki3/lf7I6HYT6mgBNswRiwRtYZz9CESj4tlpR3qUMpMADgXJ6i4ujf+yDHCrHFUNIA8SbTPFPVS+WgaCkKHgtXAw79Z9Z7C7fEGhCmkegrI7jsoeTe9WtFsqWdzkNFNQCPsKjF2aB+FVhpQqdAWiTzh4N/0dwAcM2EHIs0bKU61FJ7MT/JFQaOqDRG5KEziZ8FpYAvNQhhRFnARqZGa+SDoo6zJuHlVfaF4CHqYkUjIdH+tdotW3VSgT6bViKmWDADPdpsi4pToqwWKwU0SW/ktUsRtwNwPunzoRvzflUC9FpMl3B/Cy3I5HRtJGlF6WuvDln+hARtI+9gBS9j/RgUFpbqSKkMMC8D91IO1BfguJc/m3dGBS0gphS+cRokmc+jtWqDw5lqS6+GwKdUv1APq+HDxqJV6VI2jvpbqgW9ZKUtP9r8QQQkkid3sTEULZ5nKcVMp1/mF3GoU50V9Bn4O4R6DL6U57L7JF9at1iXkcntqvdEQRcE0WZ6k6Un47sHLVH0N9lYb79bk5Kx7vxKvWsYBD7FHQLrVxFFvsn4KzQsXTi/L9TQ6vKECQtf8TmVhhbpghzpqhuTqapxual/wBChHndRW8JsiongSauZ3Fc+usmUCGmytHWHDWUYGmAX55EtQLdLqQWJhntjVT/x8mGKnWJGsWcSK19z09FhpkzU67jqSAmoTCXhzjouWQ2HXBDNo+LkJjWzjTmGVTKhqpOzTRPkgnalPiwoK1vNeZI/GAIbCav/mI41wLQxat4qOM+AoDAP3Vt4Dcql71kg43O5BzmD7Dl/sOk+K4LeAXj2KTsybEJwy1LaJtsWL6nB8IefU4LwotnhwQ5dcG2TSZeLE8/nUy7htqG8RCzppxH6i2H0zMp0ujJQ5/y8uRdkLHo/a01Vq1h6E8oxQJqfaV+460C3fb9v6r24y1ePihfIM492QZS5lIfcEO3L3dXGmvHyqYJMmpBoyyghveXVKIDUI4yjCVPdaRGylDg3qUQNFHICp/3SyExTzaFR+sGUiT4uldoOjz6LPJE7SrZXfuxUebCrmwAEjPPehSmTDPyFzsq984XJZJuGMF8SwUfrnIbVAyEcMW62ppQuGe430PEukksFeQB/Rg0mkcyr3qjK/RG36SKXEfk222XwfxgeOV/qsbjOJjBCrjeP8xaiwazV23M375jcqgXFIdf/Y/duv1cLuaUdDokUL1rEkNd9nDGeN/pvUoMz99+04Usv5TwpOf8pSnPOUpT3nKU/5r+QnL/zLKJKcZgAAAAABJRU5ErkJggg==\"","import React from \"react\";\r\n\r\nexport default function Banner(props) {\r\n  return (\r\n    <article>\r\n      <h2>{props.heading}</h2>\r\n    </article>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Card } from \"react-bootstrap\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\n\r\nexport default function ProfileCardImage(props) {\r\n  return (\r\n    <Card\r\n      style={{\r\n        maxWidth: \"50rem\",\r\n        justifyItems: \"center\",\r\n        backgroundColor: \"navy\",\r\n        borderRadius: \"20px\",\r\n      }}\r\n      className=\"boxShadow2\"\r\n    >\r\n      <Card.Header as=\"h1\" style={{ backgroundColor: \"navy\", borderRadius: \"20px\" }}>\r\n        {props.header}\r\n      </Card.Header>\r\n      <Card.Img\r\n      style={{borderRadius: \"70px\"}}\r\n        variant=\"top\"\r\n        img\r\n        src={props.image}\r\n        alt=\"Pic\"\r\n        className=\"profilePic\"\r\n      />\r\n      </Card>      \r\n  );\r\n}","import React from \"react\";\r\nimport { Card } from \"react-bootstrap\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\n\r\nexport default function ProfileCardText(props) {\r\n  return (\r\n    <Card\r\n      style={{\r\n        maxWidth: \"50rem\",\r\n        justifyItems: \"center\",\r\n        backgroundColor: \"navy\",\r\n        borderRadius: \"20px\",\r\n      }}\r\n      className=\"boxShadow2\"\r\n    >\r\n      <Card.Header\r\n        as=\"h1\"\r\n        style={{ backgroundColor: \"navy\", borderRadius: \"20px\" }}\r\n      >\r\n        {props.header}\r\n      </Card.Header>\r\n      <Card.Body\r\n        className=\"boxShadow3\"\r\n        style={{\r\n          backgroundColor: \"lightblue\",\r\n          borderRadius: \"70px\",\r\n          border: \"0.5rem solid rgb(105, 202, 231)\",\r\n        }}\r\n      >\r\n        {/* <Card.Title>Fun Facts</Card.Title> */}\r\n        <Card.Text as=\"h2\">{props.text}</Card.Text>\r\n      </Card.Body>\r\n    </Card>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/profilepic.db517135.jpg\";","import React from \"react\";\r\nimport Banner from \"../Banner\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport ProfileCardImage from \"./ProfileCardImage\";\r\nimport ProfileCardText from \"./ProfileCardText\";\r\nimport ProfilePic from \"../../images/profilepic.jpg\"\r\n\r\nexport default function Profile() {\r\n  return (\r\n    <section className=\"banner text-center\">\r\n      <Banner heading=\"Profile\" className=\"textShadow\" />\r\n      <br />\r\n      <center>\r\n        <ProfileCardImage\r\n        header=\"William McCarty\"\r\n        image={ProfilePic}/>\r\n        <br/>\r\n        <ProfileCardText \r\n        header=\"Fun Facts\"        \r\n        text={[\"Favorite Hobby: Model RailRoading\",\r\n        <br />,\r\n        \"Favorite Car: Mustang\",\r\n        <br />,\r\n        \"Favorite Drink: Diet Coke\",\r\n        <br />,\r\n        \"Favorite Food: Bacon CheeseBurger\",\r\n        <br />,\"\"]} />\r\n        <br/>\r\n        <ProfileCardText \r\n        header=\"Favorite Quote\"\r\n        text={[\"You can have everything in life that you want if you just give enough\",\r\n        \"other people what they want.\",\r\n        <br />,\r\n        \"~~Zig Ziglar~~\"]}/>\r\n      </center>\r\n      <br />\r\n      <br />\r\n      <br />\r\n      <br />\r\n    </section>\r\n  );\r\n}\r\n","import React from \"react\";\r\n\r\nexport default function ProjectLinks(props) {\r\n  return (\r\n    <li className=\"projects\">\r\n      <a href={props.link} target=\"_blank\" rel=\"noreferrer\">\r\n        {props.linkText}\r\n      </a>\r\n    </li>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport Banner from \"../Banner\";\r\nimport ProjectLinks from \"./ProjectLinks.js\";\r\n\r\nexport default function Projects() {\r\n  return (\r\n    <section className=\"banner text-center\">\r\n      <Banner heading=\"Projects\" />\r\n      <div className=\"projects\">\r\n        <ul>\r\n          <ProjectLinks \r\n          link=\"#\"\r\n          linkText=\"React Portfolio Site\"/>        \r\n          <ProjectLinks \r\n          link=\"http://william-mccarty.com/Home/Portfolio\"\r\n          linkText=\"ASP.NET Portfolio Site\"/>\r\n          <ProjectLinks \r\n          link=\"https://github.com/WilliamMcCarty/ToDoAPI\"\r\n          linkText=\"ASP.NET Web API\"/>\r\n          <ProjectLinks \r\n          link=\"#\"\r\n          linkText=\"ToDo React App\"/>\r\n          <ProjectLinks \r\n          link=\"http://william-mccarty.com/\"\r\n          linkText=\"MVC Personal Site\"/>\r\n          <ProjectLinks \r\n          link=\"http://storefront.william-mccarty.com/\"\r\n          linkText=\"MVC MSSQL Store Front\"/>\r\n          <ProjectLinks \r\n          link=\"http://bytebrothers.william-mccarty.com/\"\r\n          linkText=\"HTML5 CSS3 Studio Project\"/>\r\n        </ul>\r\n      </div>\r\n      <br />\r\n      <br />\r\n      <br />\r\n    </section>\r\n  );\r\n}\r\n","import React from \"react\";\r\n\r\nexport default function Footer() {\r\n  const year = new Date().getFullYear();\r\n  return (\r\n    <footer className=\"text-center\">\r\n      <p>\r\n        <em>&copy; {year} William McCarty</em>\r\n      </p>\r\n    </footer>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/csharp.0b6e6f99.jpg\";","import React from \"react\";\r\nimport Banner from \"../Banner\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport ProfileCardImage from \"../Profile/ProfileCardImage\";\r\nimport ProfileCardText from \"../Profile/ProfileCardText\";\r\nimport ProjectLinks from \"../Projects/ProjectLinks\";\r\nimport CsharpImage from \"../../images/csharp.jpg\";\r\n\r\nexport default function TechnicalSkills() {\r\n  return (\r\n    <section className=\"banner text-center\">\r\n      <Banner heading=\"Technical Skills\" />\r\n      <div className=\"projects\">\r\n        <ul>\r\n      <br />\r\n      <center>\r\n        <ProfileCardImage header=\"C Sharp (C#)\" image={CsharpImage} />\r\n        <br />\r\n        <ProfileCardText\r\n          header=\"C# Name\"\r\n          text=\"Microsoft first used the name C# in 1988 for a variant of the C language designed for incremental compilation.\"\r\n        />\r\n\r\n        <ProjectLinks link=\"https://en.wikipedia.org/wiki/C_Sharp_(programming_language)\" linkText=\"C Sharp Wikipedia\" />\r\n      </center>\r\n      </ul>\r\n      </div>\r\n      <br />\r\n      <br />\r\n      <br />\r\n    </section>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\nimport \"./App.css\";\nimport Header from \"./Components/Header\"\nimport Profile from \"./Components/Profile/Profile\"\nimport Projects from \"./Components/Projects/Projects\"\nimport Footer from './Components/Footer'\nimport TechnicalSkills from \"./Components/TechnicalSkills/TechnicalSkills\";\n\nexport default function App() {\n  const [showContent, setShowContent] = useState(\"Profile\");\n  return (\n    <div className=\"site-container\">\n      <Header setShowContent={setShowContent} />\n      {showContent === \"Profile\" && <Profile />}\n      {showContent === \"Projects\" && <Projects />}\n      {showContent === \"TechnicalSkills\" && <TechnicalSkills />}\n      <Footer />\n    </div>\n  );\n}\n\n// import logo from './logo.svg';\n// import './App.css';\n\n// function App() {\n//   return (\n//     <div className=\"App\">\n//       <header className=\"App-header\">\n//         <img src={logo} className=\"App-logo\" alt=\"logo\" />\n//         <p>\n//           Edit <code>src/App.js</code> and save to reload.\n//         </p>\n//         <a\n//           className=\"App-link\"\n//           href=\"https://reactjs.org\"\n//           target=\"_blank\"\n//           rel=\"noopener noreferrer\"\n//         >\n//           Learn React\n//         </a>\n//       </header>\n//     </div>\n//   );\n// }\n\n// export default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n//reportWebVitals();\n"],"sourceRoot":""}